{"id":23379,"date":"2020-11-10T10:24:28","date_gmt":"2020-11-10T18:24:28","guid":{"rendered":"https:\/\/writingcommons.org\/?post_type=section&#038;p=23379"},"modified":"2023-09-09T17:35:05","modified_gmt":"2023-09-09T16:35:05","slug":"contrast","status":"publish","type":"section","link":"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/contrast\/","title":{"rendered":"Contrast"},"content":{"rendered":"<div class=\"tts_content_wrapper_2\" >\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_69_1 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 eztoc-toggle-hide-by-default' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/contrast\/#What_is_Contrast\" title=\"What is Contrast?\">What is Contrast?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/contrast\/#Examples_of_Contrast\" title=\"Examples of Contrast\">Examples of Contrast<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/contrast\/#Contrast_Principle_of_Design\" title=\"Contrast Principle of Design\">Contrast Principle of Design<\/a><ul class='ez-toc-list-level-3' ><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/contrast\/#Recommended_Readings_on_Contrast_as_a_Principle_of_Design\" title=\"Recommended Readings on Contrast as a Principle of Design\">Recommended Readings on Contrast as a Principle of Design<\/a><\/li><\/ul><\/li><\/ul><\/nav><\/div>\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"What_is_Contrast\"><\/span>What is Contrast?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><em>Contrast<\/em> is <\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>a term used in <a href=\"https:\/\/writingcommons.org\/section\/design\/\">design<\/a> to express how well <a href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/\">an element of design<\/a> (e.g., <a href=\"https:\/\/writingcommons.org\/section\/design\/design-elements\/color\/\">color<\/a>, <a href=\"https:\/\/writingcommons.org\/section\/design\/design-elements\/shape\/\">shape<\/a> or size) compares to other design elements used in a <a href=\"https:\/\/writingcommons.org\/section\/rhetoric\/rhetorical-situation\/text-composition\/\">composition<\/a>, a <a href=\"https:\/\/writingcommons.org\/section\/research\/research-methods\/textual-methods\/text\/\">text<\/a><ul><li>Artists may use contrasting colors, sizes, shapes, and fonts to create a focal point&#8211;to draw in the reader&#8217;s attention<\/li><\/ul><\/li><li>a powerful mode of thought. We <a href=\"https:\/\/writingcommons.org\/section\/organization\/logical-reasoning-organizational-schema\/comparing-and-contrasting\/\">compare and contrast<\/a> experience, insights, texts\u2014everything\u2014in order to make sense of the world.<\/li><\/ul>\n\n\n\n<p>Key Concepts: <a href=\"https:\/\/writingcommons.org\/section\/organization\/logical-reasoning-organizational-schema\/comparing-and-contrasting\/\">Compare and Contrast<\/a>; <a href=\"https:\/\/writingcommons.org\/section\/information-literacy\/literacy\/\">Literacy<\/a>; <a href=\"https:\/\/writingcommons.org\/section\/organization\/paragraphs\/\">Paragraphs<\/a><\/p>\n\n\n\n<hr class=\"wp-block-separator has-css-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Examples_of_Contrast\"><\/span>Examples of Contrast<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p>In the <a href=\"https:\/\/www.donotcall.gov\/\">Do Not Call Federal Registry<\/a>, note the use of contrasting colors\u2014blue, green, black, and white\u2014to highlight and contrast information. The box below the black and then green line, the one that says &#8220;Do Not Call&#8221; is set off from the rest of the text, so users can quickly accomplish their goal: clicking the button necessary to begin the process of entering phone numbers in the do not call registry. The contrasting colors are used consistently throughout the site: blue and green are used to highlight hyperlinks. The left column is set aside from the text block on the right to also help with navigation. Even the visual\u2014the phone over the house\u2014uses all four colors.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/writingcommons.org\/wp-content\/uploads\/2009\/11\/design24NEW.jpg\" alt=\"Principles of Design\" class=\"wp-image-76\" srcset=\"https:\/\/writingcommons.org\/wp-content\/uploads\/2009\/11\/design24NEW.jpg 1024w, https:\/\/writingcommons.org\/wp-content\/uploads\/2009\/11\/design24NEW-300x225.jpg 300w, https:\/\/writingcommons.org\/wp-content\/uploads\/2009\/11\/design24NEW-768x576.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Contrast_Principle_of_Design\"><\/span>Contrast Principle of Design<span class=\"ez-toc-section-end\"><\/span><\/h2>\n\n\n\n<p><em>Contrast<\/em> is also an important <a href=\"https:\/\/writingcommons.org\/section\/design\/principles-of-design\/\">element<\/a> of <a href=\"https:\/\/writingcommons.org\/section\/design\/\">design<\/a>. From research on human-computer interaction, we know that contrast in an image attracts the eyes and attention of the viewer. People notice contrasting elements in <a href=\"https:\/\/writingcommons.org\/section\/research\/research-methods\/textual-methods\/text\/\">texts<\/a>. They use their sense of contrast\u2014e.g., changes in shading, font, color, and layout, etc\u2014to <a href=\"https:\/\/writingcommons.org\/section\/rhetoric\/rhetorical-situation\/text-composition\/\">compose<\/a> and interpret texts. <\/p>\n\n\n\n<p><a href=\"https:\/\/writingcommons.org\/section\/rhetoric\/rhetorical-situation\/writer-speaker-author-rhetor-sender\/\">Artists, Designers, Symbol Analysts . . .<\/a> use <em>contrast<\/em> when they want to create focus or a focal point in a composition. For example, at a very basic level, contrast is used in <a href=\"https:\/\/writingcommons.org\/section\/design\/page-design\/\">Page Design<\/a>. Headings, Subheadings, Bullets<meta charset=\"utf-8\">\u2014these sorts of textual elements enable readers to chunk information, to sort information into categories of similar and dissimilar items.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><span class=\"ez-toc-section\" id=\"Recommended_Readings_on_Contrast_as_a_Principle_of_Design\"><\/span>Recommended Readings on Contrast as a Principle of Design<span class=\"ez-toc-section-end\"><\/span><\/h3>\n\n\n\n<ul class=\"wp-block-list\" id=\"block-a37be2cf-0985-408e-ad8e-8a88314c1eeb\"><li><em><a href=\"https:\/\/www.coreldraw.com\/en\/tips\/graphic-design-principles\/contrast\/#use-contrast\" target=\"_blank\" rel=\"noreferrer noopener\">Contrast in Graphic Design: The Complete Guide<\/a> | CorelDRAW<\/em>. (n.d.). Retrieved September 20, 2022, from https:\/\/www.coreldraw.com\/en\/tips\/graphic-design-principles\/contrast\/<\/li><li><em><a href=\"https:\/\/blog.thepapermillstore.com\/design-principles-contrast\/\" target=\"_blank\" rel=\"noreferrer noopener\">Design Principles: Contrast<\/a> | The Paper Blog<\/em>. (n.d.). Retrieved September 20, 2022, from https:\/\/blog.thepapermillstore.com\/design-principles-contrast\/<\/li><li><a href=\"https:\/\/www.johnlovett.com\/contrast\" target=\"_blank\" rel=\"noreferrer noopener\">Lovett, John, Contrast, Principles of Design<\/a>, https:\/\/www.johnlovett.com\/contrast<ul><li>Complementary Colors (red\/green, yellow\/violet)<\/li><li>Different Directions (horizontal\/vertical)<\/li><li>Tonal Difference (black\/white)<\/li><li>Textural Difference (rough\/smooth)<\/li><li>Linear Contrast (thin and straight\/heavy and curved)<\/li><\/ul><\/li><\/ul>\n\n\n\n<p><\/p>\n<\/div>","protected":false},"author":2,"featured_media":0,"parent":23567,"menu_order":0,"template":"","tags":[],"chapters":[2307,2200],"class_list":["post-23379","section","type-section","status-publish","hentry","chapters-contrast-principles-of-visual-design","chapters-design"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/section\/23379","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/section"}],"about":[{"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/types\/section"}],"author":[{"embeddable":true,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":12,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/section\/23379\/revisions"}],"predecessor-version":[{"id":58128,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/section\/23379\/revisions\/58128"}],"up":[{"embeddable":true,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/section\/23567"}],"wp:attachment":[{"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/media?parent=23379"}],"wp:term":[{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/tags?post=23379"},{"taxonomy":"chapters","embeddable":true,"href":"https:\/\/writingcommons.org\/wp-json\/wp\/v2\/chapters?post=23379"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}