Designing with Visual Language

v

v

v

Interaction & Interface

Client & user needs Content & structure Functional & system

Navigation IA, sitemap Pages, paragraphs, media Wireframes, sketches

www.winmetoyou.com

Simple Brief 1 x core audience 1 x user task 1 x layout required

Audience 1

A more typical example

Audience 1 Audience 2 Audience 3 Audience 4 Audience 5 Audience 6

1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5 1 2 3 4 5 6 1 2 3 4 5

Visual Design

Colour Typography Content Graphic style

Style sheets Font stacks Photography Line style, gradients etc

What’s the point?

Help people FEEL something

Visual Language

www.qub.ac.uk

Professional Human Understanding

www.bbc.co.uk/irish

Modern Cultural, not patriotic Open

Designing With Visual Language

Thanks! www.speakerrate.com/jamneely @jamneely #refreshbelfast