visual hierarchy - grantdigimedia.weebly.com · use scale (size) to create visual hierarchy. 1....

34
Visual Hierarchy Most Important→--->---->---Least Important

Upload: others

Post on 31-Jul-2020

16 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Visual HierarchyMost Important→--->---->---Least Important

Page 2: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 3: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Scale (size)Bigger things attract attention

Page 4: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Imagine you are creating a poster. Order these from what people should know FIRST ---> LAST :

-Jan 1/21/2017

-Washington D.C.

-Women’s March on Washington

-to advocate legislation and policies regarding human rights and other issues, including immigration reform, healthcare reform, reproductive rights, LGBTQ rights, racial equality, freedom of religion, and workers' rights.

Page 5: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

15min Challenge: Make a quick poster. Use scale (size) to create visual hierarchy.

1. Order information priorities2. Change your text size to reflect visual

hierarchy.3. Find an image4. Combine together to make a practice poster5. Post to blog

Page 6: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

You will be making a quick example for each idea (using the FoN copy)

Page 7: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Scale (size)Bigger things attract attention

Page 8: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 9: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 10: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 11: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

COLOR Brighter things. Opposite colors.

Page 12: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 13: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 14: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

VALUEDarker shows up on light. Lighter shows up on dark.

Page 15: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 16: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 17: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

SPACE / COMPOSITIONOrganize.

Page 18: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 19: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 20: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 21: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 22: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 23: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 24: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Create a 4min poster in Illustrator for each example.

Post to blog.

Page 25: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

Use repeating elements to create RYTHMN

Page 26: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 27: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 28: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 29: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 30: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 31: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 32: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 33: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy
Page 34: Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1. Order information priorities 2. Change your text size to reflect visual hierarchy

CONTEST: 20min poster design for Rythm