Skip to main content

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, 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

Popular posts from this blog

Cara Mengaktifkan Output Module Format H.264 di After Effects

Pada saat anda menyelesaikan project anda di After Effects, hal yang akan anda lakukan yaitu menyimpan project anda atau juga mengekspor project anda ke dalam bentuk video. Sebelum melakukan ekspor project ke dalam bentuk video atau dengan istilah lain rendering, anda harus melakukan setting output terlebih dahulu. Salah satu setting yang terpenting yang harus anda lakukan yaitu menentukan format file ekspor anda.

Jika anda ingin mengkespor file project After Effects anda ke format video MP4, maka anda harus memilih setting format H.264 pada jendela Output Module. Banyak pengguna After Effects, terutama Adobe After Effects CC, tidak menemukan format H.264 pada setting format di jendela output module. Berikut ini cara untuk mengaktifkan atau memunculkan setting format H.264 pada output module di After Effects, agar project bisa diekspor ke dalam format video MP4:

Baca Juga:

Tempat Terbaik Untuk Menemukan Inspirasi Motion Graphics
Ini Modal Yang Diperlukan Jika Anda Ingin Menjadi Seorang …

Pengertian Motion Graphics dan Cara Membuatnya

Motion Graphics, sebagai posting awal dari blog ini saya ingin berbagi pengertian tentang hal ini, kenapa? Karena rencananya kedepannya nanti (meniru janji-janji yang pernah saya alami), blog ini akan saya isi dengan postingan-postingan tentang Motion Graphics. Mungkin sebelum jauh saya berbagi tentang Motion Graphics, alangkah baiknya saya mengenalkan sedikit tentang apa itu Motion Graphics.

Secara awam saya ingin mendefinisikan sendiri tentang Motion Graphics. Untuk diketahui, saya hanya seorang pecinta dan penikmat Motion Graphics yang bermimpi untuk sekolah tentang hal ini, tapi tidak kesampaian. Bertahun-tahun saya menikmati dan mencoba menyelaminya, pada akhirnya saya menarik sebuah kesimpulan pribadi.

Motion Graphics adalah percabangan dari Seni Desain Graphics yang merupakan penggabungan dari, Ilustrasi, Tipografi, Fotografi dan Videografi dengan menggunakan teknik Animasi. Motion Graphics terdiri dari dua kata, Motion yang berarti Gerak dan Graphics atau yang sering kita ken…

Panduan Lengkap Bermain Empowr dan Menghasilkan Banyak Dollar dari Empowr

Empowr adalah sebuah situs jejaring sosial layaknya Facebook, Twitter, Tumbr dan sosial media lainnya, namun Empowr lebih unik dari jejaring sosial media yang ada. Di Empowr, selain penggunanya bisa membangun jaringan sosial dengan semua orang yang ada di belahan dunia manapun, pengguna Empowr juga bisa memperoleh penghasilan uang dollar secara online.

Empowr mengusung sebuah misi untuk memberdayakan setiap pengguna Empowr memperoleh pengaruh, harapan dan penghasilan. Hal ini dikarenakan komitmen dari Empowr untuk membantu stengah manusia yang ada di bumi ini agar pada tahun 2025 nantinya, setiap orang mempunyai penghasilan rata-rata $ 25 per hari.

Cara Bermain Empowr agar Menghasilkan Uang Dollar
Sebelum kamu memutuskan untuk memulai bermain Empowr, pastikan dalam diri kamu sebuah tekat untuk bersosial media. Hindari dulu pemikiran tentang mendapatkan uang. Agar nanti kamu bisa beraktifitas di Empowr dengan sepenuh hati.

Setelah kamu yakin tentang itu, kini saatnya kamu melangkah ke p…

Perbedaan Antara Color Correction dan Color Grading

Dalam dunia analog, "color timing" adalah proses panjang kimiawi foto yang berlangsung di laboratorium foto. Sekarang pengolahan warna dilakukan secara digital; profil warna gambar dan rekaman dapat benar-benar berubah hanya dengan beberapa klik mouse.

Ada dua jenis utama dari manipulasi warna, dan nama-nama mereka sering (keliru) digunakan. Color Correction dan Color Grading, serupa dalam proses tetapi berbeda dalam bagaimana dan kapan mereka digunakan.


Color Correction Color Correction atau Koreksi Warna adalah proses tunggal yang melibatkan penyesuaian gambar untuk "memperbaiki" setiap penyimpangan dari penampilan standar. Color Correction atau Koreksi Warna ini meliputi:
ExposureWhite BalanceISO NoiseContrast

Color Correction dapat digunakan untuk menutupi kesalahan yang terjadi pada saat pengaturan kamera serta untuk menarik lebih banyak informasi dari flat-profiles. Kamu harus memperbaiki warna rekaman Kamu bila memungkinkan, karena menciptakan kohesi antara s…

Panduan Dasar Tentang Frame Rate Video

Ada beberapa frame rate yang umum digunakan, masing-masing dengan tujuan mereka sendiri. Berikut adalah panduan frame rate untuk industri dan tujuan frame rate.
Apa itu frame rate? Konsep ini bisa rumit, tapi pada kenyataannya hal itu benar-benar cukup sederhana. Ketika Kamu merekam video, Kamu pada dasarnya sedang mengambil gambar dengan sangat cepat kemudian gambar-gambar tersebut tersusun bersama-sama dalam sebuah urutan waktu.

Ketika Kamu melihat gambar-gambar yang tersusun tersebut pada tingkat kecepatan tertentu, maka susunan gambar itu menciptakan ilusi menonton gerakan nyata - yang adalah apa yang kita sebut film atau video.

Frame rate video adalah susunan gambar dalam jumlah tertentu yang diurutkan dalam hitungan waktu satu detik sehingga menciptakan ilusi gerakan nyata. Frame rate diukur dalam satuan FPS (Frames Per Second) atau Frame Per Detik. Semakin tinggi nilai FPS, maka semakin halus gambar yang dihasilkan.
Sebuah frame rate hanya frekuensi di mana gambar ditampilkan.…