Layout and furniture

Mood board

Brainstorm

Imagery

In my magazine I want to use mainly photos of tools and sets however i will also include some technical drawings or vector based images to help the reader understand how things are built.

Text and Colour

The colours are simple, I am only using four colours I wanted to use the same colours as my masthead so that the same colours throughout. I have also used white for the text so that it easy to read. I decided to use a simple sans serif font, in the example I have included five examples of text. I have decided to use 'Source Sans Pro'. 

Example of different colour scheme

Masthead Design

Design 1

Design 1

For my first design of the masthead I decided that i want it to be simple. I a font called 'Saucer BB' which looks like it hand been hand drawn but measured as there are lines coming out of it. I used it because I thought it looked like a plan for a piece of set which goes with the theme of magazine. In the second example I changed the font so that is was less complex. This made it easy to read and stood out more. 

Design 2

Design 2

My second design was similar to the first, it used the same three colours and still looked simple. I did two versions changing the position of the 'in theatre' text. I used the font 'Kroftsmann' which used sharp angles, this relates to construction because of pieces of set have sharp angles. The boxes I have used can also be used as furniture on other pages of the magazine.

In both designs one and two I only used three colours which helped it look simpler but it also made it look smart and professional. They also make the text stand out by using bold colours.

Other designs

Final Design

For my final design I will use the second design but the second version. I preferred the second version because the 'in theatre' text is in the bottom right because it makes the masthead more versatile compared to the other design. This is because the one with the text in the centre would always have to be in the centre of the page however the has more freedom.

Task 2 - iPad magazine workshop

Page 1 Vertical

Page 1 Horizontal

Page 2 Vertical

Page 2 Horizontal

Page 3 Vertical

Page 3 Horizontal

Embedded Twitter Feed

Embedded Youtube video

The main technical skill I learnt during this process was how to embed interactive elements to my magazine. I added a Youtube video and a Twitter feed which took along time to work out how to add them. I looked at tutorials and videos on the internet to finally get them to work. I also had to keep testing them on the iPad content viewer because that is what I am designing. In the screenshot the embedded video and Twitter looked like they don't work but on an iPad they do.

When creating both orientations of my magazine I found that the easiest way to may it fit both was to create one orientation then copy and paste it into the other orientation. Then I could rearrange the layout so that it would fit. On page two I deleted the twitter feed from because it didn’t fit. In my final magazine design I probably would have to fit everything in both orientation because it means that some readers might miss some content if they were only viewing it in one orientation.

I found the workflow easy and I understand the process using the folio builder and then viewing it on content viewer on the iPad.