visual design basics

28
design Visual Design | Color, Line, Shape, and Grid derrick schultz | [email protected]

Upload: derrick-schultz

Post on 30-Jul-2015

204 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Visual Design Basics

designVisual Design | Color, Line, Shape, and Grid

derrick schultz | [email protected]

Page 2: Visual Design Basics

Grid

Page 3: Visual Design Basics

structure hierarchy space proportion

Page 4: Visual Design Basics

structure | the verge

Page 5: Visual Design Basics

hierarchy | facebook

Page 6: Visual Design Basics

space | ebay

Page 7: Visual Design Basics

proportion | open air publishing

Page 8: Visual Design Basics

Line

Page 9: Visual Design Basics

separation texture direction information

Page 10: Visual Design Basics

separation | twitter separation | rdio

Page 11: Visual Design Basics

texture | paper

Page 12: Visual Design Basics

direction | path

Page 13: Visual Design Basics

information | panic dashboard

Page 14: Visual Design Basics

Shape

Page 15: Visual Design Basics

brandingcontrast information

Page 16: Visual Design Basics

contrast | diy.org

Page 17: Visual Design Basics

contrast | foursquare contrast | fitbit

Page 18: Visual Design Basics

information | moves information | ness

Page 19: Visual Design Basics

information | katachi

Page 20: Visual Design Basics

Color

Page 21: Visual Design Basics

brandinghierarchycontrastinformation → spice

Page 22: Visual Design Basics

branding | ?

Page 23: Visual Design Basics

hierarchy | facebook

Page 24: Visual Design Basics

contrast | svpply

Page 25: Visual Design Basics

information | google calendar

Page 26: Visual Design Basics

bad | ness good | google maps

Page 27: Visual Design Basics

icons(icons)

Page 28: Visual Design Basics

Thanksderrick schultz | [email protected]