Wednesday, 16 January 2013

DESIGN DEVELOPMENT; G2 SUPPLEMENT

Initial Design Sheets:



Based on a list of contents needed for my supplement I began starting thumbnails of potential page layouts. This helped me structure pages and it's contents.

I started designing the info graphic elements of the supplement using Illustrator, so the images can be transferred to InDesign when ready to layout and print.

I gathered information and research needed via my design context blog/reports/witness statements to compile the information necessary to display in an info graphic manner. This information consisted also of facts and figures which have been worked out in relation to the inquiry from the research gathered in order to design infographic elements.

The page size is A5.



The pen tool was used to create arcs on the timeline shown above, which were used for text. This ensured the arcs would be the same and the text was displayed evenly, as shown below. Originally arced lines were drawn with the intention of the witnesses' being listed to the right hand side. However with space being an option, I used the arc's as text lines which condensed the information, and makes the information summarised in a more info graphic manner.


For the cover, I originally thought of designing a simple, formal cover, which would attract the necessary, targeted audience. However, once I experimented with imagery and colour as seen below, the cover appeared dated, boring and uninteresting to pick up and read, therefore, changed the design direction with a light hearted approach to illustration.





The image the cover is based off.
Source: google


For the cover, I drew an illustration of Rupert Murdoch, using the pen tool on illustrator, editing line widths for depth and additional detail. 



The same application for the curved text was used above, as with the timeline. This ensured the text would arc perfectly around the illustration.
"I swear by almighty God, that I will tell the truth, the whole truth and nothing but the truth"; the oath sworn in court.



Additional features such as the 'g2' logo were added, followed by colour and additional headline; 'theguardian'. 


Colours were carefully selected from the pantone swatches, and alternative tints were used when needed. I wanted to use a limited colour palette, cream, pink, black and 3 shades of blue.



I wanted to make the cover light hearted, so coloured the illustration reflecting pop art, with a touch of simplicity and light heartedness. This will also catch the readers attention, and hopefully intrigue them to look at the supplements contents.


The colour swatches shown will run through the entire supplement, as will the "g2" and "the guardian" title. The font which has been used is "Georgia"; the most similar serif font to "Guardian"; their own typeface.


Colour was then added to the timeline, showing different modules of the inquiry highlighted by the key. Information was adding showing statistics on the hearing, which were then altered as seen below.



The modules were shown on the timeline in 3 shades of blue. The key next to the timeline is to ensure modules are understood for later information. 



For the inquiry, it was split up into 4 different categories, which will be briefly summarised in a simplified manner, enabling the audience to engage and understand the different modules. Info graphic illustrations were created to show each module in a to the point manner.


These vector illustrations were drawn on illustrator using the same colours used previously for continuity. The typeface is called, 'TOMMY HILFIGER". I really liked the minimal look of the vector created, so this was carried on through the supplement.




The same colours were used for all info graphics, and throughout the supplement to keep continuity and  flow of date, information and graphic details.










Using grids and rulers, as used throughout, to maintain the same distance, white spaces, borders and leaving room for text and numbers.


I experimented with layouts, based on my previous design sheets, to ensure proportions of the images are correct and accurate. This was to ensure enough room for text once laid out whilst leaving white space, so the text and info graphic/vector images can breath.


You can see how this was doing using rulers and grids as shown below. The grids used were carried on over the different art boards/pages to ensure continuity and flow. Once text was added, a long with quotes, I began to see the supplement coming together as seen below.





To briefly summarise the main cases of the inquiry, for the readers benefit, I have drawn illustrations of the 'witness/victim' so quotes and additional background information is crucial to understand the stories. However, due to the aesthetics and simplicity, I wanted to continue with the hand drawn vector images opposed to photos, for a raw, aesthetic look and for continuity across the publication. This also allows for a minimal colour scheme which reflects the Guardians current supplements, including 'G2'. 

You can see above and below, the developed and completed vectors for J.K. Rowling, Hugh Grant, Sienna Miller, Gordon Brown MP and Steve Coogan. They were all done using the pen tool, with the widths being changed in areas to create depth. The same colours were also used as throughout the rest of the supplement.







Again, different layouts were experimented with here, to ensure the maximum space per page is used. Text and sub headers were added as the vectors were added. I wanted the pages to be full of information and imagery, as well as ensuring the information was cramped or over faced. 

I was happy overall with the layout chosen, it ensured 5 cases could be talked about, with an appropriate illustration without taking away from the article, or additional details. 

A terminology page was added to the supplement, in addition to the other pages, to make sure the audience, without any prior knowledge are able to understand the supplements contents. I felt this was an important and nice touch to include for readers who have no background information regarding the inquiry/law.












A timeline was created summarising the phone hacking scandal from 2000 to present. This was used creating grids and rulers. The pen tool was used to create the dashed lines, and text was added accordingly. The space between each year was evenly spaced. I thought this was a good way of displaying quite a lot of information in a to the point manner, without overly compressing information, making it hard to understand and read. 




The overall look of the timeline is in keeping with the aesthetics running through the rest of the supplement, and is easy for the reader to understand with simple, clear, easy to read dates.



Additional figures, text and info graphic elements to the page, and the opposing page also. I wanted to make sure the supplement was as factual and real as possible by including as many facts, figures and statistics regarding the inquiry and it's background as possible. I feel I have achieved this through statements, quotes, and direct information, which has been complied through both primary, and secondary research. 



A list of core participants were added, along with statistics.


Percentages are shown with population style info graphics and pie charts, followed with quotes.


A survey was carried out, (can be seen in a earlier blog post), and from my primary research results calculated facts, figures, and statistics based on the knowledge of the general public. These were used throughout the supplement and acknowledged throughout.








For the costings page, I traced a pound coin, to make a vector image. However when drawn, coloured and placed into context, it didn't fit in with the aesthetics. I re attempted the drawing with a different image as shown below, to trace for the basic shape and alter.




The survey results collected were used for statistics included in the supplement, as well as quotes throughout as shown above on the final page of the publication.


Costs and expenses were shown via quick facts and statistics, using info graphics. 










Text was finally added in to the layout with quotes from their appropriate witness statements from the leveson inquiry. The layout was slightly altered to make use of white space.

Indesign:

Once the pages were set up on art boards, they were copied into indesign on appropriate pages as seen below. I had to resize particular pages due to text cut offs. This was due to bleeding issues and printing issues which are shown in my prototype publications, and rectified for the final publication. The supplement was printing in black and white, and then colour on standard 90gsm white paper to test the bleed, and printed booklet. The publication is double sided so needed to be printed accordingly. This however was successful, and printed on 135gsm silk white paper, to give the look and feel of an upmarket newspaper supplement.

I also printed A2 posters of the front cover, as a fold up free poster for the supplement. This was printed however on silk stock, and was printed on 120gsm paper so it's easily foldable.

The indesign layout are shown below:









No comments:

Post a Comment