visual design basics
DESCRIPTION
Some basic principles of Visual Design.TRANSCRIPT
![Page 1: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/1.jpg)
Visual Design BasicsMaking your message sizzle!
![Page 2: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/2.jpg)
Let’s meet the stars...
![Page 3: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/3.jpg)
Mr. Vector
![Page 4: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/4.jpg)
![Page 5: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/5.jpg)
Miss. Raster
![Page 6: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/6.jpg)
![Page 7: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/7.jpg)
Design Values
![Page 8: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/8.jpg)
Simplicity
![Page 9: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/9.jpg)
Clarity
![Page 10: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/10.jpg)
Unclutteredness
![Page 11: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/11.jpg)
Our Purpose
![Page 12: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/12.jpg)
Create ‘Aha!’
![Page 13: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/13.jpg)
Provoke ‘Thought’
![Page 14: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/14.jpg)
Evoke Emotion
![Page 15: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/15.jpg)
How we do it...
![Page 16: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/16.jpg)
Leading the eye
![Page 17: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/17.jpg)
Tips
![Page 18: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/18.jpg)
Contrast
![Page 19: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/19.jpg)
![Page 20: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/20.jpg)
![Page 21: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/21.jpg)
![Page 22: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/22.jpg)
0
25
50
75
100
USA Canada Mexico Brazil Argentina Guatemala
Carbon Footprint in the Americas
![Page 23: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/23.jpg)
Full Bleed Images
![Page 24: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/24.jpg)
Adventure•Hiking•Kayaking•Trekking•Rapelling•Kayaking•etc
![Page 25: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/25.jpg)
Adventure
![Page 26: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/26.jpg)
Bleed off the edges
![Page 27: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/27.jpg)
![Page 28: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/28.jpg)
![Page 29: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/29.jpg)
![Page 30: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/30.jpg)
![Page 31: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/31.jpg)
![Page 32: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/32.jpg)
![Page 33: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/33.jpg)
Aspect Ratio
![Page 34: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/34.jpg)
![Page 35: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/35.jpg)
![Page 36: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/36.jpg)
Low Resolution Images
![Page 37: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/37.jpg)
Opening Address
![Page 38: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/38.jpg)
Roy Singham
Opening Address
![Page 39: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/39.jpg)
Entertainment
![Page 40: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/40.jpg)
Entertainment
![Page 41: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/41.jpg)
Entertainment
![Page 42: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/42.jpg)
Be consistent
![Page 43: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/43.jpg)
Big is good
![Page 44: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/44.jpg)
![Page 45: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/45.jpg)
![Page 46: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/46.jpg)
Alpha
![Page 47: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/47.jpg)
![Page 48: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/48.jpg)
![Page 49: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/49.jpg)
![Page 50: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/50.jpg)
![Page 51: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/51.jpg)
De-Noising
![Page 52: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/52.jpg)
![Page 53: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/53.jpg)
![Page 54: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/54.jpg)
![Page 55: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/55.jpg)
This man...
![Page 56: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/56.jpg)
Rule of Thirds
![Page 57: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/57.jpg)
![Page 58: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/58.jpg)
![Page 59: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/59.jpg)
f
hk
g
![Page 60: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/60.jpg)
f
hk
gPower
Points
![Page 61: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/61.jpg)
![Page 62: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/62.jpg)
![Page 63: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/63.jpg)
Meaning
![Page 64: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/64.jpg)
Consulting is an ‘Art’
![Page 65: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/65.jpg)
Typography
![Page 66: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/66.jpg)
![Page 67: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/67.jpg)
![Page 68: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/68.jpg)
So, first things first -- what are we trying to achieve here?
![Page 69: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/69.jpg)
Traditional Training
Informal Learning
Novice
Expert
Time
![Page 70: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/70.jpg)
Traditional Training
Informal Learning
FTraining event
Novice
Expert
Time
![Page 71: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/71.jpg)
Traditional Training
Informal Learning
FTraining event iRetention is lost
Novice
Expert
Time
![Page 72: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/72.jpg)
Traditional Training
Informal Learning
FTraining event iRetention is lost
GPeople reach mastery faster
Novice
Expert
Time
![Page 73: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/73.jpg)
70%
20%
10%
Your Learning
![Page 74: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/74.jpg)
70%
20%
10%
Your Learning
![Page 75: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/75.jpg)
70%
20%
10%
Your Learning
Real Experience
k
![Page 76: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/76.jpg)
70%
20%
10%
Your Learning
Feedback & Observation
Real Experience
kb
![Page 77: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/77.jpg)
70%
20%
10%
Your LearningTraining
Feedback & Observation
Real Experience
e
kb
![Page 78: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/78.jpg)
YOU need to PAY me SOME RANSOm
![Page 79: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/79.jpg)
Simplify Reality
![Page 80: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/80.jpg)
![Page 81: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/81.jpg)
Simple≠Simplistic
![Page 82: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/82.jpg)
’’‘‘
Making the simple complicated is commonplace;
making the complicated awesomely simple,
that’s creativity.
— Charles Mingus
![Page 83: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/83.jpg)
That’s it folks!
![Page 84: Visual Design Basics](https://reader037.vdocuments.net/reader037/viewer/2022110113/53f0b7608d7f72e94b8b4697/html5/thumbnails/84.jpg)
Thank You