advanced design sji 2014 part 2

17
ADVANCED DESIGN #SJIDESIGN

Upload: justingalicz

Post on 14-Jul-2015

236 views

Category:

Design


3 download

TRANSCRIPT

Page 1: Advanced Design SJI 2014 part 2

ADVANCED DESIGN#SJIDESIGN

Page 2: Advanced Design SJI 2014 part 2

INFORMATION DESIGNColor

Type

Weight/Scale

Imagery/Semiology

Page 3: Advanced Design SJI 2014 part 2

INFORMATION DESIGN

Must present several variables

Allow comparisons

Help organize

Make correlations and relationships clear

Function > Form

Page 4: Advanced Design SJI 2014 part 2

INFORMATION DESIGN

Bubbles - general trends/patterns

Bar chart - comparison

Communicate a lot with a little

Don’t simplify message, clarify it

Brain is better at recognizing shade than shape

Page 5: Advanced Design SJI 2014 part 2
Page 6: Advanced Design SJI 2014 part 2
Page 7: Advanced Design SJI 2014 part 2
Page 8: Advanced Design SJI 2014 part 2

HOW TO MAKE YOUR OWN

Excel

Illustrator

Online

Noun Project

Page 9: Advanced Design SJI 2014 part 2

EXAMPLES

Page 10: Advanced Design SJI 2014 part 2

EXAMPLES

Page 11: Advanced Design SJI 2014 part 2

TRENDS: INSTAGRAM EFFECT

Page 12: Advanced Design SJI 2014 part 2

TRENDS: LOW-POLY

Page 13: Advanced Design SJI 2014 part 2

TRENDS: DOUBLE-EXPOSURE

Page 14: Advanced Design SJI 2014 part 2

TRENDS: PATTERNS

Page 15: Advanced Design SJI 2014 part 2

TRENDS: GEOMETRIC PATTERNS

Page 16: Advanced Design SJI 2014 part 2

TRENDS: LINE ART/ FLAT DESIGN

Page 17: Advanced Design SJI 2014 part 2

DESIGNING FOR THE WEB

1, 2, 10 rule easy navigation consistent look and feel support all browsers and devices quick to load easy to remember name lots of links no more than 3 layers down