principles of design (williams)
TRANSCRIPT
![Page 1: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/1.jpg)
DESIGN PRINCIPLESBased on The Non-Designer’s Design Book
by Robin Williams
Presentation for SCI 2777 Storytelling with Data
Sr. Edith Bogue, Associate Professor, The College of St. Scholastica
Images from PowerPoint by Saul Greenberg
![Page 2: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/2.jpg)
Where does your eye go?
title
subtext
three points
main point
sub point
Based on The Non-Designers Design Book by Robin Williams
![Page 3: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/3.jpg)
What directs your eyefrom one place to another?Design is subtle.
It guides your eye based on cognitive principles.
The basic principles are easy to learn.
![Page 4: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/4.jpg)
PARCProximityAlignment RepetitionContrast
Based on The Non-Designers Design Book by Robin Williams
![Page 5: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/5.jpg)
![Page 6: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/6.jpg)
Proximity◦ related elements appear as a group
◦ separates unrelated elements
◦ white space is design
as much as the elements1
2
3
Based on The Non-Designers Design Book by Robin Williams
![Page 7: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/7.jpg)
Alignment◦ visual flow – most visible when absent
◦ connects elements in order
◦ vertical
horizontal
diagonal
1
2
3
4Based on The Non-Designers Design Book by Robin Williams
![Page 8: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/8.jpg)
Repetition ◦ repeat throughout entire piece
◦ color, size, type, pictures, etc.
◦ consistency creates unity
1
2 3
4Based on The Non-Designers Design Book by Robin Williams
![Page 9: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/9.jpg)
Contrast◦ makes differences obvious
◦ highlights dominant elements
◦ lesser elements come last
◦ generates dynamism
1
2
3
4
5
Based on The Non-Designers Design Book by Robin Williams
![Page 10: Principles of Design (Williams)](https://reader036.vdocuments.net/reader036/viewer/2022071710/55a8956d1a28abce238b45a9/html5/thumbnails/10.jpg)
Principles Work Together
title
subtext
three points
main point
sub point
Based on The Non-Designers Design Book by Robin Williams