Gregynog cw

72

description

University of Glamorgan's presentation at Gregynog on Graphic Design.

Transcript of Gregynog cw

Page 1: Gregynog cw
Page 2: Gregynog cw

“…is the art or profession of visual communication that combines images, words and ideas to convey information to an audience.”

Dictionary.com

Page 3: Gregynog cw
Page 4: Gregynog cw

Editorial

Page 5: Gregynog cw
Page 6: Gregynog cw
Page 7: Gregynog cw

information

Page 8: Gregynog cw

promotion

Page 9: Gregynog cw

promotion

Page 10: Gregynog cw

Signage & wayfinding

Page 11: Gregynog cw

Branding/logo design

Aerospace Centre Annual Repot

Website

Page 12: Gregynog cw

Packaging

Page 13: Gregynog cw

Contrast

Alignment

Repetition

Proximity

CARP

Page 14: Gregynog cw

Contrast

Alignment

Repetition

Proximity

CARP

Page 15: Gregynog cw

ContrastMake your reader want to look at the page

Page 16: Gregynog cw

Size

Page 17: Gregynog cw

Size

Page 18: Gregynog cw

Size

Page 19: Gregynog cw

Read me first!Read me next

Then, if you have some time and are interested,

would you please read me?

Page 20: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 21: Gregynog cw

Contrast Value

Page 22: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 23: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 24: Gregynog cw

Anita Read • Information Librarian

Learning Resources Centre • University of Glamorgan

01443 480480

Page 25: Gregynog cw

Colour

Page 26: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 27: Gregynog cw

Contrast fontsHeavy with light

Contrast fontsLight with heavy

Contrast fontsSerif with sans serif

Page 28: Gregynog cw

Sans serif

Decorative

Script

Slab serif

Page 29: Gregynog cw

Contrast

Alignment

Repetition

Proximity

CARP

Page 30: Gregynog cw

Alignment

Alignment

Alignment

Nothing should be placed at random on the page

Page 31: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 32: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 33: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan01443 480480

Page 34: Gregynog cw
Page 35: Gregynog cw
Page 36: Gregynog cw

Sou

rce

: T

he

No

n-D

esi

gn

ers

Des

ign

Bo

ok

by

Ro

bin

Will

iam

s

Page 37: Gregynog cw

Contrast

Alignment

Repetition

Proximity

CARP

Page 38: Gregynog cw

Repetition Be consistent and repeat elements to add visual interest

repeat for visual interest • repeat for visual interest • repeat for visual interest • repeat for visual interest

Page 39: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 40: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 41: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 42: Gregynog cw

Contrast

Alignment

Repetition

Proximity

CARP

Page 43: Gregynog cw

ProximityItems relating to each other should be grouped together

Page 44: Gregynog cw

Anita Read

Information Librarian 01443 480480

Learning Resources Centre University of Glamorgan

Page 45: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 46: Gregynog cw

Sou

rce

: T

he

No

n-D

esi

gn

ers

Des

ign

Bo

ok

by

Ro

bin

Will

iam

s

Page 47: Gregynog cw

Sou

rce

: T

he

No

n-D

esi

gn

ers

Des

ign

Bo

ok

by

Ro

bin

Will

iam

s

Page 48: Gregynog cw

White SpaceWhy is it important in design?

Page 49: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan 01443 480480

Page 50: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 51: Gregynog cw

Anita ReadInformation Librarian

Learning Resources CentreUniversity of Glamorgan

01443 480480

Page 52: Gregynog cw

Contrast

Alignment

Repetition

Proximity

And last but not least – white space

CARP

Page 53: Gregynog cw
Page 54: Gregynog cw
Page 55: Gregynog cw
Page 56: Gregynog cw
Page 57: Gregynog cw
Page 58: Gregynog cw
Page 59: Gregynog cw
Page 60: Gregynog cw
Page 61: Gregynog cw
Page 62: Gregynog cw
Page 63: Gregynog cw

Pet HatesThings you should try to avoid…

Page 64: Gregynog cw

LIBRARY

LIBRARY

LIBRARY

Page 65: Gregynog cw

If you use borders around your text

make sure youinclude enough

white space

Page 66: Gregynog cw

The same rule appliesto coloured boxes

(even if your ‘white’ space is actually blue!)

The same rule appliesto coloured boxes…

Page 67: Gregynog cw

Avoid underlining headings.(Unless you’re using a typewriter.)

Avoid underlining headings(Unless you’re using a typewriter)

Page 68: Gregynog cw

DO NOT TYPE MORE THAN A FEW WORDS IN UPPER CASE

BECAUSE IT IS RATHER DIFFICULT TO READ AND LOOKS AS IF YOU

ARE SHOUTING AT ME!

Page 69: Gregynog cw

A SHORT UPPER CASE HEADING IS OK

Please do not type more than a few words in upper case because it is rather difficult to read and looks as if you

are shouting at me!

Page 70: Gregynog cw

Avoid using Comic Sans

abc 123And by the way, using too many colours is not a good idea either

Page 71: Gregynog cw

NEVER, EVER, EVER USE A

COMBINATION OF ANY OF THESE!

And finally…

Page 72: Gregynog cw

Cath Wright-JonesVisual Communicator

[email protected]

The Non-Designer’s Design Book by Robin Williams