visual design robert munro 2005. graphic design graphic design is a large and complicated field: ...

13
Visual Design Robert Munro 2005

Upload: carmel-armstrong

Post on 30-Dec-2015

218 views

Category:

Documents


2 download

TRANSCRIPT

Page 1: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Visual Design

Robert Munro2005

Page 2: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Graphic design

Graphic design is a large and complicated field:it encompasses user needs, information architecture,

navigation design, and visual designTeaching graphic design is outside the scope of this

courseYou will not be assessed on the finer points of your

design choices

Page 3: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Graphic design and multimedia

You are (probably) not a graphic designer:If you have the funds, employ one

Do-it-yourself design:Keep it simpleMake use of designs you have within your assets

Page 4: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Graphic design and multimedia

Graphic design is as much about effective communication as it is about visual appeal

You can express the relationships between elements:distribution between pages/screensthrough the narratives of navigationthrough visual association

Page 5: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Some basic principles of design

1. Movement

2. Balance

3. Emphasis

4. Unity

Page 6: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

1. Movement

Anticipated movement:what elements look like they should move?what event(s) should accompany movement?

Rhythm:the way a user’s eye will flow through an imagedepends on the image contentsdepends on the user’s language and culture

Page 7: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

2. Balance

Distribution of objects across the screenBalance can be achieved through:

colourvalue (lightness/darkness contrast)shapepositiontextureeye direction

Page 8: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

3. Emphasis

What do you want users to focus on?Determined by:

contrastisolationplacementmovementchange of state

Page 9: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

4. Unity

How do elements fit together?Can be created through:

proximityrepetitioncontinuation

Page 10: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Example: Hearing Voices

Movement:Rythmn:

vertical?

Page 11: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Example: Hearing Voices

Balance- symetrical:Horizontal balance

colourvalueshape (doubly)positiontexture

Verticalshapeposition

Page 12: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Example: Hearing Voices

Emphasis:contrastisolationplacementmovement change of state

Page 13: Visual Design Robert Munro 2005. Graphic design  Graphic design is a large and complicated field:  it encompasses user needs, information architecture,

Example: Hearing Voices

Unity:proximityrepetitioncontinuation