visual design basics

84
Visual Design Basics Making your message sizzle!

Upload: sumeet-moghe

Post on 21-Apr-2017

46.097 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Visual Design Basics

Visual Design BasicsMaking your message sizzle!

Page 2: Visual Design Basics

Let’s meet the stars...

Page 3: Visual Design Basics

Mr. Vector

Page 4: Visual Design Basics
Page 5: Visual Design Basics

Miss. Raster

Page 6: Visual Design Basics
Page 7: Visual Design Basics

Design Values

Page 8: Visual Design Basics

Simplicity

Page 9: Visual Design Basics

Clarity

Page 10: Visual Design Basics

Unclutteredness

Page 11: Visual Design Basics

Our Purpose

Page 12: Visual Design Basics

Create ‘Aha!’

Page 13: Visual Design Basics

Provoke ‘Thought’

Page 14: Visual Design Basics

Evoke Emotion

Page 15: Visual Design Basics

How we do it...

Page 16: Visual Design Basics

Leading the eye

Page 17: Visual Design Basics

Tips

Page 18: Visual Design Basics

Contrast

Page 19: Visual Design Basics
Page 20: Visual Design Basics
Page 21: Visual Design Basics
Page 22: Visual Design Basics

0

25

50

75

100

USA Canada Mexico Brazil Argentina Guatemala

Carbon Footprint in the Americas

Page 23: Visual Design Basics

Full Bleed Images

Page 24: Visual Design Basics

Adventure•Hiking•Kayaking•Trekking•Rapelling•Kayaking•etc

Page 25: Visual Design Basics

Adventure

Page 26: Visual Design Basics

Bleed off the edges

Page 27: Visual Design Basics
Page 28: Visual Design Basics
Page 29: Visual Design Basics
Page 30: Visual Design Basics
Page 31: Visual Design Basics
Page 32: Visual Design Basics
Page 33: Visual Design Basics

Aspect Ratio

Page 34: Visual Design Basics
Page 35: Visual Design Basics
Page 36: Visual Design Basics

Low Resolution Images

Page 37: Visual Design Basics

Opening Address

Page 38: Visual Design Basics

Roy Singham

Opening Address

Page 39: Visual Design Basics

Entertainment

Page 40: Visual Design Basics

Entertainment

Page 41: Visual Design Basics

Entertainment

Page 42: Visual Design Basics

Be consistent

Page 43: Visual Design Basics

Big is good

Page 44: Visual Design Basics
Page 45: Visual Design Basics
Page 46: Visual Design Basics

Alpha

Page 47: Visual Design Basics
Page 48: Visual Design Basics
Page 49: Visual Design Basics
Page 50: Visual Design Basics
Page 51: Visual Design Basics

De-Noising

Page 52: Visual Design Basics
Page 53: Visual Design Basics
Page 54: Visual Design Basics
Page 55: Visual Design Basics

This man...

Page 56: Visual Design Basics

Rule of Thirds

Page 57: Visual Design Basics
Page 58: Visual Design Basics
Page 59: Visual Design Basics

f

hk

g

Page 60: Visual Design Basics

f

hk

gPower

Points

Page 61: Visual Design Basics
Page 62: Visual Design Basics
Page 63: Visual Design Basics

Meaning

Page 64: Visual Design Basics

Consulting is an ‘Art’

Page 65: Visual Design Basics

Typography

Page 66: Visual Design Basics
Page 67: Visual Design Basics
Page 68: Visual Design Basics

So, first things first -- what are we trying to achieve here?

Page 69: Visual Design Basics

Traditional Training

Informal Learning

Novice

Expert

Time

Page 70: Visual Design Basics

Traditional Training

Informal Learning

FTraining event

Novice

Expert

Time

Page 71: Visual Design Basics

Traditional Training

Informal Learning

FTraining event iRetention is lost

Novice

Expert

Time

Page 72: Visual Design Basics

Traditional Training

Informal Learning

FTraining event iRetention is lost

GPeople reach mastery faster

Novice

Expert

Time

Page 73: Visual Design Basics

70%

20%

10%

Your Learning

Page 74: Visual Design Basics

70%

20%

10%

Your Learning

Page 75: Visual Design Basics

70%

20%

10%

Your Learning

Real Experience

k

Page 76: Visual Design Basics

70%

20%

10%

Your Learning

Feedback & Observation

Real Experience

kb

Page 77: Visual Design Basics

70%

20%

10%

Your LearningTraining

Feedback & Observation

Real Experience

e

kb

Page 78: Visual Design Basics

YOU need to PAY me SOME RANSOm

Page 79: Visual Design Basics

Simplify Reality

Page 80: Visual Design Basics
Page 81: Visual Design Basics

Simple≠Simplistic

Page 82: Visual Design Basics

’’‘‘

Making the simple complicated is commonplace;

making the complicated awesomely simple,

that’s creativity.

— Charles Mingus

Page 83: Visual Design Basics

That’s it folks!

Page 84: Visual Design Basics

Thank You