Layout Design.

In this lecture we learnt about Layout and how it is the careful positioning of elements on a page where a balance is found between negative and positive space. Learning how type is displayed in things such as articles and posters, looking at the contrast and form, colour and the balance between elements such as photographs against negative space. We also learnt that there must be a clear path for the eye to follow so that the text can translate across.

Type Setting is the way in which the text is positioned on the page. Centred Type is where the text is positioned in the middle of the page, this is most common in poetry, while Justified Text is when it is presented as a block/square where all sides are even. Centred type can often look poorly shaped although justified text can often leave big gaps in-between the text.

Rag, commonly used in newspaper articles and novels, refers to the irregular or uneven  margin of a block of type. If something is ragged right/flush left, the left edge is hard and the right edge is soft (uneven). Flushed left text represents the natural flow of language. If something is ragged left/flush right the right edge is hard while the left edge is soft. This is often used in captions.

Line Spacing is quiet simply the way in which each lines is spaced.

Line length is also self explanatory, it is the maximum length of a single line before it goes underneath to start a new line.

Spreads. All magazines and newspaper articles are designed in spreads. Facing pages/ two page spreads is the main body of design, the left and right margins become inside and outside margins and programmes will often assume that all bargains are the same, making the spread symmetrical. if you were to bind a book the inside margin will always be bigger.

Columns are where the text is placed, the space in-between each column is called a gutter.

Hanglines help to create vertical Zones within the columns so you can divide the page horizontally. It is wear the text sits under. For example the area cross the top of the hangline can be saved for captions or images.

Hierarchy, a typographic hierarchy tell us the organisation of content, empathising some elements and subordinating others, it helps the reader to know what is important on the page and how to read the text i.e quotes should be in italics.

Multicolumn Grid is for documents with more complex, flexible content and hierarchy than a single page document.

The Grid is the columns of text surrounded by margins that all spreads are designed around.

We then went on to look at developing our own layouts. We worked in groups of 5 evaluating the layouts of Baseline Magazine, looking at the columns, Headings, sub headings and positioning of images and adverts looking carefully at the grid system and everything above we had learnt and making sketches of these layouts.

This task really helped me to get a deeper understanding of layouts. Counting out the columns per spread was initially more difficult than first thought, however after sketching out a couple different layouts I was able to grasp a deeper understanding. The next task set after this was to deconstruct newspapers and magazines and the reconstruct our own symmetrical and asymmetrical layouts using the knowledge we had just learnt. Each layout having to include 3-5 elements.

After this we then paired up and evaluated the re-balance of our partners layout, looking at the contrast, path for the eye and how the space was used. My partner suggested that  my symmetrical layout was good and that I used the space well, however the negative space around the title could be used more efficiently. My feedback from my asymmetrical layout had a good balance but could do with more elements and more contrast as there is a couple of gaps between elements.

Taking onboard the critiques we were then instructed to put together another final outcome.img_9068.jpg

This final asymmetrical outcome in my opinion works better than my previous attempt as there is a better use of the space and therefore a better contrast. This whole workshop helped me to think more carefully about how things are designed and how layout can help or hinder an overall design.

Ive’s Type Workshop.

Norman Ives was an experimental graphic designer, he worked with pieces of letterforms to construct a complex final outcome.

In this workshop we were challenged to do the same by looking at letterforms at different perspectives. We looked at how segments of each letterform could suggest a different letterform. For example, how a serif on a ‘g’ could be mistaken to be n ‘r’.

Here we were challenged to create 4 experiments by taking parts of the letter form at different angles and perspectives and creating 4 square images of these segments using coloured paper, focusing on the curves, the serifs and the specific details of the letterform to create something of intreast.

We each picked letters at random, I got a ‘K’.

Final Outcomes of Group

Using pink and yellow card I tried to focus mainly on the use of serifs as these made segments of the letter suggest they could be something else. However, if I were to do this again I would experiment more with different size and different angles of the letter as all my four outcomes I believe look very similar.

Typographic Forms.

Following the introduction to typography tasks, we were set to do some research on the different typographic forms to help us learn the specifics and terminology of different fonts. This task really helped in allowing me to understand the elements of type which I previously was unaware of, as well as helping to refine my knowledge on the few things I knew.

As a result of the research development task, we were then put into groups and sent out on the streets of Cardiff the go looking for specific fonts that could be found all around the city and document them through photographs. The font I was allocated to look for within my team was a ‘transitional’ font, this font represents the the transition between old and modern design.


It was interesting to see through this task how the different types of fonts were used in branding and how they were representational of the place they used in, seeing how things translated from research to real life situations.

Later on that afternoon, from the photos in which we had collected we were then set another task of creating letter forms out of paper. Using coloured paper and a scapule we  had drew our chosen letter of our allocated typeface and cut it out to then collage all our letters together on the wall to make one final piece.

My Letterform
Collage of Letterforms

I really enjoyed this task as it made us pay attention to the features of each font and was intriguing to see how all the different letterforms can work together to create and overall piece.

Introduction to Typography.

For my first lecture we began by learning about importance of visual language and what it is. We were taught about the technical side of letterforms, increasing my knowledge on things such as san serif and serif fonts, the point size of the letterform and allowed me to learn new knowledge such as learning about the ‘baseline’ (this is the line in which the text sits upon), ‘Kerning’ (the intercharachter spacing), ‘tracking’ (interline spacing) and ‘leading’ (interline spacing). Along with learning all about the style and meaning of different typefaces.

To show what we had learnt we were set two tasks:

Task 1 we looked at the leading and baseline of text by choosing fonts and tracing out our names in these type faces, being careful to stay on the baseline and make sure the leading was correct for each word.


Task 2 we looked at kerning and tracking by cutting out letters and placing them on a baseline, being careful with the kerning of each letter.IMG_9024

Doing these tasks free hand were a lot more challenging than first thought. The importance of kerning and tracking and how the font lays upon the baseline is all very important and relevant to the specific type faces.These task made us think about the importance of all this technicalities within text. It made me aware that the positioning of letterforms on a page should be something the designer always considered in order for them to be legible for the viewer.

Summer Project.

In our first session we each went through and presented our summer project.

Our summer project was to design an illuminated letterform from our initial, this letterform had to show; an interesting fact about us, who inspires us, why we choose Cardiff Met and what we hope to achieve by coming to university and studying our chosen subject of graphic communication.

Untitled 2

For my letterform I firstly used the type face ‘Times New Roman’ due to the fact I am originslly from Bath which is a city known for all its roman history. I choose to use the lowercase font as I believed it was more interesting to work with.

I designed it in the style of graphic communicator and illustrator Mike Perry as I have always been inspired by his colour and swirly lines in which he uses within his work and thereform tried to incorporate it in my letterform. I started of by drawing a Tardis, to represent my interesting fact of previously meeting David Tennant, for another fact about me I tried to include my love of festivals by drawing the Glastonbury prymid stage and a festival wristband. The bee was to answer the question of why I chose Cardiff met, which was a result of me dropping out of Manchester Met the previous year which lead me to apply to Cardiff this year. I also included the USB, laptop, world and pens and pencils to show my ambition of wanting to travel the world doing graphic design.

Overall I am really pleased with the outcome of my final piece. I tried to follow the same colour palette of the work of Mike Perry, which I think worked very well as it made the letter form stand out and also helped by brining all the illustrations together as one overall form. I also believe the position of each of the illustrations used the space really well and that I answered all questions asked within the brief as best as I could.

This project has really got me excited to work with typography, as it is something i have never done before but has made me intrested in how type can be used in different ways and that it can represent something more than just a letter.