design for non-designers

48
DESIGN for Non-Designers http:// 2013.birmingham.wordcamp.org #WPYall @scottfisk

Upload: scott-fisk

Post on 27-Jan-2015

163 views

Category:

Business


1 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Design for Non-Designers

DESIGNfor Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

Page 2: Design for Non-Designers

DESIGNfor Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

Scott FiskProfessor of Graphic DesignSamford University

AIGA BirminghamBirmingham.aiga.org

Page 3: Design for Non-Designers

DESIGNfor Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

Topics:1. What is design? 2. Why good design matters. 3. What is good design?4. Human centered design.5. Design Basics.6. Get inspired!

Page 4: Design for Non-Designers

DESIGNfor Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

What is design?

Page 5: Design for Non-Designers

DESIGNfor Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

What is design?creative problem solving

Page 6: Design for Non-Designers

WHYdesign matters

Page 7: Design for Non-Designers

WHYdesign matters

1st Impression Counts

Brand Manifestation

Credibility

User trust

Sticky factor

Return rate

More Sales

and more importantly….

Page 8: Design for Non-Designers

GOOD DESIGN IS

MEMORABLE

Page 9: Design for Non-Designers

POPULAR BRANDS

Copyright © 2013 Interbrand. All Rights Reserved.

Page 10: Design for Non-Designers

POPULAR BRANDS

Copyright © 2013 Interbrand. All Rights Reserved.

Page 11: Design for Non-Designers

EMOTIONAL

RESPONSE

IMPRINTED INTO OUR MEMORY

Page 12: Design for Non-Designers

GOOD DESIGN

Page 13: Design for Non-Designers

USABLEACCESSIBLE

SIMPLEINNOVATIVEENGAGINGBRANDED

FUNCTIONALUSEFUL

AESTHETICHONEST

LONG LASTING

GOOD DESIGN

Page 14: Design for Non-Designers

WHATis good design really?

Page 15: Design for Non-Designers

HUMANcentered

Page 16: Design for Non-Designers

HUMANcentered

In broad terms, user-centered design (UCD) is a type of user interface design and a process in which the needs, wants, and limitations of end users of a product are given extensive attention at each stage of the design process.

Source: Wikipedia http://en.wikipedia.org/wiki/User-centered_design

Page 17: Design for Non-Designers

Source: http://chriselyea.com/design-lessons-learned/badly-designed-doors/

Page 18: Design for Non-Designers

Source: http://chriselyea.com/design-lessons-learned/badly-designed-doors/Source: http://chriselyea.com/design-lessons-learned/badly-designed-doors/

Page 19: Design for Non-Designers
Page 20: Design for Non-Designers
Page 21: Design for Non-Designers

WHATdoes good design really do?

Page 22: Design for Non-Designers

SOLVESproblems

Page 23: Design for Non-Designers
Page 24: Design for Non-Designers

DESIGNbasics

Page 25: Design for Non-Designers

GRIDS

Page 26: Design for Non-Designers

GRIDS

Page 27: Design for Non-Designers

NEGATIVE SPACE

Page 28: Design for Non-Designers

GOLDEN RATIO

Page 29: Design for Non-Designers

GOLDEN RATIO

960px

593px 367px

Page 30: Design for Non-Designers

RULE OF THIRDS

Page 31: Design for Non-Designers

RULE OF THIRDS

Page 32: Design for Non-Designers

BRAINSTORMING

Define problem

No wrong answers

Dedicate ample time to the process

Get input from stakeholders

Share ideas with others

Do not be in a hurry

Be inspired

Page 33: Design for Non-Designers

INSPIRATION

Page 34: Design for Non-Designers
Page 35: Design for Non-Designers
Page 36: Design for Non-Designers
Page 37: Design for Non-Designers

calm

Page 38: Design for Non-Designers

calmDO THINGSFOR YOURSELFTHAT MAKE YOUHAPPY

Page 39: Design for Non-Designers

calmSKETCH/JOURNAL IDEAS

Page 40: Design for Non-Designers

TYPOGRAPHYHow to choose an font?

Page 41: Design for Non-Designers

SERIFVERSUS

San-Serif

Page 42: Design for Non-Designers

Typography (from the Greek words τύπος (typos) = form and γραφή (graphe) = writing) is the art and technique of arranging type in order to make language visible. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning[2]).

Typography (from the Greek words τύπος (typos) = form and γραφή (graphe) = writing) is the art and technique of arranging type in order to make language visible. The arrangement of type involves the selection of typefaces, point size, line length, leading (line spacing), adjusting the spaces between groups of letters (tracking) and adjusting the space between pairs of letters (kerning[2]).

LINE HEIGHT

Page 43: Design for Non-Designers
Page 44: Design for Non-Designers

COLORHow to choose?

Page 45: Design for Non-Designers
Page 46: Design for Non-Designers
Page 47: Design for Non-Designers
Page 48: Design for Non-Designers

http://2013.birmingham.wordcamp.org#WPYall @scottfisk

Thank you!Presentation at:

http://www.slideshare.net/graphicsmaker/

[email protected]