1 / 12

Contrasting Type for Design: A Process of Creating Visual Impact

Explore the art of contrasting type in design with a focus on size, weight, structure, form, direction, and color. Learn how to use different typographical elements effectively to make your design stand out. Discover 6 ways to achieve type contrast and elevate the visual appeal of your projects. Dive into a process of grouping two typographical elements and using various methods to create compelling contrasts. Uncover tips, tricks, and examples to enhance your design skills and make your typography pop.

javen
Download Presentation

Contrasting Type for Design: A Process of Creating Visual Impact

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. CONTRASTING Y P E for achieving design. A. Redmon & M. Lincoln

  2. Using typefor Design: A process of grouping two typographical elements and using different methods to createcontrast.

  3. 6 Ways to Contrast Type • Size • vary the size of the words • Weight • vary the thickness of strokes • Structure • use two fonts from different categories that look very different

  4. 6 Ways to Contrast Type • Form • vary the shapes of the words – - italics vs. normal, - lowercase vs. Upper And Lowercase 5. D i r e c t i o n • combine horizontal and vertical type or blocks of text Color

  5. 1. Size: • The eye is immediately drawn to the "super sized" G. • The word "Jiong" is the first thing you pay attention to on the page because of the G. • The key point here is that the font used for the lettering is the same.

  6. 2. Weight:Vary the thickness of the stroke.

  7. 3. Structure:Use two fonts from different categories that look very different.

  8. 4. Form:Vary the shapes of the words - italics versus normal - lowercase versus upper and lowercase arial narrow meetsArial Black

  9. 5. Direction:Combine horizontal and vertical type or blocks of text.

  10. 6. Color: Notice how the most important word in the title is ‘FIRST” and how it contrasts rather nicely with the rest of the text.

  11. Hmmm, how can you use to create if you are only printing in black and white ? color contrast

  12. Sources: 3st: The Acting Company. Web Page. 20 September 2011. <http://happenings.3st.com/>. Van Loon, T. & Valicenti, R. Loeb Fellowship Poster. 20 September 2011. <http://happenings.3st.com/>. Jiong. Image Six. 20 September 2011. <http://www.tomontheweb2.ca/CMX/D4FBD/>. Dair, C. Image Nine. 20 September 2011. <http://www.tomontheweb2.ca/CMX/D4FBD/>. Vorzie. Typography/Structure. 20 September 2011. http://www.vorzie.com/html/typography.html. Tomontheweb2. Image Ten. 20 September 2011. <http://www.tomontheweb2.ca/CMX/D4FBD/>. 3st: The Acting Company. The Acting company Logo. 20 September 2011. http://3st.com/#/clients/cultural_leaders/the_acting_company. Istuff. 50FirstDates. 20 September 2011. <http://istuff21.blogspot.com/2011/09/various-artists-50-first-dates-love.html>.

More Related