Top Banner
Visual Design Basics Making your message sizzle!
84

Visual Design Basics

Aug 17, 2014

Download

Design

Sumeet Moghe

Some basic principles of Visual Design.
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 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