The Brief…
As individuals, we have to design a double-page spread showing the first two pages of a selected article. There must also be the same article that has been adapted to fit onto a portrait iPad screen.
I chose to go for the gaming article: https://bit.ly/2DyV9RH
Our first task was to analyse a double-page spread article like the one we were about to design, i found this simple one from Sonos that was different because of it’s odd column layout. I noticed that the middle column of text was not alligned with the main image on the next page and after learning more about layout, found that the left page consists of 7 columns. This is discreet at the text is cntre alligned across two columns each.
There are also allignment lines that are horizontal across the whole page so nothing is slightly out of place.The background image on the right has been changed to black and white so that one colour is only on the page along with black and white.The image on the left is partially bled off the page as it only goes off the top and side edges.The right page only consists of three columns but all the text is still centre alligned. The text is all the same typeface but is increased in size and made bold or all caps to draw more attention.
I first started with this image as I had played the game mentioned in the article and found that it was the most appropriate referance for what the author was trying to get at. However I flipped the image so that the slope leads your eyes from left to right as you go across the page. The image is visually stricking so I wanted to maintain as much of it as possible.
Click on the images to enlarge to full screen.
I was experimenting with how i could split up the page, because the flow went from top left to bottom right, I put the title first and it would lead down to the text. I copied the colour in the text from the cloak so it blended in better than black. Next i added a faded box around the text so it stood out clearer but none of the background would be lost.
I realised i needed more text on the page so I expanded the text box to the top of the page, I made the right page three columns and the textbox would have a width of two with a column for the background. Because the game was not mentioned, i added in the title discreetly so it didn’t take up too much attention but was still important hence the large size and only a text outline. Finally i made the title bold so that it was clearer and the authors text in white so it was distinguished as a subtitle.
This is the final piece, i created a lot more whitespace which added more strength to the whole piece. I did this by making the background image a partial bleed instead of a full bleed. In the text there is a drop capital to drag the readers attention to the start of the article and a pull quote to entice them and inform the reader of a main topic.
There was a problem with the processing as I switched over onto using my laptop instead of the media lab computers and encountered a lot of problems such as the font’s not existing etc. I made a small screenshot of where the pull quote would exist.
The line is in the white textbox is alligned perfectly at the centre along with the cloacked person in the image.
For the iPad layout, it was difficult to stick to a similar format so I changed the whitespace to cut horizontally across the image instead and use that to split up the page. In the top of the image, I added the title and scaled it to a correct size. I did the same for the other pieces of text that aren’t part of the main body of text.
Unfortunately, I also had a problem with the whole article being a little pixelated when i transferred it across to my laptop so apologies.
Finally, I removed the parting line as I couldn’t find a use for it when converting over to the new format.
Conclusion
I really enjoyed this task as I have wanted to expand my abilities to make things look more professional and less amateur. The progams such as InDesign and Photoshop also took me on a steep learning curve but I feel i have a good understanding of the program now and I am able to carry out what I have as an idea in my head. They are both massive programs so I know I still have a lot more to learn!