Designing with Visual Language

v

v

v

Interaction & Interface

Client & user needsContent & structureFunctional & system

NavigationIA, sitemap

Pages, paragraphs, mediaWireframes, sketches

www.winmetoyou.com

Simple Brief1 x core audience

1 x user task1 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 23 45 6 12 34 5

12 34 56 1 2 34 5

12 34 56 1 2 34 5

1 23 45 6 12 34 5

1 2 3 4 5 6 1 2 3 4 5

12 34 56 1 2 34 5

1 23 45 6 12 34 5

Visual Design

ColourTypography

ContentGraphic style

Style sheetsFont stacks

PhotographyLine style, gradients etc

What’s the point?

Help people FEEL something

Visual Language

www.qub.ac.uk

ProfessionalHuman

Understanding

www.bbc.co.uk/irish

ModernCultural, not patriotic

Open

Designing With Visual Language

Thanks!

www.speakerrate.com/jamneely@jamneely #refreshbelfast