Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.
-
Upload
diana-carpenter -
Category
Documents
-
view
226 -
download
0
Transcript of Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.
![Page 1: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/1.jpg)
EffectiveGraphic Design
Adapted from
The Non-Designer’s Design Book
By Robin Williams
![Page 2: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/2.jpg)
The Four Design Principles• Contrast
– If not the same, make them very different
• Alignment– All elements should have a visual connection
• Repetition– Repeat color, shape, texture, space
• Proximity– Group related items
![Page 3: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/3.jpg)
Contrast• The principle of contrast states that if two
items are not exactly the same, then make them really different.
• Be BOLD!
![Page 4: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/4.jpg)
How To Create Contrast
• Large type and small type (size)
• Thin line and thick line (weight)
• Combinations of fonts
• Color
![Page 5: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/5.jpg)
Examples of Contrast
![Page 6: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/6.jpg)
Contrast – What To Avoid• Don’t be a wimp – do it with strength.
![Page 7: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/7.jpg)
Alignment• The principle of alignment states that
nothing should be placed on the page arbitrarily.
• Every item should have a visual connection with something else.
![Page 8: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/8.jpg)
Alignment Styles
![Page 9: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/9.jpg)
No Alignment
Acme Construction
Frank Garcia
(505) 123-4567
100 Rio Grande Road Red River, NM
![Page 10: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/10.jpg)
Right Alignment
Acme ConstructionFrank Garcia
(505) 123-4567
100 Rio Grande RoadRed River, NM
![Page 11: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/11.jpg)
Center Alignment
Acme Construction
Frank Garcia
(505) 123-4567
100 Rio Grande RoadRed River, NM
![Page 12: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/12.jpg)
Alignment – What To Avoid• Avoid using more than one text alignment
on a page.– Don’t center some text and right align other
text.
• Break the center alignment habit.– Formal / sedate / dull.
![Page 13: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/13.jpg)
Repetition• The principle of repetition states that you
repeat some aspect of the design throughout the entire piece.
• The repeated item could be a font, line, particular bullet, color, image, or format.
![Page 14: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/14.jpg)
Repetition
Acme ConstructionFrank Garcia
(505) 123-4567
100 Rio Grande RoadRed River, NM
![Page 15: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/15.jpg)
Repetition – What To Avoid
• Avoid repeating an element so much that it becomes annoying or distracting.
![Page 16: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/16.jpg)
Proximity
• The principle of proximity states that you should group related items together
• Why?– To organize information– To lend visual appeal– To lead your eyes
![Page 17: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/17.jpg)
No Proximity
Acme Construction
Frank Garcia
(505) 123-4567
100 Rio Grande Road Red River, NM
![Page 18: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/18.jpg)
Proximity
Acme Construction
Frank Garcia
(505) 123-4567
100 Rio Grande RoadRed River, NM
![Page 19: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/19.jpg)
Proximity – What To Avoid• Avoid too many separate elements on a
page.
• Avoid leaving equal amounts of white space between elements.
• Don’t create relationships between elements that don’t belong by placing them in proximity.
![Page 20: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/20.jpg)
What Goes Around
Comes Around
Lessons from Hitchhiking
Across the country
Robin Williams
January 1, 2001
![Page 21: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/21.jpg)
What Goes AroundComes AroundLessons from Hitchhiking
Across the country
Robin WilliamsJanuary 1, 2001
![Page 22: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/22.jpg)
What Goes AroundComes Around
Lessons from Hitchhiking
Across the country
Robin WilliamsJanuary 1, 2001
![Page 23: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/23.jpg)
What Goes AroundComes AroundLessons from Hitchhiking
Across the country
Robin Williams
![Page 24: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/24.jpg)
What Goes AroundComes Around
Robin Williams
Around
Around
Lessonsfrom
hitch-hikingacross
the country
![Page 25: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/25.jpg)
Font Style for Primary • Comic Sans is an effective font for
use with primary kids. Can you tell why?
• Look at the letter a. In most fonts, the letter a is not written in the form we teach kids in handwriting.
![Page 26: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/26.jpg)
What design techniques?
![Page 27: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/27.jpg)
Rule 166• When using presentation software:
– One main idea or concept• 6 points
• 6 words
![Page 28: Effective Graphic Design Adapted from The Non-Designer’s Design Book By Robin Williams.](https://reader036.fdocuments.in/reader036/viewer/2022062309/56649ea05503460f94ba31d6/html5/thumbnails/28.jpg)
ReferencesThe Non-Designer’s Design Book
By Robin Williams
CARP Website