Skip to main content

Graphic Design: The New Basics - Hierarchy

  • Hierarchy is the order of importance within a social group or in a body if text.
  • It is expressed through naming systems and conveyed visually, through variations if scale, value, colour, spacing, placement and other signals.
  • Visual hierarchy controls the delivery and impact of a message.
  • A table of contents must be visually exciting and memorable as well as serving the function of a hierarchy. 
Design Task 1
For this task, I explored the use of hierarchy to organise a text for an exhibition announcement. I found adding colour and spaces made the text easier to read, with important information standing out. I changed the arrangement slightly 6 times until I was happy with the result.
Design Task 2
For this task, I used text from a restaurant menu and organised it into categories and used the type tools to show visual hierarchy. I used Helvetica Neue Bold Italic for the categories (e.g. starters), Helvetica Neue Bold for the dish titles, Helvetica Neue Medium Italic for the prices and Helvetica Neue Light Italic for the descriptions.

Design Task 3
Here I used an image of my hand and created visual interest by adding facts about myself on 45-degree angles. I found that varying whether the text was bold or thin helped this and made some facts stand out more than others.

Design Task 4
For this task, I studied a vitamin bottle (pictured) and created a new design for itself and other vitamins, making the bottles visually linking in some way.


Comments

Post a Comment

Popular posts from this blog

Graphic Design: The New Basics - Time and Motion

Motion is a kind of change, and change takes places in time. Time and motion are considerations for all design work. Any still image has implied Motion, while motion graphics share compositional principles with print.  Animation encompasses diverse modes of visible change. Alternative modes of change: scale, transparency, colour, layer, etc. A word or design element can stay still while the environment around it changes. A motion sequence is developed through a series of storyboards, which convey the main pages and movements of an animation. Cropping a shape can suggest motion, just as diagonal compositions do. Complex and subtle behaviours are created by using different modes of change simultaneously. When animating type, the designer must pay special attention to legibility and reading order - context is important. Storyboards summarise key content/moments of an animation's events. Interactive logos and graphics are another aspect of motion design. 
Post a Comment
Read more

Contrasting Letterforms

In Photoshop, I used a pair of contrasting letterforms; g & Z, and created logos using just the letters and a background to see how the curves and straight lines contrasted. 
Post a Comment
Read more