Basic Design Principles
description
Transcript of Basic Design Principles
![Page 1: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/1.jpg)
Basic Design PrinciplesGaining Attention and Delivering a
Messageby Mr. Tim Hixson
Computer Applications
![Page 2: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/2.jpg)
What a mess!
![Page 3: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/3.jpg)
Four Elements of Good DesignGood color contrast to allow the
message to be seenReadable fonts to communicate
the message clearlyUse Pictures to enhance the
messageArranging contents to draw more
attention to the message
![Page 4: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/4.jpg)
Color ContrastContrast is the effect of having
colors that are different enough to stand out against each other.
In the example, the black text on the dark blue background is harder to read
![Page 5: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/5.jpg)
Color Contrast
Good contrast
Bad contrast
Can this?readyou
canYou this!read
![Page 6: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/6.jpg)
Better Use of Contrast
![Page 7: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/7.jpg)
Font SelectionConsider the appropriate size
fontUse Sans-Serif fonts for better
readability
Limit yourself to two different fonts to avoid distractions and clutter (maybe three on a larger work)
Hello serifs
Hellosans-
serif
![Page 8: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/8.jpg)
Better Use of Fonts
![Page 9: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/9.jpg)
Use of PicturesUse pictures that directly relate
to the messageAvoid using too many picturesUse pictures that have a similar
style and coloring
![Page 10: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/10.jpg)
Better Use of Pictures
![Page 11: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/11.jpg)
Content Placement
12
3
4 7
5
68
9
Look at the box. When I show the numbers, which one do you notice first?
This is commonly called the
Rule of Thirds.
![Page 12: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/12.jpg)
Better Use of the Rule of Thirds
![Page 13: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/13.jpg)
Good Example – Poster
Melissa Logies – Class of 2010
![Page 14: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/14.jpg)
Good Example – Poster
Caleb Venman – Class of 2010
![Page 15: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/15.jpg)
Good Example – Scrap Book
Cheryl Ginsburg – Class of 2009
![Page 16: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/16.jpg)
Good Examples – Business Cards
Amy Hart – Class of 2010 Becky Yager – Class of 2009
John Wiser – Class of 2009 Chris Stathopoulos– Class of 2010
![Page 17: Basic Design Principles](https://reader030.fdocuments.net/reader030/viewer/2022013012/568162d9550346895dd360c9/html5/thumbnails/17.jpg)
Basic Design PrinciplesGaining Attention and Delivering a
Messageby Mr. Tim Hixson
Computer Applications