1 / 13

Visual Design

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

Download Presentation

Visual Design

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Visual Design Robert Munro 2005

  2. 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

  3. 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

  4. 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

  5. Some basic principles of design • Movement • Balance • Emphasis • Unity

  6. 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

  7. 2. Balance • Distribution of objects across the screen • Balance can be achieved through: • colour • value (lightness/darkness contrast) • shape • position • texture • eye direction

  8. 3. Emphasis • What do you want users to focus on? • Determined by: • contrast • isolation • placement • movement • change of state

  9. 4. Unity • How do elements fit together? • Can be created through: • proximity • repetition • continuation

  10. Example: Hearing Voices • Movement: • Rythmn: • vertical?

  11. Example: Hearing Voices • Balance- symetrical: • Horizontal balance • colour • value • shape (doubly) • position • texture • Vertical • shape • position

  12. Example: Hearing Voices • Emphasis: • contrast • isolation • placement • movement • change of state

  13. Example: Hearing Voices • Unity: • proximity • repetition • continuation

More Related