Visual design
Download
1 / 13

Visual Design - PowerPoint PPT Presentation


  • 385 Views
  • Updated On :

Visual Design Robert Munro 2005 Graphic design Graphic design is a large and complicated field: it encompasses user needs, information architecture, navigation design, and visual design Teaching graphic design is outside the scope of this course

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Visual Design' - JasminFlorian


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
Visual design l.jpg

Visual Design

Robert Munro

2005


Graphic design l.jpg
Graphic design

  • Graphic design is a large and complicated field:

    • it encompasses user needs, information architecture, navigation design, and visual design

    • Teaching graphic design is outside the scope of this course

    • You will not be assessed on the finer points of your design choices


Graphic design and multimedia l.jpg
Graphic design and multimedia

  • You are (probably) not a graphic designer:

    • If you have the funds, employ one

  • Do-it-yourself design:

    • Keep it simple

    • Make use of designs you have within your assets


Graphic design and multimedia4 l.jpg
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/screens

    • through the narratives of navigation

    • through visual association


Some basic principles of design l.jpg
Some basic principles of design

  • Movement

  • Balance

  • Emphasis

  • Unity


1 movement l.jpg
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 image

    • depends on the image contents

    • depends on the user’s language and culture


2 balance l.jpg
2. Balance

  • Distribution of objects across the screen

  • Balance can be achieved through:

    • colour

    • value (lightness/darkness contrast)

    • shape

    • position

    • texture

    • eye direction


3 emphasis l.jpg
3. Emphasis

  • What do you want users to focus on?

  • Determined by:

    • contrast

    • isolation

    • placement

    • movement

    • change of state


4 unity l.jpg
4. Unity

  • How do elements fit together?

  • Can be created through:

    • proximity

    • repetition

    • continuation


Example hearing voices l.jpg
Example: Hearing Voices

  • Movement:

  • Rythmn:

    • vertical?


Example hearing voices11 l.jpg
Example: Hearing Voices

  • Balance- symetrical:

    • Horizontal balance

      • colour

      • value

      • shape (doubly)

      • position

      • texture

    • Vertical

      • shape

      • position


Example hearing voices12 l.jpg
Example: Hearing Voices

  • Emphasis:

    • contrast

    • isolation

    • placement

    • movement

    • change of state


Example hearing voices13 l.jpg
Example: Hearing Voices

  • Unity:

    • proximity

    • repetition

    • continuation


ad