Skip to main content

Study Task 03 - How Do You Read? - Grids

In todays session, we went though an introduction to Editorial Design. In this powerpoint we explored different types of newspapers and analysis how they were layout by using the grid templates to make the article look organised and balanced.

The Independent Redesign 
In November 2013, The Independent Newspaper unravelled a brand new look referencing the "gorgeous and radical" appearance of when the paper were first published in the year 1986.
The purpose of this redesign was to reflect the "bold" and "forthright" but "sophisticated" tone of voice of the newspaper. (On the left is the old or original design and the right is the redesign.)



Matt Willey
In 2014 the Creative Review 'Designer of the Year', was Matt Willey who was the creator of the 2013 redesign of The Independent. His editorial design portfolio included the following: Elephant Magazine, YCN Magazine, Port, the New York Times Magazine, and the RIBA Journal. There are some of his work at the bottom.













Grid & Layout 
The design of the front page is radical, elegant and striking. The vertical masthead allows the long logotype to be a prominent and unapologetic element without getting in the way of the content. The composition includes a 12 column grid system, which allows photographs and copy room to breathe.




Typography 
A complete set of new typefaces were commissioned to complete the redesign. Henrik Kubel of A2/SW/HK created type designs to help simplify and restructure the layout. 
"It's the first time we'd actually talked about getting a whole family of fonts custom-made and taking everything back to a family of fonts became essential. The majority of the identity for this comes from the typeface. We started from a very basic framework and built in the details and flourishes of interest"  - Dan Barber. 

"The fonts have been designed to deliver everything from delicate headlines, to hardworking text settings, down to very small point sizes fro factual information and listing/ The final font set comprises 14 fonts in total. divided into four sub sets(images above) and a special Numbers - only font. Each of the fonts share the same underlying structure and basic framework which means that, although they differ in look, style and weight, they do feel the same - a real family." - Dan Barber



Here in the bottom image, demonstrates how this font harmonies well to the article, there is a seer slick of sophistication yet classy appearance for the particular audience this article aims get. It also balances well as it is organised, spaced out and layout is very effective.


Tone of Voice 
When comparing these two different articles 'The Independent' and 'The Sun', the front stories are the same but are presented in a different way as well as the wording. We identified that 'The Independent' newspaper demonstrates more of a serious approached to the story, whilst 'The Sun' newspaper mocks or tries to be more lighthearted to the situation of the story that has occurred. "BRIT No2 BEHEADED".    



Study Task 03: Grids
By using the overview from the powerpoint about the grids, we went in pairs to find or locate the grids used for the given newspapers layout. In the end of the lesson we should have newspaper pages that we have been marked - up by us, which identifies where the grid is. (Here are some images at the bottom) 


At the top image, we got a page from 'The Independent' Newspaper and drew on tracing paper columns to represent the grid layout. We did this by putting them into 8 columns, however, as we had 'The Independent' Newspaper it should be about 12 columns. But either way it still worked as we put it against other pages from the same newspaper and it line up quite well. At the bottom it shows our first 8 columns we drew first.


Then the bottom picture, presents the previous columns with some added rows within, as this demonstrates how the images on the article fit orderly. This also includes the headings, sub-headings and the story's articles.  



The factors that may affect the design of the news paper, could be the size of the chosen image without scaling it properly against the grid template. Thus this could make the text look unorganised, chaotic and messy. The size of the headings or sub-headings could take so much space and how it works with the chosen colours, does it emotionally represent the feeling the reader should have when reading the particular story in the article? Finally by using the grid template we can find other spaces that we could fit other smaller images or texts within, we may of missed or not have seen due to it being so hidden. 




Comments

Popular posts from this blog

OUGD603 | Extended Practice | Brief 03 | Development - Publication Layout design - Leah | BBC (Our Generation) - Life being British Born Chinese

Publication Layout - Leah For the inside of the 'Our Generation' publication, the collaborator Leah was in charge of this  brief's outcome segment. The publication's layout was constructed with 'Adobe Indesign' Leah made guide lines and measurements to help assist where the Photographs and the text should be placed. Illustrations of a paint brush stroke was experimented to give the pages more characteristics. We mutually agreed to make the size of the publication A5 format, and the number of pages are 16. Previously it was going to be 17, however one participant was unable to provided us with their childhood photo for us. Due to this situation Leah had to be more selective with the photos and information (Quotes) that we believe was significant for outlining our briefs context.  Below are some images of this layout format: Participant page order by names: Katie Sung  Leah Chen  Jackie Wan Tracey Lau Eliza Mo Kylie Lee Lewis Capper...

Studio Brief 01 - How Do You Read? - Second Development

In this blog, I have finish printing out the physical  small publication book of Design Principles. I believe this second  development work was successful as the colours of the type has  been nicely and evenly printed out.The information on the  pages are arranged properly in the right order as to the the one  on the Macbook. However, I need to chose a different type of paper  stock which is much sturdier, e.g - card stock. As when I put the rubber band around the spine of the book it curls. Even though the  visuals of the book is very minimalistic and simple I believe this is  appropriate to the audience who would read this kind of book context.  Especially, for young students who want to learn the right knowledge  and information of design principles, whilst becoming a Graphic Designer. For the colour scheme I went for a very neutral yet colourful scheme,  as these colours only outline the significant factors of Design...

Studio Brief 01 - How Do You Read?

In this Studio Brief 01 - How Do You Read? We need to use the range of fundamental design principles that we have been taught: Colour theory, frame & format, type & grid... Which all of them gives us a inform comprehension of the building blocks of graphic design.  Overall, our aim of the end of the Studio Brief is for us to design and produce a small publication (booklet, leaflet, etc.) that collates materials which, in turn, can communicate key factors of design principles to the reader.  These are some of the key factors of Design Principles: Gestalt Principles Colour Theory: Systematic Colour Colour Theory: Subjective Colour  Grids  Figure/Ground  Balance  Alignment  Proportions  Canons of Page Construction White Space  I may choose to look at one of these and expand it, or all of these or even a selection of these subjects which I want to present within my small publication that I will develop and ...