Graphic Design

1
Graphic Design

• The Big Picture

This material has been developed by Georgia Tech
HCI faculty, and continues to evolve.
Contributors include Gregory Abowd, Jim Foley,
Diane Gromala, Elizabeth Mynatt, Jeff Pierce,
Colin Potts, Chris Shaw, John Stasko, and Bruce
Walker. Comments directed to foley_at_cc.gatech.edu
are encouraged. Permission is granted to use with
acknowledgement for non-profit purposes. Last
revision October 2003.
2
Agenda

• What is it?
• Physiological Fundamentals
• Typography
• Color
• Icon Design
• Visual Structure

3
Graphic Design

• The look of an interface or web site, as in
  look and feel
• The overall set of images, colors, layouts, fonts
• Conveys an impression, mood

4
Role of Graphic Design

• Create a look, an impression
• What someone initially encounters
• Sets a framework for understanding content

5
Role of Graphic Design

• The look of an interface
• What someone initially encounters
• Sets a framework for understanding content

6
Role of Graphic Design

• The look of an interface
• What someone initially encounters
• Sets a framework for understanding content

7
Role of Graphic Design

• The look of an interface
• What someone initially encounters
• Sets a framework for understanding content

8
Role of Graphic Design

• The look of an interface
• What someone initially encounters
• Sets a framework for understanding content

9
Role of Graphic Design

• The look of an interface
• What someone initially encounters

10
(No Transcript)
11
Graphic Design

• It shares aspects of design practices in
  engineering and CS, but focuses on the cultural,
  symbolic affective aspects.
• useful, usable, desirable

12
Graphic Design

• As a practice, it has been around for thousands
  of years.

13
Graphic Design

• With the industrial revolution, art and design
  began to diverge
• Design for mass-production - of printing, of
  artifacts

14
Graphic Design

• In the US, graphic design develpoped into a
  profession after WWII.

15
Graphic Design

• Relies on a BALANCE and integration of

16
Graphic Design

• Objective relies on quantitative studies, like
  usability testing
• Does the look work?

17
Graphic Design

• Subjective look relies on subjective judgement
  by experts, and depends on contextual factors

18
Graphic Design

• Subjective look is contextual, based on
  culture
• Culture is learned
• Cultural meanings change
• There can be multiple meanings
• Uniqueness is valued (not programmable)

19
Graphic Design

• You cannot empirically measure the subjective
  aspects, but there is a discipline to its study

20
Graphic Design

• Is rigorous in its own realm
• 1. Graphic Design experts
• vs.
• 2. Applying graphic design principles
• Our goal in this course

21
Graphic Design

• So what?
• Knowing graphic design principles will
• Enhance your ability to communicate w/designers
• Enable you to create more user-friendly interfaces

22
Design Philosophies

• One point of view
• Economy of visual elements
• Less is more
• Clean, well organized
• Form follows function Bauhaus

Color
Imagery
Sequencing
Layout
Typography
Organization
23
Who Needs Substance?
24
Its All About Design...