type hierarchy
DESCRIPTION
Sample type hierarchy R&DTRANSCRIPT
Typographic HierarchyTypographic HierarchyTypographic Hierarchy
Typographic Hierarchy
Workshop
During this workshop, We were asked to create a 6 colum grid to layout the different information, which each layout will have to emphasise on the following:
- What? - Who? - When? - Where
These are some examples ofdifferent layout to empha-size the information, some uses diffdrent font size to emphasize the information and some uses the position-ing of information to emphasize the information.
Typographic Hierarchy
Workshop
This poster emphasize on the title us-ing Helvetica Neue Bold and rest uses Helvetica Neue regular. I was experi-menting with lining up the different categories of information with another using the grid syste, however, it was quite difficult to line it up due to the white space available. I did not like the “steping stone” layout with the time and name of designers. Therefore, I have to come up with more ideas to replace that section.
This poster is an inverse version and also a development from the previ-ous poster. As mentioned previous-ly, I wanted to organise the informa-tion regaing the time and designers, I decided to seperate the time from the artists, however, at the same time, making the time still linked to the desginers. As a result, I lined up the time with artist along the x-axis and lined up the colons with the time on the y-axis. Regarding lining up the location with the title, the idea came from the University of the Arts London logo (image below) through the use of colons. I decided to line up two sentences along with the colons which fit quite nicely with a sentence hangin over. However, by doing this, it leave a big space below causing an unbalanced layout. Therefore, I have tot hink about the use of space, while maintaining the layout system.
During this workshop, We were asked to create a 6 colum grid to layout the different information, which each layout will have to em-phasise on the following:
- What? - Who? - When? - Where
These are some examples ofdiffer-ent layout to emphasize the infor-mation, some uses diffdrent font size to emphasize the information and some uses the positioning of information to emphasize the infor-mation.
Typographic Hierarchy
Workshop
From what I have hand rendered and organized, visually, I liked the title layout on the left top hand cor-ner. My whole idea is to make the poster look neat and tidy using the grid syste,m. The inverse poster that I have hand rendered, I liked the lay-out and organisation of information, grouping the information into sec-tions. As a result, I decided to use the concept of grouping information and layout the information using the grid system. The image above shows the layout mentioned above.
Typographic Hierarchy
Development [Poster]
I liked the layout from the previous page but the white space on the left half creates an emptyness so I decided to move the time and designers to the left hand hlaf of the page and to fill up the white space, I decided to put two lines to counter-act the emptyness.
The Date, Location and Email, I decided to seperate the information using the three colum grid and make it inline with the Title and Time.
GraphicDialogue:A series of visual conversations
Wednesday 11
10.00 Chao Sioleong
14.00
16.00
Main Lecture Theatre
London College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Greiman
Edward Tufte & David McCandless
December 2013 Communication
SE1 16SB
Typographic Hierarchy
Development [Poster]
GraphicDialogue:A series of visual conversations
Wednesday 11
10.00 Chao Sioleong
14.00
16.00
Main Lecture Theatre
London College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching IpKenya Hara & Helmut SchmidPhilippe Apeloig & April GreimanEdward Tufte & David McCandless
December 2013 Communication
SE1 16SB
GraphicDialogue:A series of visual conversations
Wednesday 11
10.00 Chao Sioleong
14.00
16.00
Main Lecture Theatre
London College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Greiman
Edward Tufte & David McCandless
December 2013 Communication
SE1 16SB
GraphicDialogue:A series of visual conversations
Wednesday
10.00 Chao Sioleong
14.00
16.00
Main Lecture TheatreLondon College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Greiman
Edward Tufte & David McCandless
11 December 2013Communication
SE1 16SB
After talking to Tony regarding the text layout, Tony have mentioned that the curve of the G will have to overlap the line of the D. Also, the information about the location were moved to the second roll to group the information together. During the process, I tried to make it look as minimal as possible keeping in mind about the use of white space and lining the text using the 6 column grids.
I also decided to experiment with visual grammar therefore, using white/black block (in vary sizes according to the size of the text) to replace the text and it actually make more sense in term of visuals, hence, It is quite easy to realise what line-up with what. However, using lines to replace the text does not get the message across but it is a useful tool to know and visualise while lining up text in the grid.
GraphicDialogue:A series of visual conversations
Wednesday 11
10.00 Chao Sioleong
14.00
16.00
Main Lecture Theatre
London College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Grei-
Edward Tufte & David McCandless
December 2013 Communication
SE1 16SB
Typographic Hierarchy
Development
A series of visual conversations
GraphicDialogue:
Main Lecture TheatreLondon College of
Elephant & Castle
To book email:[email protected]
10.00 Chao Sioleong
14.00
16.00
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Greiman
Edward Tufte & David McCandless
11 December 2013
CommunicationLondon
SE1 16SB
This is my first outcome of the Post-er and the Postcard. I thought the Postcard should have the same visual concept as the Poster, there-fore, I decided to use the same 6 colum grid to layout the postcard. Due to layout restricktions, I had to lineup the Time with the Title and the Designers on its own colum to sep-erate from the Ttiel and the other in-formation, yet, still have connection with the time which are still inline with other information.
From here, I have to experiement and create variations of Postcards that will at the same time, uses the Poster layout concept.
GraphicDialogue:A series of visual conversations
10.00 Chao Sioleong
14.00
16.00
Main Lecture TheatreLondon College of
Elephant & Castle London
To book email:[email protected]
12.00 & Hong Ching Ip
Kenya Hara & Helmut Schmid
Philippe Apeloig & April Greiman
Edward Tufte & David McCandless
11 December 2013
Communication
SE1 16SB
Typographic Hierarchy
Workshop