Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1....
Transcript of Visual Hierarchy - grantdigimedia.weebly.com · Use scale (size) to create visual hierarchy. 1....
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/1.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/2.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/3.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/4.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/5.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/6.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/7.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/8.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/9.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/10.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/11.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/12.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/13.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/14.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/15.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/16.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/17.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/18.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/19.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/20.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/21.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/22.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/23.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/24.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/25.jpg)
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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/26.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/27.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/28.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/29.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/30.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/31.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/32.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/33.jpg)
![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.](https://reader034.fdocuments.us/reader034/viewer/2022042521/5f832af24a4f5d50eb0e3c8d/html5/thumbnails/34.jpg)
CONTEST: 20min poster design for Rythm