{"id":186,"date":"2021-07-09T12:02:38","date_gmt":"2021-07-09T05:02:38","guid":{"rendered":"https:\/\/bnsd.binus.ac.id\/graphic-design\/?p=186"},"modified":"2021-07-09T12:02:38","modified_gmt":"2021-07-09T05:02:38","slug":"the-power-of-color","status":"publish","type":"post","link":"https:\/\/international.binus.ac.id\/graphic-design\/2021\/07\/09\/the-power-of-color\/","title":{"rendered":"The power of color"},"content":{"rendered":"<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-187\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_stoplight.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>So how do we know which colors look good together and which ones don&#8217;t? The answer is simple:\u00a0<strong>Color theory<\/strong>.<\/p>\n<p>Artists and designers have followed\u00a0<strong>color theory<\/strong>\u00a0for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it&#8217;s\u00a0<strong>choosing colors for a design<\/strong>\u00a0or\u00a0<strong>putting together the perfect outfit<\/strong>. With a little insight, you&#8217;ll be looking at color in a whole new way.<\/p>\n<p><iframe loading=\"lazy\" title=\"Beginning Graphic Design: Color\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/_2LLXnUdUIc?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe><\/p>\n<h3>Color basics<\/h3>\n<p>Let&#8217;s start at the beginning with a refresher on the basics. Remember learning about\u00a0<strong>primary and secondary colors<\/strong>\u00a0in school? Then you already have some knowledge of color theory.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-188\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_crayons.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><strong>Secondary colors<\/strong>\u00a0are created by combining two\u00a0<strong>primary colors<\/strong>. Red and yellow make orange; yellow and blue make green; and blue and red make purple.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-189\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_dots.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>If we mix\u00a0<em>these<\/em>\u00a0colors together, we get even more\u00a0<strong>in-between shades<\/strong>, like red-orange and yellow-green. All together, they form what&#8217;s called a\u00a0<strong>color wheel<\/strong>. (You can probably see where it gets its name.)<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-190\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_wheel.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>A closer look<\/h3>\n<p>Now that you know about the color wheel, let&#8217;s take it one step further with\u00a0<strong>hue<\/strong>,\u00a0<strong>saturation<\/strong>, and\u00a0<strong>value<\/strong>. These are terms you might not encounter in daily life, but they&#8217;re the key to understanding more nuanced colors\u2014like all those little paint chips at the home improvement store.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-191\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_terms_paintchips.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Hue<\/h4>\n<p><strong>Hue<\/strong>\u00a0is the easiest one; it&#8217;s basically just another word for\u00a0<strong>color<\/strong>. In the example below, you might describe the hue as\u00a0<strong>coral pink<\/strong>\u00a0or\u00a0<strong>light red<\/strong>, depending on your interpretation.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-192\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_terms_hue.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Saturation<\/h4>\n<p><strong>Saturation<\/strong>\u00a0refers to intensity\u2014in other words, whether the color appears more<strong>\u00a0subtle\u00a0<\/strong>or more\u00a0<strong>vibrant<\/strong>. Highly saturated colors are brighter or richer. Desaturated colors have less pigment and therefore less\u00a0<strong>oomph<\/strong>.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-193\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_terms_saturation2.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Value<\/h4>\n<p><strong>Value<\/strong>\u00a0has to do with how\u00a0<strong>dark\u00a0<\/strong>or<strong>\u00a0light<\/strong>\u00a0the color is, ranging from black to white. As you can see below, this gives us many different shades, from a deep reddish brown to a light pastel pink.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-194\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_terms_value2.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Creating color schemes<\/h3>\n<p>So how do we put this all together to create professional-looking color schemes? There are actually tried-and-true formulas based on something called\u00a0<strong>color harmony<\/strong>\u00a0that can help.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-195\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_chemistry.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>Color harmony uses the\u00a0<strong>color wheel<\/strong>\u00a0to illustrate time-tested color combinations. We&#8217;ll explore some of the most common types of harmony below.<\/p>\n<h4>Monochromatic<\/h4>\n<p>The easiest formula for harmony is\u00a0<strong>monochromatic<\/strong>\u00a0because it only uses\u00a0<strong>one color\u00a0<\/strong>or<strong>\u00a0hue<\/strong>. To create a monochromatic color scheme, pick a spot on the color wheel, then use your knowledge of\u00a0<strong>saturation\u00a0<\/strong>and<strong>\u00a0value<\/strong>\u00a0to create variations.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-196\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_mono.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>The best thing about monochromatic color schemes is that they&#8217;re\u00a0<strong>guaranteed to match<\/strong>. The colors suit each other perfectly because they&#8217;re all from the same family.<\/p>\n<h4>Analogous<\/h4>\n<p>An\u00a0<strong>analogous<\/strong>\u00a0color scheme uses colors that are\u00a0<strong>next to each other<\/strong>\u00a0on the wheel, like reds and oranges or blues and greens.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-197\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_analog1.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>Don&#8217;t be afraid to play with the palette and\u00a0<strong>create your own unique interpretation<\/strong>. That&#8217;s what color harmony is all about; the formulas are merely starting points to help guide and inspire you.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-198\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_analog2.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Complementary<\/h4>\n<p><strong>Complementary<\/strong>\u00a0colors are\u00a0<strong>opposite each other<\/strong>\u00a0on the wheel; for instance, blue and orange or the classic red and green.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-199\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_complement1.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>To avoid complementary color schemes that are too simplistic,\u00a0<strong>add some variety<\/strong>\u00a0by introducing lighter, darker, or desaturated tones.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-200\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_complement2.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Split-complementary<\/h4>\n<p>A\u00a0<strong>split-complementary<\/strong>\u00a0color scheme uses the colors on\u00a0<strong>either side of the complement<\/strong>.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-201\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_splitcomp.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>This gives you the same level of\u00a0<strong>contrast<\/strong>\u00a0as a complementary color scheme but more colors to work with (and potentially more interesting results).<\/p>\n<h4>Triadic<\/h4>\n<p>A\u00a0<strong>triadic<\/strong>\u00a0color scheme uses\u00a0<strong>three colors that are evenly spaced<\/strong>, forming a perfect\u00a0<strong>triangle<\/strong>\u00a0on the wheel.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-202\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_triad.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>These combinations tend to be pretty striking\u2014especially when they include\u00a0<strong>primary<\/strong>\u00a0or\u00a0<strong>secondary<\/strong>\u00a0colors\u2014so be mindful when using them in your work.<\/p>\n<h4>Tetradic<\/h4>\n<p><strong>Tetradic<\/strong>\u00a0color schemes form a\u00a0<strong>rectangle<\/strong>\u00a0on the wheel, using not one but\u00a0<strong>two complementary color pairs<\/strong>. This formula works best if you let one color dominate while the others serve as an accent.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-203\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_harmony_tetrad.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Avoiding common mistakes<\/h3>\n<p>There are a few classic dos and don&#8217;ts when it comes to color. For instance, have you ever seen colors that seem to\u00a0<strong>vibrate<\/strong>\u00a0when they&#8217;re placed next to each other?<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-204\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_vibrate_bad.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>The solution is to\u00a0<strong>tone it down<\/strong>\u2014literally\u2014and there&#8217;s a simple way do it. Start with one color, and try adjusting its\u00a0<strong>lightness<\/strong>,\u00a0<strong>darkness<\/strong>, or\u00a0<strong>saturation<\/strong>. Sometimes a little contrast is all your color palette needs.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-205\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_vibrate_good.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>Readability is an important factor in any design. Your colors should be\u00a0<strong>legible<\/strong>\u00a0and\u00a0<strong>easy on the eyes<\/strong>, especially when working with text.<\/p>\n<p>Sometimes that means NOT using color\u2014at least not in\u00a0every little detail.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-206\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_readable_bad.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>Neutral colors like black, white, and gray can help you\u00a0<strong>balance<\/strong>\u00a0your design, so when you\u00a0<em>do<\/em> use color, it really stands out.<\/p>\n<h3>Choosing the right colors<\/h3>\n<p>Every color sends a message. It&#8217;s important to consider the\u00a0<strong>tone<\/strong>\u00a0of your project, and choose a color palette that fits.<\/p>\n<p>For example,\u00a0<strong>bright colors<\/strong>\u00a0tend to have a fun or modern vibe.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-208\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_style_modern.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p><strong>Desaturated<\/strong> colors often appear more serious or businesslike.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-209\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_style_business.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>Sometimes it just depends on the\u00a0<strong>context<\/strong>. With practice and creativity, there&#8217;s no limit to what you can do.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-210\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_style_flexible.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h4>Finding inspiration<\/h4>\n<p>You can find\u00a0<strong>ideas<\/strong>\u00a0for color schemes in all kinds of interesting places, from\u00a0advertising and branding\u00a0to famous works of art.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-211\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_ideas_art.jpg\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>You can even use a\u00a0<strong>web resource<\/strong>\u00a0to browse color palettes or generate your own.<\/p>\n<p>Experienced designers often take inspiration from the world around them. There&#8217;s nothing wrong with finding something you like and\u00a0<strong>making it your own<\/strong>.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-212\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_ideas_resource.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<h3>Putting it all together<\/h3>\n<p>Everywhere you look, there&#8217;s color, color, and more color. It can be intimidating to use it in your work, but it doesn&#8217;t have to be. Just<strong>\u00a0<\/strong>keep<strong>\u00a0experimenting<\/strong>,\u00a0and remember what you&#8217;ve learned about\u00a0<strong>color theory<\/strong>. Soon, choosing great-looking colors will feel like second nature.<img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-213\" src=\"http:\/\/international.binus.ac.id\/graphic-design\/files\/2021\/07\/color_outfit.png\" alt=\"\" width=\"1920\" height=\"1080\" \/><\/p>\n<p>&nbsp;<\/p>\n<p>Source: GFCGlobal<\/p>\n","protected":false},"excerpt":{"rendered":"<p>So how do we know which colors look good together and which ones don&#8217;t? The answer is simple:\u00a0Color theory. Artists and designers have followed\u00a0color theory\u00a0for centuries, but anyone can learn more about it. It can help you feel confident in many different situations, whether it&#8217;s\u00a0choosing colors for a design\u00a0or\u00a0putting together the perfect outfit. With a [&hellip;]<\/p>\n","protected":false},"author":41,"featured_media":189,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-186","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-articles"],"_links":{"self":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/186"}],"collection":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/users\/41"}],"replies":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/comments?post=186"}],"version-history":[{"count":0,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/posts\/186\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media\/189"}],"wp:attachment":[{"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/media?parent=186"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/categories?post=186"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/international.binus.ac.id\/graphic-design\/wp-json\/wp\/v2\/tags?post=186"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}