Top Banner
Visual Hierarchy Most Important→--->---->---Least Important
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.

Jul 31, 2020

Download

Documents

dariahiddleston
Welcome message from author
This document is posted to help you gain knowledge. Please leave a comment to let me know what you think about it! Share it to your friends and learn new things together.
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