Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? •...
Transcript of Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? •...
![Page 1: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/1.jpg)
CONTRASTIN GRAPHIC DESIGN
![Page 2: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/2.jpg)
WHAT IS CONTRAST?
• the state of being strikingly different from something else, typically something in juxtaposition or close association
![Page 3: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/3.jpg)
WHEN THINKING OF CONTRAST – THINK IN OPPOSITES!
![Page 4: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/4.jpg)
Old •
• • • • Yo
ung
![Page 5: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/5.jpg)
Light • • • • Dark
![Page 6: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/6.jpg)
Small • • • • Huge
![Page 7: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/7.jpg)
Contrast Color!
![Page 8: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/8.jpg)
Color / No Co
lor
![Page 9: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/9.jpg)
Negative Shapes • • • • Positive Shapes
![Page 10: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/10.jpg)
![Page 11: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/11.jpg)
Remember – when it comes to contrast – make it
STRIKINGLY DIFFERENT!
![Page 12: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/12.jpg)
THE PURPOSE OF CONTRAST…
• It draws your eyes into the design – exactly where you wish them to go. It creates a focal point.
• It provides interest on the page. It makes a person stop and look!
• It is an aid to organization of information. It helps you design the way information gets organized on a page. The area of greatest contrast will usually be the top level of information. Let’s take a look…
![Page 13: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/13.jpg)
Look at this resumé example:Where is the greatest area of contrast? What are your eyes drawn to first? How does contrast help this?
What are your eyes drawn to next? Is there another level of contrast that helps organize this résumé into sub-‐sections?
How many levels of information is this résumé organized into? How is this organization achieved?
How important is the consistent uses of contrast throughout the résumé? How do they help visually organize the information?
![Page 14: Contrast - ALHS: DESIGN WITH MISS BUHL · 2019-12-02 · WHAT)IS)CONTRAST? • the$state$of$being$strikingly$different from$something$else,typically$something$ in$juxtaposition$or$close$association](https://reader033.fdocuments.us/reader033/viewer/2022050105/5f43a1959fe4a026082ed53d/html5/thumbnails/14.jpg)
Thank you! This presentation was put together by Nathan Smith. It may be freely used for educational purposes.Designs on this slide – Nathan Smith. All other images are by various artists – and were found on Pinterest.com