{"id":19682,"date":"2021-02-22T18:00:00","date_gmt":"2021-02-22T18:00:00","guid":{"rendered":"https:\/\/yesimadesigner.com\/?p=19682"},"modified":"2024-11-03T11:56:44","modified_gmt":"2024-11-03T11:56:44","slug":"graphic-design-color-theory-part-2","status":"publish","type":"post","link":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/","title":{"rendered":"Graphic Design Color Theory – Part 2"},"content":{"rendered":"

Part 2: Color Harmonies and Perception<\/h2>\n

Welcome to the second part of our graphic design theory video about color theory.  We will cover color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness.<\/h4>\n

If you haven\u2019t watched Part 1 yet, this link will take you there<\/a>, then you can navigate back up using the arrow in the bottom left corner)<\/em><\/p>\n

Ready to dive in and Part 2? Please click on the video below to watch our full tutorial! <\/strong>(9 min)<\/p>\n

Color Harmonies<\/h3>\n

Let’s take a look at some color pairing that work well together! <\/p>\n

\"\"<\/span><\/p>\n

Complementary colors – Complementary colors are where you choose two colors on opposite sides of the color wheel. Using this color palette in a composition gives you a very striking result due to the high contrast between colors.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Split Complimentary – This is similar to complementary colors, but this time you choose a base color and then on the opposite side of the color wheel, choose the two adjacent colors to the base color\u2019s complement. It\u2019s still energetic but not quite as striking as complimentary.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Triad – The triad color scheme involves you drawing a triangle on the color wheel to select three colors. This creates quite a vibrant palette, so it\u2019s best to use one color as the base color and the other two as supplementary colors, to allow a good balance.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Analogous – For this color scheme, you pick colors adjacent to each other and rely on values, tones and shades to create contrast. This color palette is useful when you want to rely on the meaning of colors.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Tetradic – Here you pick four colors on a rectangle within the color wheel (essentially this can be divided into two complementary pairs). It\u2019s more complicated than the other combinations, but if used well with a good balance between the colors, it can produce great compositions.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Monochromatic color scheme – This palette uses a single hue but combines different shades, tones and tints to create interest and attract attention.<\/span><\/p><\/blockquote>\n

\"\"<\/span><\/p>\n

Achromatic color scheme – Here you rely on different shades of grey. While you may think working with just black and white would create cold, menacing images, it\u2019s not the case, and you can produce cute illustrations too.<\/span><\/p><\/blockquote>\n

Don\u2019t forget to check out the video to see useful examples of all of these color combinations to help you get a better understanding of the different harmonies.<\/strong><\/p>\n

60-30-10 rule<\/h3>\n

\"\"<\/span><\/p>\n

source image<\/a><\/em><\/p>\n

Originally used in interior design but can be used in your artwork and illustrations too! Here are some rules to follow!<\/p>\n

Your base color should usually be a high chroma value or pure color and would make up around 60% of the composition.<\/p><\/blockquote>\n

Your supplementary color should make up approximately 30% of the composition.<\/p><\/blockquote>\n

An accent color that stands out, and would typically be a complementary color to your base color, makes up the final 10%.<\/p><\/blockquote>\n

Perception of color<\/h3>\n

As covered in the part 1 video<\/a>, colors have different meanings, but it\u2019s also important to take into account the demographic of the target audience. colors can be perceived differently by genders, by age groups and in different parts of the world.  Click here for a quick refresh on color meanings!<\/a><\/p>\n

Color blindness<\/h3>\n

Color blindness is the decreased ability to see the difference between colors. There are three main color blindness types, and these affect men more than women. It\u2019s essential to understand how color blindness can impact your work, especially for typography, where it can affect legibility.<\/p>\n

Color Oracle <\/a>is a great free tool that can simulate the different color blindness types so you can add more contrast between colors.<\/p><\/blockquote>\n

Photoshop also has the two main types of color blindness as color proofing options (under proof setup in the view menu). You can use Cmd\/Ctrl+Y to switch between a simulation of the selected color blindness. <\/p><\/blockquote>\n

If you head to this website<\/a>, you can color blind proof your website by simply entering your URL and choosing the type of color blindness you wish to simulate.<\/p><\/blockquote>\n

Conclusion<\/h3>\n

Your choice of color can have a massive effect on your composition, and it\u2019s vital to get a good understanding of the theory behind color to help you create designs that will appeal to your demographic and produce the intended impact!<\/p>\n

If you haven\u2019t watched part 1 yet, you can check it out here (15 min)<\/strong><\/p>\n

\"\"<\/a><\/span><\/p>\n

UP NEXT<\/strong><\/p>\n

<\/span><\/span><\/a>Colour combinations every designer should use!<\/a><\/h3>\n

Take a closer look at some of our favourite color combinations and explain the psychology behind them along with some tutorials to help you understand color theory!<\/p>\n

Click here<\/a>.<\/p>\n

\"\"<\/a><\/span><\/p>\n

Confused where to start?<\/strong><\/h1>\n

Join our Survival Kit for Designers newsletter and start your creative journey!<\/h3>\n","protected":false},"excerpt":{"rendered":"

We will cover color harmonies, the 60-30-10 rule, perception of color and so much more!<\/p>\n","protected":false},"author":9,"featured_media":19737,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"iawp_total_views":307,"footnotes":""},"categories":[17,14],"tags":[351,739,744,742,355,357,364],"wf_post_folders":[241,242],"class_list":["post-19682","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design","category-tutorial","tag-color","tag-color-in-graphic-design","tag-color-rules","tag-color-scheme","tag-color-theory","tag-colour-psychology","tag-colour-trends","post-wrapper","thrv_wrapper"],"yoast_head":"\nGraphic Design Color Theory – Part 2 - Yes I'm a Designer<\/title>\n<meta name=\"description\" content=\"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Graphic Design Color Theory – Part 2 - Yes I'm a Designer\" \/>\n<meta property=\"og:description\" content=\"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/\" \/>\n<meta property=\"og:site_name\" content=\"Yes I'm a Designer\" \/>\n<meta property=\"article:published_time\" content=\"2021-02-22T18:00:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-11-03T11:56:44+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"400\" \/>\n\t<meta property=\"og:image:height\" content=\"400\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Shumi Perhiniak\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Shumi Perhiniak\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/\",\"url\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/\",\"name\":\"Graphic Design Color Theory – Part 2 - Yes I'm a Designer\",\"isPartOf\":{\"@id\":\"https:\/\/yesimadesigner.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg\",\"datePublished\":\"2021-02-22T18:00:00+00:00\",\"dateModified\":\"2024-11-03T11:56:44+00:00\",\"author\":{\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/0f3a995da56ea2caf55aff9c985cbffb\"},\"description\":\"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!\",\"breadcrumb\":{\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage\",\"url\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg\",\"contentUrl\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg\",\"width\":400,\"height\":400},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/yesimadesigner.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Graphic Design Color Theory – Part 2\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/yesimadesigner.com\/#website\",\"url\":\"https:\/\/yesimadesigner.com\/\",\"name\":\"Yes I'm a Designer\",\"description\":\"Design Your Career\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/yesimadesigner.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/0f3a995da56ea2caf55aff9c985cbffb\",\"name\":\"Shumi Perhiniak\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/yesimadesigner.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2023\/08\/cropped-shumi-96x96.png\",\"contentUrl\":\"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2023\/08\/cropped-shumi-96x96.png\",\"caption\":\"Shumi Perhiniak\"},\"description\":\"Shumi is a self-taught graphic designer and illustrator who has worked for Toni&Guy, Renaissance Learning, Baker Ross, and many others. Additionally, she owned a brick-and-mortar stationery shop selling her art prints and now sells wholesale to retailers and online shops under the brand name www.herdesignworld.com.\",\"sameAs\":[\"http:\/\/herdesignworld.com\",\"https:\/\/www.herdesignworld.com\/\"],\"url\":\"https:\/\/yesimadesigner.com\/author\/shumi\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Graphic Design Color Theory – Part 2 - Yes I'm a Designer","description":"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/","og_locale":"en_US","og_type":"article","og_title":"Graphic Design Color Theory – Part 2 - Yes I'm a Designer","og_description":"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!","og_url":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/","og_site_name":"Yes I'm a Designer","article_published_time":"2021-02-22T18:00:00+00:00","article_modified_time":"2024-11-03T11:56:44+00:00","og_image":[{"width":400,"height":400,"url":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg","type":"image\/jpeg"}],"author":"Shumi Perhiniak","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Shumi Perhiniak","Est. reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/","url":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/","name":"Graphic Design Color Theory – Part 2 - Yes I'm a Designer","isPartOf":{"@id":"https:\/\/yesimadesigner.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage"},"image":{"@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage"},"thumbnailUrl":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg","datePublished":"2021-02-22T18:00:00+00:00","dateModified":"2024-11-03T11:56:44+00:00","author":{"@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/0f3a995da56ea2caf55aff9c985cbffb"},"description":"Learn about color harmonies, the 60-30-10 rule, the importance of understanding differences in perception of color, and how you can ensure your designs work for people with color blindness!","breadcrumb":{"@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#primaryimage","url":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg","contentUrl":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2021\/02\/bog-cover.jpg","width":400,"height":400},{"@type":"BreadcrumbList","@id":"https:\/\/yesimadesigner.com\/graphic-design-color-theory-part-2\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/yesimadesigner.com\/"},{"@type":"ListItem","position":2,"name":"Graphic Design Color Theory – Part 2"}]},{"@type":"WebSite","@id":"https:\/\/yesimadesigner.com\/#website","url":"https:\/\/yesimadesigner.com\/","name":"Yes I'm a Designer","description":"Design Your Career","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/yesimadesigner.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/0f3a995da56ea2caf55aff9c985cbffb","name":"Shumi Perhiniak","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/yesimadesigner.com\/#\/schema\/person\/image\/","url":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2023\/08\/cropped-shumi-96x96.png","contentUrl":"https:\/\/yesimadesigner.com\/wp-content\/uploads\/2023\/08\/cropped-shumi-96x96.png","caption":"Shumi Perhiniak"},"description":"Shumi is a self-taught graphic designer and illustrator who has worked for Toni&Guy, Renaissance Learning, Baker Ross, and many others. Additionally, she owned a brick-and-mortar stationery shop selling her art prints and now sells wholesale to retailers and online shops under the brand name www.herdesignworld.com.","sameAs":["http:\/\/herdesignworld.com","https:\/\/www.herdesignworld.com\/"],"url":"https:\/\/yesimadesigner.com\/author\/shumi\/"}]}},"_links":{"self":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts\/19682","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/comments?post=19682"}],"version-history":[{"count":7,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts\/19682\/revisions"}],"predecessor-version":[{"id":28738,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/posts\/19682\/revisions\/28738"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/media\/19737"}],"wp:attachment":[{"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/media?parent=19682"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/categories?post=19682"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/tags?post=19682"},{"taxonomy":"wf_post_folders","embeddable":true,"href":"https:\/\/yesimadesigner.com\/wp-json\/wp\/v2\/wf_post_folders?post=19682"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}