general assembly introduction to visual design fundamentals sourced from the book: design elements:...
TRANSCRIPT
General Assembly
Introduction to visual design fundamentals
Sourced from the book: Design Elements: A Graphic Style Manualby Timothy Samara, Rockport Press
20 RULES FOR MAKING GOOD DESIGN
2
Graphic design isn’t just imagery for marketing, it is also commentary, opinion, a point of view, and social responsibility.
Introduction
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
3
Notions of “good” and “bad” design refer to quality sometimes aesthetic and also sometimes functional choices.
ON Good & Bad design
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
4
Some say rules = limitations? I say rules are guidelines! “Rules can be broken, but not ignored.” – David Jury (Swiss Typographer and Author)
20 rules for making good design
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
5
Have a concept.
Good designs are born from a story a message.
1
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
6
1
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
7
1
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
8
Communicate don’t decorate.
Form carries meaning.
2
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
9
2
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
10
2
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
11
3
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Speak with one visual voice.
Do all elements relate and are created in the same language and tone? Use consistent colors, typography and forms.
12
3
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
13
4
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Use two typeface families maximum. OK, maybe three.
A change in typeface signals a change in meaning or function to the reader.
14
4
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
15
4
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
16
5
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
The one two punch!
Have a visual hierarchy. Focus the viewers attention on the most important thing first and then lead them through the rest.
17
5
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
18
6
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Pick colors thoughtfully and on purpose.
Learn what colors will do when combined. Ask yourself how will these colors communicate. Colors carry psychological meaning. Additionally choose colors that are right not what is expected.
19
6
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
20
7
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Keep it simple.
If you can say the same thing with less don’t choose to add more. A simplier message will communicate the most effectively.
21
7
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
22
8
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Negative space (white space) is magical!
Space separates content and can be used to lead the eye.
23
8
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
24
9
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Treat type as image.
Type is also visual material just as useful as imagery.
25
9
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
26
10
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Type is only type when it’s friendly.
Make it legible and readable. Always!
27
10
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
28
11
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Be universal;remember not to insert ourselves too much into our work.
Make your message for the perspective of the masses and not to satisfy your own tastes.
29
11
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
30
12
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Squish and separate.
Create contrasts, density, visual rhythms. Pull some material closer together and other farther apart.
31
12
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
32
13
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Distribute light and dark (like firecrackers and the rising sun).
Make sure you have a wide tonal range in your design.
33
13
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
34
14
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Be decisive. Do things on purpose, or don’t do them at all.
Make clear decisions about size and arrangement.
35
14
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
36
15
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Measure with your eyes: design is visual.
Trust your eyes to judge and not the measuring tools of the computer or ruler. Squares always look larger than Circles with the same height. Compensate optical illusions by trusting your eye (make the circles larger).
37
15
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
38
16
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Create images yourself---don’t scavenge.
Commonly used stock images and graphics are often recognized as such.
39
16
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
40
16
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
41
16
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
42
17
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Ignore fashion.
Base your design on the meaning to be communicated and do not fall into the surrounding trends of style. These will be short lived and ultimately replaced anyway.
43
17
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
44
17
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
45
18
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Create movement in color and layout.
Static = dull.Movement = interest and attention.
46
18
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
47
18
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
48
19
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Look to history, but don’t repeat it.
Its good to look to the past to gain context of where we are and what styles evolved to newer styles, but do not repeat. Move design forward by doing your own work and in your own way.
49
19
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
50
19
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
51
20
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
Symmetry is evil.
Symmetrical compositions remain static. Which breaks rule 18. The symetrical format controls the design. Break free and design your own format. It will have more movement and more poetry.
52
20
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
53
20
GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS
54 GENERAL ASSEMBLYINTRODUCTION TO VISUAL DESIGN FUNDAMENTALS