Tips Membuat Banyak Color Palette Hanya dengan Satu Warna di Figma-”Bumbu Disen eps#2"
Hallo…!! Udah lama banget nih ngga sharing ilmu di artikel “Bumbu Disen”, soalnya lagi banyak kerjaan hehehew.. Pada episode sebelumnya, kita udah bahas masalah filosofi warna. Pasti temen-temen kadang ngerasa susah dan bingung pada saat milih warna buat desain kita kan? Tenang, kalian ngga sendirian kok, aku juga sering ngalamin hal yang sama wkwk.
Nah, pada episode yang kedua ini, aku bakal sharing tips gimana caranya bikin color palette sendiri hanya dengan satu warna dasar menggunakan Figma. Sebenarnya banyak banget tempat untuk generate warna di internet atau di media sosial lain. Tapi di sini, kita akan membuat sesuatu yang beda dan unik sesuai dengan selera kita sendiri. Kira-kira gimana aja ya caranya??.. Skuy lahh kita mulai :V
Ada beberapa langkah yang harus kita lakukan untuk membuat color palete ini di figma, cekidot...
- Buka software Figma wkwk… Udah pasti lah ya hahaha,.. Oke, langkah pertama setelah bikin new project, kita bikin artboard baru. Di sini aku bikin artboard desktop.
2. Setelah artboard selesai dibuat, kita buat satu objek retangle lalu pilih satu warna yang akan kita jadikan warna dasar dari color palette kita nanti. Usahakan warna yang kita pilih sebagai dasar, jangan terlalu jenuh atau bahkan terlalu gelap yaa,.. Kita pilih warna yang lembut kayak hatiku hiyaaa wkkwwk..
Aku pilih warna biru dengan kode hexa #327BD0 seperti di gambar ini.
3. Nah,.. kali ini, tips untuk memilih warna-warna berikutnya akan aku jelasin. Pertama, dari warna utama, kita nantinya akan bikin masing-masing 4 objek untuk warna yang terang disebelah kiri dan 4 objek untuk warna yang gelap disebelah kanan. Jadi skema nya, kita buat satu objek lalu kita pilih warna dan langkah ini berulang-ulang sampai semua objek selesai dibuat.
Oh iya,.. untuk teknik pemilihan warnanya, kita manfaatkan color picker, dan bayangkan sebuah garis dari pojok kiri atas melengkung ke pojok kanan bawah melewati warna dasar yang kita pilih tadi. Garis ini nantinya akan kita jadikan sebagai jalur untuk pilihan warna. Kemudian kita geser tone warna yang ada di atas opacity ke sebelah kanan atau kiri. Untuk jalur melengkung ke kiri atas, kita geser tone warna ke sebelah kiri, begitu juga untuk jalur melengkung ke kanan bawah, kita geser tone warna ke sebelah kanan.
Untuk ketentuan warnanya, sebelah kiri warna utama yang mengarah ke kiri atas adalah warna terang, sedangkan sebaliknya untuk sebelah kanan warna utama yang melengkung ke kanan bawah adalah untuk warna gelap.
4. Sekarang kita buat untuk warna terang dulu ya,.. Kita buat satu objek yang sama kemudian kita pilih warna mengikuti jalur lengkungan tadi dan jangan lupa menggeser tone warna ke sebelah kiri.
5. Setelah tone warna terang selesai dibuat, kita lanjut ke tone warna gelap. Cara pemilihan warna sama dengan tone warna terang, tapi sekarang kita ubah arah nya menjadi ke kanan.
6. Nah.. setelah semua warna selesai dipilih. Selanjutnya, kita duplikat semua objek tadi sebanyak 2x dan letakkan masing-masing di atas dan dibawah objek utama.
7. Kedua bagian tadi nantinya masing-masing akan kita jadikan sebagai palette untuk warna yang lebih terang dan gelap, bagian atas adalah warna terang, dan bagian bawah adalah warna gelap yang merupakan turunan dari warna-warna utama.
8. Kita atur untuk palette warna terang lebih dulu pada objek bagian atas. Caranya adalah masing-masing warna kita atur HSL (Hue Saturation Lightness) pada bagian color picker dengan ketentuan berikut ini:
Hue : -15, Saturation : -15, dan Lightness : +15
Ketentuan untuk jumlah angka ini relatif ya,.. jadi bisa kurang dari 15 atau bahkan lebih dari 15 tergantung selera teman-teman. Yang terpenting adalah Hue & Saturation dikurangi, dan Lightness ditambah.
9. Sekarang kita atur untuk palette warna gelapnya, caranya sama dengan palette warna terang, dengan mengatur HSL pada bagian color picker dari masing-masing warna. Namun, untuk palette warna gelap, kita atur kebalikan dari warna terang, dengan ketentuan:
Hue : +15, Saturation : +15, Lightness : -15
Sekali lagi ingat,.. ketentuan untuk jumlah angka ini relatif ya,.. jadi bisa kurang dari 15 atau bahkan lebih dari 15 tergantung selera teman-teman. Yang terpenting adalah Hue & Saturation ditambah, dan Lightness dikurangi.
10. Nah,.. setelah semua palette selesai, kita bisa pilih susunan warna yang akan kita jadikan sebagai warna untuk desain kita sesuai selera.
Oke,.. kali ini cukup dulu tips dari aku,.. semoga bermanfaat yaa :) Dan.. Selamat Mencoba :D,. Jangan lupa claps, share dan komen ya,.. :)
Tengkiyuu,.. Sampai jumpa di episode selanjutnya.
