Please reload

Grid & Composition

February 24, 2017

Directed Study:


As part of a group, we had to create 4 different pages for magazine, all of which had to include our 'house style' that we created ourselves. Ours was formulated in the following way:


House Style:

Grids: 3 columns.


Size font:

Headers - 65pt

Text - 9pt



Text - Black

Headers - Black (70%)



Headers - Didot

Text - Helvetica Regular


Page Numbers:

Bottom middle (Helvetica)


Following this style closely, I managed to create the below magazine pages using the 'Graduate Make Over' content. 




We first of all decided to use Didot font, as it was a serif fond that was bold enough to use for headers, whilst also giving a professional and classy feel to the magazine. The size we decided would be big enough to make in impact and grab the reader's attention in an instant. Following on from this, the colour we chose so that it would differ from the main body of text, further reinforcing this idea of it getting the attention of the reader.


For the main body of text, we decided to go with 9pt in size, as this is the standard to use in printing. Furthermore, we chose Helvetica Regular to make it clear and easy read, even in smaller sizes. We kept with the colour back, to ensure that it would stand out from a white or lightly coloured background that we would most likely be using.


I personally chose to put the pictures where they are, as after trying them out in several different places and with different sizes I found that they didn't fit in well with the text and just seemed to intrude on the text. Therefore, by placing them on the outskirts, it made the text easy to follow and navigate through.  On the other hand, I tried to experiment with the grids and the layout by 'breaking the grid' with quotes from the article. I did this as I believed it breaks up the article more, making it more accessible and fun to read, by breaking up the text. I also believe it makes it more aesthetically pleasing and makes important information stand out to the reader.


Directed Study - Case Studies:



The second part of our directed study was to do two case studies on examples of layouts and focus on how the grid provide consistency, structure and rhythm to the design, whilst also looking at whether the designer ‘broken the grid’ to create tension and interest.


My first case study is a magazine article about culture and dance. It takes on a 2 column grid system, in which the designer has incorporated into the design. This gives it a very standardised and formal look to the article, meaning that it would be a very serious article and not one that is written 'just for fun'. The structure of the text looks very neat with the paragraphs. In this example, we can see that the designer has 'broken the grid' with the image of the dancer on the right hand page. By wrapping the text around the foot of the young lady in the image, it has created interest and also creates a leading line towards the main image, as the reader makes their way through the main body of text.


This is the second article I have chosen to look at. There are two columns involved in this design, and they are alternative sides to each other. This could be perceived as very confusing to follow the structure of the article, however to counter-act this, the designer as started the article off with a dropped cap to draw the readers attention to where it is meant to be. Furthermore, they have 'broken the grid' with the main title of the article. This has been spread across the whole page. By doing this, the designer enables the reader to understand exactly what the article is about from the outset, as it is probably the first (if not the second) thing they see when they look at the spread of the pages.




Share on Facebook
Share on Twitter
Please reload

  • Lucy Tibbs Photography Facebook
  • Lucy Tibbs Photography Twitter
  • Lucy Tibbs Photography Instagram
  • LinkedIn