LAYOUT VARIATIONS

Variation 1

finall first page newScreen Shot 2019-03-13 at 4.36.44 PMthird page variation 1

 

Above is one of the variations of many layouts I designed. I think the first double spread in very strong in visuals, the headline is bold which communicates clearly what the article is. As David also agreed, I think that design has the strong body copy layout and imagery compared to the other designs. There is a divide between the imagery and the body copy however, I think the background colour really ties it all together. The second page I was not sure whether to use the design with or without the phrase next to the black pattern print. I like the way orange overlaps to the other page which breaks the idea of everything fit into place, as the original idea was to use image horizontal to break the system but I believe it doesn’t fit in with the other pages it could look awkward. When you look as a whole it looks out of place in the design. I think the third page is also strong in body copy layout, obeying the columns and keeping everything clean. I used 6 columns and 6mm gutter which is the same in every design.

Variation 2

finall first page newScreen Shot 2019-03-16 at 9.27.41 PMScreen Shot 2019-03-16 at 10.56.30 PM

This is another design which I feel like it works the best, it has a strong visual hierarchy in each page focusing on imagery but body copy does have an effect in the page. I think each page stands out in it’s own way to create the sense of the article. The chance of background colours in the second double page spread do create a dynamic style, this also helps the pace of the editorial. Also, body copy is on the left side of the page compared to other pages which I think adds to pace, if it was all on the same layout style it could make readers lose interest.

 

Variation 3

finall first page newScreen Shot 2019-03-16 at 9.27.41 PMthird page final layout.

I made some small changes in the design above, I realised that the block text on the third double page spread was too similar to the other pages. I added a phrase between the paragraph and line breaks to add some detail the paragraphs. By this way, the reader will be still intrigued in the article. In addition, I changed the position of the imagery and body copy , body copy is not on the left and imagery on the right which I think for this style it works well. As the feedback from David he suggested I should use the body copy on the left and I do think by this way it looks better, it’s easier to read the article and you focus on the body text then the imagery. As I was confident with the first 2 double page spreads, these variations only focus on the last double page spread to finish it off.

 

FINAL DETAILS/PAGE NUMBERS

Screen Shot 2019-03-17 at 6.21.23 PMScreen Shot 2019-03-17 at 6.22.11 PMScreen Shot 2019-03-17 at 6.21.59 PM

Once I was sure on the final layout I had to add the page numbers to complete the layouts. For this detail, I just wanted to keep it very simple and clean so it doesn’t stand out too much on the page. I preferred to use the font I used for phrases callouts which was Geometri231 Hv BT which is bold and thick. I wanted to use this font so it completes the page and a different font could’ve looked weird on the page. I chose to use 9pt and a line to break the page even though I don’t want it to be too eye catchy it still needs to be recognised on the page. I had a look at some examples on other editorial designs, most are very playful and very big on page. I didn’t want to do that there’s a theme which page numbers should also fit into it. I chose to use ‘0’ next to each number I think it adds an effect to the page.

Screen Shot 2019-03-17 at 9.40.57 PMScreen Shot 2019-03-17 at 9.39.29 PMScreen Shot 2019-03-17 at 9.40.02 PM

I chose to use page numbers on only right pages due because the first page has a imagery which covers the full page I thought it would ruin the imagery, as a I spoke to Ian he said not all pages need page numbers so I decided to only use them on right side of the page, the second double spread has the imagery on the right but I knew it would work as it’s black and orange heavy, if it was on the other it would have to be in white as the background is black. It works well for the last page as the background is orange and black type imagery. I think the design goes well with the simplicity of the layouts and the heavy imagery.

Grid systems

Screen Shot 2019-03-17 at 10.29.41 PMScreen Shot 2019-03-17 at 10.29.29 PMScreen Shot 2019-03-17 at 10.29.19 PM

 

 

Leave a comment

Design a site like this with WordPress.com
Get started