Visual element of Graphic Design: Colour

In this article I'm going to discuss the second key visual and discuss colour as a visual element in graphic design. So colour plays one of the biggest roles in graphic design.

In this article I'm going to discuss the second key visual and discuss colour as a visual element in graphic design. So colour plays one of the biggest roles in graphic design, it can give emphasis it can be used as a mechanism of the organization, it can create impact and create a specific look and feel in a piece of graphic design work.

When working with colour it helps to have a good knowledge of colour theory.

colour, beginners guide, graphic design, visual element

Colour theory provides us with practical guidance to help us mix colours and create interesting colour combinations and it all starts with the colour wheel. The colour wheel is a really useful tool designed to help us choose colours that work well together.

So this here is the red, yellow, blue colour model which consists of 12 colours.

12 colours - colour wheel - colour spectrum
colour wheel and colour spectrum

Now if we jump onto the Adobe colour website we can see this colour wheel as more of a spectrum. This is an amazing resource to explore and create colour schemes. The address for this website is color.adobe.com. I'll be referring to this website later in this article but for now to help explain colour theory I'll use this simple example.

So the colour wheel consists of primary colors, secondary colors and tertiary colours and these can be split into warm and cool colours. So let's take a look at each of these.

First is primary colours. Primary colours make up the basis for the colour wheel here they are red, yellow and blue.

Next are the secondary colours. Secondary colours are made by mixing equal portions of the primary colours, these create green, orange and purple.

Next are the tertiary colours. Tertiary colours are made by mixing a primary colour with a neighboring secondary colour, for example if we mix the yellow with the orange we get a yellow orange colour in between. If we continue to mix the primary and neighbouring colours, we fill the gaps and get the remaining tertiary colours.

Now if we separate the colour wheel we get two categories, warm and cool colours. On the right we have the warm colours, these incorporate the red, violet colours through to yellow. On the left we have cool colours, these incorporate the colours yellow through to indigo.

So that completes the colour wheel. Now this is a really useful tool designed to help us choose color schemes. To help us choose interesting colour combinations that have harmony together or create contrast there are some colour rules we can explore.

colour examples
colour examples

These colour rules are referred to as:

  • Monochromatic colours,
  • Analogous colours,
  • Complementary colours, and
  • Triadic colours.


So first we have monochromatic colours.

Monochromatic colours are shades and tints of the same colour. The monochromatic colour scheme is typically balance and easy on the eye. Now if we jump onto the Adobe color website at color.adobe.com we can see some of these colour rules on the left if I click on monochromatic, it will generate a monochromatic colour scheme below.

Now if I click and drag the middle colour circle in the spectrum and toggle the otherit will generate new schemes.

Next we have analogous colours.

Analogous colours are those found close to each other on the colour wheel. Analogous colours typically always work well together since they have similar origins. Like the monochromatic colors they are also balance but typically more interesting as these colours have more contrast.

This time on the Adobe colour website if I click on Analogous it will generate an analogous color scheme. If I click and drag the middle circle it will generate new schemes. Notice all the colours are similar to each other.

Next we have complementary colours.

Complementary colours are those found on opposite ends of the colour wheel. Complementary colors have high contrast which produce vibrant exciting colour schemes, as implied complementary colors enhance each other and typically always work well together.

Back on the Adobe colour website if I click on complementary it will generate a complementary colour scheme. If I click and drag the middle circle it will generate new schemes.

Finally we have Triadic colours.

Triadic colours are those spaced equally on the colour wheel. Triadic colours typically produce vibrant effects. Back on the Adobe colour website if I click on triadic it will generate a triadic color scheme. If I click and drag the middle circle it will generate new schemes.

So those are some rules you can keep in mind when exploring colours. That is the second key visual element in graphic design.

Well I hope you enjoyed this article. The next visual element is 'Shape' in the next article I'm going to be talking about shape as a visual element in graphic design.

Want to get notified of recent posts from this blog? just click  Link subscribe this Dafi Deff blog. (register your email) Follow me at Twitter @dafideff and Instagram @dafideff. Or subscribe my Youtube channel Channel Youtube Dafi Deff and add my Google+ Dafi Deff.

COMMENTS

Name

3D,19,Adobe Lightroom,1,Adobe Premiere Pro,15,Advertorial,6,After Effects,91,animasi,36,Aplikasi,5,Avid Media Composer,1,beginners guide,7,blogging,2,Cara,119,Catatan,101,Cinema 4D,15,Cinemagraph,1,Color Grading,7,Dasar-dasar After Effects,9,Dasar-dasar Desain Grafis,6,DaVinci Resolve,1,Desain,15,Digital Marketing,5,dokumenter,1,Download,13,Empowr,4,English,34,film,1,Final Cut Pro,1,Free Download,14,Google Web Designer,2,graphic design,13,Instagram,3,Koalisi Online Pesona Indonesia,1,KOPI,1,Logo Animasi,1,Logo Animasi Sulawesi Selatan,1,Low Poly,1,Luts,1,motion design,63,Motion Graphics,110,Notes,4,Office,4,Panduan,57,Panduan Warna,3,Perumahan,1,Photoshop,4,Powerpoint,3,Premiere Rush,2,produksi video,18,Review,2,seo,2,sinematografi,4,Sosial Media,15,Technology,3,teknologi,15,Teori Warna,3,tipografi,1,Tutorial,97,Video Editing,29,Video Pemasaran,9,Video Production,41,visual element,6,Vlog,12,Word,1,Youtube Design,2,
ltr
item
Dafi Deff Motion Graphics: Visual element of Graphic Design: Colour
Visual element of Graphic Design: Colour
In this article I'm going to discuss the second key visual and discuss colour as a visual element in graphic design. So colour plays one of the biggest roles in graphic design.
https://2.bp.blogspot.com/-gVS81M1g3ac/WpPG8IEtqYI/AAAAAAAABnY/VWK8dn1IPg4-z3SKcuAEZxaArrK6cZOJQCLcBGAs/s320/colour%2BVisual%2Belement%2Bof%2BGraphic%2BDesig.jpg
https://2.bp.blogspot.com/-gVS81M1g3ac/WpPG8IEtqYI/AAAAAAAABnY/VWK8dn1IPg4-z3SKcuAEZxaArrK6cZOJQCLcBGAs/s72-c/colour%2BVisual%2Belement%2Bof%2BGraphic%2BDesig.jpg
Dafi Deff Motion Graphics
https://www.dafideff.com/2018/02/colour-visual-element-of-graphic-design.html
https://www.dafideff.com/
https://www.dafideff.com/
https://www.dafideff.com/2018/02/colour-visual-element-of-graphic-design.html
true
693841562448610024
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content