Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Web Design
  2. Color Theory
Webdesign

Pengantar Menyeluruh Warna dalam Desain

by
Length:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Uady (you can also view the original English article)

Artikel ini bertujuan untuk memberi Anda pengantar yang menyeluruh ke desain paling dalam: warna. Ini akan memperkenalkan Anda kepada istilah dan konsep paling penting untuk memulai, membantu Anda membuat keputusan yang lebih baik dalam menerapkan warrna dalam desain Anda.

Topik

Seperti biasa untuk panduan ini, kita akan membahas banyak hal, termasuk:

  • Color?
  • Hue
  • Tint, Shade &Tone
  • Value
  • Saturation / Chroma
  • Color Wheel
  • Matching Colors
  • Monochrimatic
  • Types of Color
  • Matching Colors
  • Emphasis
  • Color Consistency
  • Color Meanings
  • Color Relativity

Color?

Tanpa cahaya, tidak ada warna, kan? Yah, sebenarnya tanpa "kegelapan" tidak ada warna juga. Hah? Aku tahu, kedengarannya aneh pada awalnya, tetapi tanpa warna kegelapan menghilang juga. Kita perlu tahu hal-hal seperti ini ketika kita memilih warna untuk desain web kita — memilih hue, saturasi dan nilai mereka? Mungkin tidak! Bisa teori warna meniup pikiran Anda setiap sekali dalam beberapa saat dan membuat Anda lebih efektif web desainer, dan karena itu lebih baik "komunikator"? Benar! Dalam hal warna, kita semua memiliki banyak pendapat dan emosi, tetapi sering orang tidak memiliki ide yang jelas tentang apa yang mereka benar-benar lakukan. Memiliki dasar teoritis untuk membangun membuat Anda jauh lebih efektif sebagai orang desain. Sekolah seni bukanlah tempat di mana sebagian besar orang menghabiskan waktu yang signifikan dalam hidup mereka, tetapi Anda tidak perlu menghabiskan waktu bertahun-tahun untuk menyesuaikan warna dengan kebutuhan Anda. Jadi, mari kita mempercepat Anda.

Dengan memilih warna, ada banyak pertimbangan yang tidak Anda harapkan dengan segera. Sedikit peringatan, itu bisa menjebak yang tidak pernah Anda lepaskan. Untuk mengimbanginya, saya usulkan yang pertama dan terpenting, Anda mungkin fokus untuk membuatnya menarik bagi pengguna Anda sambil membuat pilihan yang masuk akal dan efektif yang mendukung desain Anda. Ini sepertinya tujuan yang dapat dikelola untuk pemula warna. Saya menyadari ini terdengar super sulit, tetapi subjektivitas bukanlah sesuatu yang dapat Anda hilangkan ketika berbicara tentang warna. Katakan saja kita sepakat bahwa memilih warna yang memiliki makna dan menciptakan minat adalah tempat yang baik untuk memulai.

Warna bisa menjadi "senjata" yang sangat kuat di arsenal artistik atau kreatif Anda — jika dihasilkan dengan tepat tentu saja. Untuk desain kami di web, warna sering tentang dampak emosional dan visual. Jika digunakan dengan benar, warna dapat memandu pemirsa untuk apa yang penting dan menambahkan penekanan jika Anda tidak berlebihan. Saya rasa adil untuk mengatakan bahwa ini adalah mungkin yang paling penting ketika menggunakan warna pada proyek web. Perhatian sekunder adalah bahwa Anda dapat membangun suasana tertentu, dampak emosional yang membawa ide-ide merek bahkan lebih jauh. Topik ini seluruh adalah satu besar — raksasa sebenarnya. Kita akan fokus pada aspek yang paling penting dan persyaratan untuk Anda mulai.

Hue

Hue adalah warna pada roda warna

Banyak waktu ketika orang berbicara tentang warna, mereka benar-benar berbicara tentang hue-yang merupakan dasar, "murni" warna, setiap warna yang dalam spektrum cahaya tampak. Mata manusia sehat dapat melihat hue 2,3 M; banyak variasi merah, biru, hijau dan seterusnya.

Untuk pekerjaan kami dengan warna dalam desain, mereka mewakili titik awal, seperti versi mentah atau yang paling primitif. Dalam desain kami, Anda disarankan untuk meninggalkan ini untuk menghindari melihat amatir atau kekanak-kanakan. Apakah Anda memperhatikan bahwa kartun untuk anak-anak suka menggunakan warna untuk karakter mereka? Bukan kejutan besar kurasa. Anda dapat menggunakan ini tentu saja jika Anda pergi untuk estetika tertentu, tetapi sebagian besar waktu, kekanak-kanakan tidak bekerja dengan baik di web.

Envoy Passport menggunakan gaya ini cartoon-ish, bermain untuk keuntungan yang di sini. Anda dapat melihat bahwa warna sangat datar dan canggih. Tapi mereka menggunakan gaya ini di sini untuk menyampaikan kesan atau ide yang akan menjadi sulit untuk menggambarkan tanpa meniru karya seni untuk anak-anak.

Tint, Shade & Tone

Hues tidak memiliki warna atau bayangan-yang berarti mereka kekurangan penambahan putih atau hitam. Itulah sebabnya mengapa kita berbicara tentang tints dan nuansa warna-warna tertentu. Tint adalah tentang jumlah berwarna putih. Saat Anda mencampur warna dengan warna putih, Anda mewarnainya. Lebih banyak putih mengarah ke peningkatan kecerahan hue. Menambahkan putih ke rona murni mengurangi saturasinya, membuat hue menjadi kurang intens.

Shade di sisi lain adalah tentang jumlah hitam dalam warna. Saat Anda mencampur warna dengan warna hitam, Anda mengarsirnya. Hal ini menghasilkan warna yang kaya, seringkali lebih gelap, lebih intens karena sifat pigmen hitam yang sangat kuat. Banyak orang kulit hitam mengubah karakteristik hue, bahkan dalam jumlah kecil. Oleh karena itu mereka harus di gunakan dengan hemat.

Seperti yang Anda lihat pada spektrum dibawah ini, di tengah Anda akan menemukan hue murni. Ke arah kiri, kita menambahkan lebih banyak dan lebih putih dengan mewarnai dan ke kanan kita memudarkan merah dengan hitam.

Tint-Hue-Shade Spectrum
Tint-Hua-Shade Spectrum

Kami Berbicara tentang menciptakan hue ketika kami mencampur warna dengan abu-abu, yang berarti bahwa Anda secara efektif memberi warna dan bayangan pada saat yang bersamaan. Tones bisa lebih terang atau lebih gelap dari hue asli - tergantung pada jumlah warna putih dan hitam yang ditambahkan. Mereka juga akan nampak kurang jenuh dan intens dari pada hue asli. Tones dapat mengungkapkan kualitas halus dan kompleks dalam hue dan respresentasi lebih dekat dengan cara kita melihat dunia "nyata".

From MOMA
Masih dari MoMA's Art Terms in Action series

Value

Nilai adalah terang atau kegelapan dari suatu hue. Nilai sangat, sangat penting untuk hasil propesional. Di satu sisi, mereka jauh lebih penting untuk mendapatkan yang benar daripada memilih. Ketika kita mengatakan beberapa warna lebih terang atau lebih gelap kita berbicara tentang nilai hue. Ini memberitahu kita bagaimana dekat itu adalah versi ringan atau gelap. Skala nilai adalah seperti skala abu-abu untuk hue tertentu.

Bagian pada skala disebut langkah. Masing-masing jelas dapat dibedakan dengan secara signifikan lebih terang atau lebih gelap dari yang berikutnya. Jika Anda menerapkan nilai-nilai ini Anda mencapai kontras nada warna yang lebih baik dengan menggunakan lampu dan nuansa yang realistis.

Banyak lukisan besar yang kita secara kolektif mengagumi dalam sejarah seni diciptakan oleh seniman yang masters di kontras tonal halus melalui penggunaan skala nilai yang tepat. Mereka mencapai variasi kedalaman oleh perubahan nilai bertahap dari sejumlah terbatas hues.

Ini tidak hanya bekerja dengan skala abu-abu, tetapi dengan warna monokromatik juga (dengan satu hue). Anggap saja sebagai lampu dan nuansa hue.

Clearing Up--Coast of Sicily, Andreas Achenbach

Anda dapat melihat seluruh tingkat ini dengan mendiamkan lukisan. Nilai-nilai tidak berubah ketika Anda memutus warna. Lampu ringan dan darks tergelap masih menentukan rentang yang efektif untuk menghasilkan gambar yang tidak kehilangan kualitas artistik.

Atau pikirkan foto-foto hitam dan putih yang ikonis dari sekitar lima puluh tahun terakhir. Mereka sering memiliki berbagai langkah pada skala abu-abu dan menciptakan kontras yang lebih kuat dan lebih menarik -mulai dari kulit hitam yang sangat gelap sampai kulit putih yang sangat terang. Amatir sering berakhir dengan gambar datar hitam dan putih karena mereka tidak menyadari kebutuhan untuk membuat mereka lebih bersemangat dengan skala abu-abu lebih luas.

Ekstrak dari Guerrillero Heroico oleh Alberto Korda

Menariknya, setiap warna memiliki kisaran nilai yang berbeda. Beberapa memiliki rentang yang lebih besar dari yang lain. Merah, misalnya, memiliki jangkauan yang lebih terbatas dibandingkan dengan hue biru. Merah adalah di kisaran skala abu-abu yang rendah, nilai sangat gelap. Kuning, di sisi lain, adalah di kisaran tinggi. Hijau, ungu dan biru memiliki kisaran terbesar dari gelap menuju cahaya dalam beberapa langkah.

Kenapa kita peduli? Nilai adalah cara yang efektif untuk membuat penggambaran dua dimensi pada kanvas apa pun dan membiarkan muncul tiga dimensi menggunakan nuansa relatif Ini adalah apa yang orang sebut menjadi lebih hidup atau bersemangat — berbeda dengan warna datar yang gagal untuk mencapai efek ini. Inilah mengapa, secara umum, gunakan lebih desaturated nada, hue murni sangat sedikit membantu dan tampak belum matang. Tip yang bagus adalah memulai hanya dengan satu hue dan mengembangkan skala nilai untuk situs web Anda. Anda dapat menggunakan nilai untuk menyorot area tertentu dan bagian lain yang secara perlahan masuk ke latar belakang — semua sementara tetap berada dalam hue yang sama. Sederhana dan berkelas.

Netlife penelitian

Saturation / Chroma

Kejenuhan, juga disebut chroma, adalah suatu konsep yang kita tidak boleh mengabaikan. Ini adalah "colorfulness" atau kemurnian Hue. Istilah-istilah funky ini benar-benar menerjemahkan intensitas atau kecemerlangan warna yang dirasakan. Chroma adalah mendefinisikan bagaimana hue murni. Ketika Anda membeli warna untuk melukis, chromas adalah warna yang Anda ambil langsung dari tabung. Kontras dengan itu, warna desaturated dicuci atau berwarna abu-abu keluar dan sering digunakan sebagai bayangan warna berbagai derajat. Warna desaturated benar-benar tampak abu-abu.

Kami desaturate hue dengan menambahkan warna pelengkap. Segala sesuatu yang ditambahkan dari kebalikan dari roda warna akan desaturate hue secara efektif. Mana memenuhi warna kedua, Anda memiliki titik warna netral, coklat atau abu-abu Anda. Penting untuk memahami bahwa kami tidak menambahkan warna abu-abu untuk ini. Sebenarnya Anda membuat warna abu-abu, tetapi tidak dengan menambahkan hitam atau putih. Abu-abu ini digunakan oleh pelukis untuk memecah warna jenuh.

Mengapa Apakah itu ide yang baik? Jawabannya benar-benar sangat praktis: Anda tidak ingin membombardir pemirsa dengan intens warna saturations di mana-mana-justru sebaliknya. Warna yang sangat jenuh dapat terlihat sangat palsu dan murah. Terlaku banyak memberikan sedikit kesempatan bagi Anda untuk beristirahat, dan tidak ada yang benar-benar fokus pada, lebih banyak gangguan visual.

Screenshot

Ketika sebuah situs seperti UXDESIGNER.TOP, entah bagaimana didedikasikan untuk UX, kesalahan dengan cara ini, sangat sedih untuk melihat menurut saya. Tidak terlihat bagus, kan? Ini memiliki segala macam masalah, tetapi terutama kekacauan warna tidak membuatnya mudah untuk membangun hirarki untuk memandu pengunjung. UX yang jelek!

Ambil warna biru dan oranye misalnya. Di samping satu sama lain mereka berperilaku sangat intens. Jika Anda mencampurnya, Anda mencapai nada abu-abu yang dapat memisahkan varian yang lebih jenuh dengan sangat baik. Warna baru ini posisi sendiri antara versi yang sangat jenuh dan menciptakan pengalaman yang lebih menyenangkan dengan menerapkan warna yang lebih realistis. Seperti yang halus seperti ini kedengarannya, ini memiliki semangat lebih, lebih hidup. Ini menciptakan sebuah penghalang antara warna yang lebih matang dalam teknik. Ketika Anda berbicara tentang Master dalam lukisan, ini adalah salah satu hal yang mereka memiliki.

Kesan, soleil levant oleh Claude Monet

Dalam desain itu adalah ide yang baik untuk fokus pada hanya satu atau dua warna, kemudian membuat variasi dari mereka. Ini memberi Anda banyak pilihan dalam warna yang sama. Anda berbeda warna Anda, tapi tetap dalam hue(s) warna yang sama. Ini kemudian membantu mengaitkan perhatian pemirsa Anda ketika hanya beberapa bagian yang secara selektif sangat jenuh. Pada gambar di atas, Anda akan menemukan mata Anda tertarik pada sen. Itu benar-benar melompat keluar.

Color Wheel

Kami mendapatkan color wheel dengan mengambil spektrum cahaya dan kemudian menghubungkan kedua ujungnya ke lingkaran. Ini adalah alat yang digunakan dan bermanfaat secara klasik dalam menunjukkan hubungan antara warna. Bagaimana begitu? Sebagai permulaan, roda warna dapat memberitahu Anda bagaimana untuk menciptakan kontras terbesar mungkin untuk pilihan tertentu.

Goethe's colour wheel

Color wheel simetris ini tidak begitu banyak hal yang ilmiah tapi representasi dari bagaimana otak kita bekerja. Ini menunjuk pada bagaimana kita mungkin menanggapi secara emosional, dalam hal apa reaksi warna membangunkan. Secara ilmiah, tidak ada warna yang berlawanan dalam spektrum warna — itu adalah ide di otak kita, atau dalam konsep yang kita susun untuk mengatur dan membedakan warna. Hal ini pasti membantu untuk memilih warna meskipun. Persepsi ini tidak hanya dipicu oleh kita sendiri biologi tapi juga sangat banyak dipengaruhi oleh berabad-abad sejarah seni dan dapat bervariasi secara signifikan di antara berbagai budaya.

Dalam contoh ini kita akan menggunakan tradisional "Artis" roda warna, berdasarkan model warna merah-kuning-biru (RYB). Satu ini berasal dari bagaimana pelukis menciptakan campuran warna mereka — melalui pencampuran warna subtractive. Itu sebagian besar digunakan dalam seni dan desain hari ini, mendahului teori ilmiah warna, yang mengacu pada cyan, magenta dan kuning (CMYI) warna primer. CMY mencapai subset yang lebih besar dari warna daripada model warna RYB.

Primary Colors: Red, Yellow, Blue

Merah, kuning dan biru yang digunakan untuk membuat warna lainnya, dan karena itu mendapatkan nama utama. Anda tidak dapat mencampur warna lain untuk mendapatkan mereka.

Hal ini tentunya yang baik mulai titik dan segala sesuatu yang perlu Anda ketahui tentang warna primer untuk sekarang. Bahwa menjadi kata, saya juga ingin menyebutkan bahwa ini adalah asumsi banyak teori warna di masa lalu. Pada kenyataannya, dengan cat atau tinta misalnya, Anda dapat hanya mencampur berbagai terbatas warna yang tidak cocok komplit mata manusia yang sehat dapat merasakan. Apa yang kita berbicara tentang di sini adalah subset tertentu lengkap warna, juga disebut gamut. Jadi, butir-butir garam adalah dalam rangka di sini.

Warna sekunder: Green, Orange, Purple

Hijau, oranye dan ungu dicampur dengan menggabungkan warna primer.

Pada color wheel Goethe, di atas, hijau membentuk dasar. Ini adalah campuran dari dua warna dasar kuning dan biru. Orange adalah campuran kuning dan merah, sementara ungu campuran merah dan biru.

Tertiary Colors

Kita dapat mengambil gagasan lebih lanjut ini dan campuran utama dengan warna sekunder — lagi oleh pencampuran warna yang terletak saling berdekatan pada roda.

Sumber: Wikipedia

Setelah menyelesaikan deklinasi ini Anda mendapatkan berikut:

  • Chartreuse: kuning-hijau
  • Amber: kuning-oranye
  • Merah terang: merah-oranye
  • Magenta: merah-ungu
  • Violet: biru-ungu
  • Teal: biru-hijau

Perhatikan bahwa warna sekunder mengikuti warna primer dalam notasi ini.

Analogous Colors

Warna analog berdekatan pada roda warna, tepat di samping satu sama lain.

Mereka membentuk hubungan sederhana dan biasanya sangat mudah di mata, menciptakan suasana damai, nyaman. Bagaimana? Kemungkinan besar karena kombinasi warna ini sering dapat dilihat di alam.

Complementary Colors

Pada color wheel, warna komplementer saling bertentangan. Warna komplementer adalah kombinasi yang sangat populer karena mereka menyenangkan mata "naturally" . Merah dan hijau sangat populer.

Namun perlu diingat untuk tidak menggunakannya secara sama, sebagai gantinya pilih satu warna yang dominan. Umumnya warna yang lebih lemah harus digunakan lebih luas dan yang lebih kuat untuk aksentuasi. Memikirkan kombinasi warna seperti pemberian tipografi serif dan sans-serif. Keseimbangan benar-benar penting di sini. Warna pelengkap juga mampu menciptakan warna yang terkuat untuk setiap hue.

Triadic Colors

Warna triadik ditempatkan berjarak sama pada roda warna. Mereka menyajikan sedikit lebih banyak kombinasi canggih dan menggunakan ini sulit bagi para pemula untuk mendapatkan yang benar menurut saya - jangan biarkan saya menghentikan Anda. Semakin banyak Anda berlatih, dll, dll ...

Mereka sering baik untuk kartun dan adegan-adegan surealis dan dapat menyiratkan suatu permainan tertentu.

Types of Color

Di sini adalah representasi baru roda warna RYB:

Warm Colors

Warna hangat diwakili oleh kanan roda warna. Mereka cenderung lebih menarik perhatian, energik, benar-benar kuat - setidaknya dalam persepsi kita yang biasanya. Jangan lupa ini adalah atribut yang sangat manusiawi yang tidak ada hubungannya dengan fenomena cahaya. Warna-warna ini dapat menarik perhatian kita sangat cepat dan dianggap sangat aktif.

SmartBribe

Anda dapat membuat hangat warna-warna bekerja secara efektif, tetapi di sini adalah contoh yang gagal pada membangun kepercayaan, keselamatan dan kepercayaan, oleh peledakan Anda dengan banyak warna-warna hangat. Selain itu, desain ini melakukan pekerjaan yang buruk mendirikan penekanan pada tindakan utama mereka. Email mereka berlangganan tombol memiliki warna yang sama sebagai latar belakang dan visual menghilang. Bisa saja jauh lebih halus dan efektif jika hanya tombol menggunakan warna hangat menonjol lebih jelas jika latar belakang tidak menggunakan sebuah array warna aktif.

Cool Colors

Sisi kiri di sisi lain, mewakili warna-warna dingin. Ini lebih nyaman dan stabil. Mereka juga cenderung lebih mudah memudar ke background dan tidak " jump out" sebanyak itu. Mereka dianggap lebih fasif di alam.

Sisi kiri color wheel sangat populer di kalangan situs populer hari ini. Hanya Lihatlah Facebooks dan Twitters luar sana dan Anda akan menemukan sejumlah proyek-proyek terkenal yang membuat warna intrinsik untuk palet warna mereka. Mengapa? Karena proyek web selalu harus melawan mereka tidak memiliki lokasi fisik, dimana koneksi pribadi dan percaya dapat dibuat lebih mudah. Situs web yang melayani trilyunan orang perlu tampil stabil, dapat dipercaya, santai, tenang - bahkan menghibur. Ini semua adalah hal-hal yang dapat membantu Anda dengan jenis warna yang lebih dingin.

Etsy

Neutral Colors

Hitam, putih, abu-abu dan coklat dianggap netral. Dalam pengertian itu, mereka mendukung "warna". Jika diterapkan dengan benar, ini warna-warna netral dapat mengikat semuanya bersama-sama-seperti di Monet lukisan di atas. Mereka memberikan jeda dari intensitas warna yang lebih terang, lebih intens yang menarik mata lebih mudah. Dalam pengertian itu, warna-warna netral adalah dasar dari bunga dan variasi — seperti Anda spaghetti dengan saus tomat dan bakso. Spaghettis adalah pengikat netral dalam semua ini.

Neutral surut ke latar belakang ketika Anda membawa warna yang lebih jenuh ke dalam campuran. Dalam setiap kosakata warna yang hebat, mereka memainkan bagian penting karena mereka membantu Anda menciptakan keseimbangan yang terampil dalam pekerjaan Anda. Bayangkan jika semuanya berteriak color-wise. Itu tidak akan sangat efektif dan kami akan lagi berakhir dengan warna "noise". Netral adalah senjata rahasia Anda untuk membuat tajam fokus mana diperlukan. Dalam praktik, ini berarti bahwa Anda membangun komposisi Anda dengan warna-warna netral sebagian besar dan kemudian memutuskan mana fokus dan mana mata seharusnya menjadi tertarik. Itulah mana nada jenuh datang ke dalam bermain.

Cinebody

Bayangkan jika kami memiliki banyak warna jenuh di sini. Ini akan menjadi jauh lebih sulit untuk preorder tombol untuk menonjol. Karena mereka adalah inti dari bisnis ini, mereka harus sangat ditekankan untuk menghindari tersesat. Daerah putih dan abu-abu surut ke latar belakang dan membiarkan accentuations warna beberapa pop keluar.

Matching Colors

Sebelum kita bergerak pada, kata tentang menyatukan berbagai warna. Seperti saya menunjukkan, proses ini benar-benar dapat menjadi serupa dengan memilih tipografi. Mencoba mengkomit ke satu, atau mungkin dua warna utama untuk desain Anda. Anda memiliki banyak variasi untuk bermain dengan dengan menyesuaikan nilai, nada, kecerahan, kejenuhan atau menggunakan warna-warna netral, dll... Jika Anda tidak pergi nuts dengan banyak warna Anda akan mencapai hasil yang jauh lebih koheren — satu yang mengikat seluruh bagian bersama-sama bermakna dan elegan.

Mulailah dengan satu warna, pantulkan warna lain dari itu dan lihat seberapa jauh Anda bisa mengambilnya. Bahkan lebih baik jika Anda mulai dengan skala abu-abu sederhana dan menunggu sebelum Anda membawa warna ke dalam persamaan. Bermainlah dengan cahaya dan kegelapan dalam pendekatan awal Anda. Untuk menyoroti bagian-bagian tertentu menggunakan warna dominan dengan hemat sementara membiarkan warna pendukung melakukan pekerjaan background.

Monochromatic Choices

Saya juga harus segera menyebutkan apa yang perlu Anda ketahui tenrang pilihan warna monokromatik. Ingat 

Ini adalah skala warna monokromatik dari hue merah. Di bawah ini adalah contoh yang bagus untuk menggunakan pendekatan momokrom secara efektif.

Boom

Emphasis

Jika Anda menggunakan warna dominan Anda dengan jarang, Anda dapat membuat penekanan yang efektif. Hindari menggembungkannya terlalu banyak dan buang-buang kesempatan untuk menyoroti elemen desain utama dengannya — simpan untuk "ceri di atas". Gunakan untuk fokus pada elemen yang sangat penting untuk mengkomunikasikan potongan informasi yang paling penting. Ini "primer" warna palet Anda biasanya bekerja baik dengan skala abu-abu karena memudar kembali dengan mudah dan mendukung warna utama secara efektif.

RIF6 hanya menyoroti item-item utama untuk transaksi bisnis yang sukses. Dalam contoh ini sulit untik memperhatikan tombol yang memungkinkan Anda membeli item ini. Tidak ada yang menghalangi membimbing mata cepat ke item antarmuka yang memfasilitasi tindakan utama pengguna. Semua sewaktu menggunakan warna utama perusahaan diidentifikasi dengan sebagai merek. Sederhana dan efektif! Dan tidak ada omong kosong di jalan.

Color Consistency

Setelah Anda membangun peta mental warna untuk pengguna Anda, penting untuk tidak memecahkannya. Jika Anda sengaja memilih untuk jeda, melakukannya terampil dan dengan tujuan. Misalnya, Menjaga tautan dengan warna yang sama ketika mereka melakukan hal yang sama sangat penting, terutama jika Anda memiliki banyak konten di suatu halaman. Juga, menjaga warna header konsisten memberikan pengguna sesuatu untuk menjangkar perjalanan mereka.

Menjaga warna latar belakang serupa dapat sangat efektif juga. Ini bukanlah sesuatu yang tidak banyak bahaya ketika diabaikan, tetapi dapat mengikat hal-hal bersama-sama dengan baik ketika diamati. Bagian terpenting dalam semua ini adalah Anda menetapkan ekspektasi untuk pengguna Anda, dan bahwa Anda ingin memudahkan pengguna untuk mengikuti dan memahami ke mana perjalanan akan berlangsung.

Pattern

Pola adalah produk baru oleh Etsy dan melakukan pekerjaan hebat dalam menggunakan warna secara konsisten. Bahkan gambar meja dengan buku-buku dan barang-barang meluas dengan elegan pada warna merek mereka dan tetap dalam kisaran warna yang kabur dan hangat ini. Gray-ish dinding di latar belakang memberikan latar belakang sempurna untuk membawa perhatian ke situs utama ajakan untuk bertindak. Ini jelas berbicara "ETSY" tanpa berteriak kanan di wajah Anda. Dua jempol!

Etsy juga melakukan pekerjaan yang hebat dengan konsisten dengan warna halaman utama mereka, tetapi mereka juga menjatuhkan bola sedikit di sana-sini. Saya pikir ini adil untuk mengatakan bahwa ada ruang untuk membuat lebih kohesi dengan menggunakan warna lebih konsisten dalam halaman-halaman utama mereka, terutama dalam hal latar belakang. Melihat untuk diri sendiri, Anda Jadilah Hakim:

Color Meanings

Dalam berbagai budaya, warna dapat menyiratkan makna yang berbeda atau asosiasi. Mereka membangkitkan perasaan yang berbeda yang tidak boleh dianggap remeh ketika kita bekerja pada proyek-proyek yang menyertakan budaya zona. Untuk menghindari kesalahpahaman dan komunikasi yang efektif, kita perlu mengambil ini menjadi pertimbangan.

Berikut adalah beberapa makna umum yang warna diakui sebagai memiliki melekat pada mereka. Anda dapat menemukan mereka dangkal, tetapi tetap baik untuk berhati-hati Asosiasi ini dan melakukan mereka ke memori.

Blue

Biru berbicara keyakinan, stabilitas dan bisnis seperti tidak warna lain. Ini juga menyiratkan kepercayaan dan profesionalisme. Kehormatan dan menjadi diandalkan adalah benar di atas sana juga. (Biru) langit adalah batas!

Sorted

Green

Hijau menyiratkan pertumbuhan, harmoni, alam, kekayaan, optimisme, dan uang (tentu saja).

Zpotdrop

Red

Cinta adalah asosiasi utama dengan merah, tetapi erotisme, kekuatan, dan kuasa pasangan dengan itu juga. Apa yang membuat agak sulit untuk bekerja dengan adalah bahwa itu juga bisa berarti bahaya, darah, jahat dan keadaan darurat. Keberanian juga identik. Hati-hati tentang konteks dan makna dengan yang satu ini karena dapat membangkitkan konotasi yang sangat kuat dan berpotensi negatif.

Situs untuk SpeedX Leopard menggunakan merah sangat cerdik. Hal ini meningkatkan warna Sepeda sendiri, tetapi hanya secara hati-hati untuk menyorot panggilan untuk bertindak. Plesteran merah semua tempat akan tidak tampak hampir seperti yang berkelas.

Yellow

Kuning melambangkan harapan, sukacita, matahari, kegembiraan, tetapi juga peringatan. Karena sangat terang, ia bisa " scream" keras pada Anda. Sebagian besar waktu, bukan yang kita ingin gunakan. Dalam contoh di bawah ini, kurang akan lebih saya pikir. Untuk proyek yang memiliki "aman" dan "keluarga" dalam namanya, kuning mungkin bukan pilihan terbaik.

FamilyInSafe

Purple

Baik ol ' warna royalti. Tidak secangkir teh, tetapi warna ini digunakan untuk menyampaikan gagasan mewah, sihir dan semua yang jazz. Menariknya, saya merasa punk juga ikut dengannya. Hubungan dengan royalti dan kemewahan mungkin berasal dari sifat ungu yang mahal di masa lalu. Itu sulit untuk diproduksi (beberapa cerita yang melibatkan berton-ton tiny snails dan semacamnya) dan karena itu hanya mereka yang paling tinggi dalam rantai makanan sosial yang mampu membelinya. Saat ini, ini bukan masalah lagi tentu saja.

Lucunya bahwa Bootstrap , proyek Open Source yang sangat poluler menggunakan warna ungu dalam konteks yang sangat berbeda

White

Ini adalah hal rumit lainnya dalam daftar. Putih dapat menyampaikan kesucian, kebersihan, kelembutan, kecanggihan, keanggunan, keilahian, pernikahan, royalti, dan positif secara umum. Dalam budaya lain itu dapat juga menjadi jelas diidentifikasi dengan kematian dan tragedi. Hitam dan putih dapat memiliki arti yang sangat berbeda tergantung tempat Anda berada. Awas!

Cinebody

Black

Terakhir, tapi tidak sedikit warna hitam yang bagus, seksi dan canggih. Mengapa hitam sangat serius? Ini industri, mekanik, dan juga dapat dikaitkan dengan "The End", kematian dan kejahatan. Di atas itu, juga memberontak.

Impossible

Secara pribadi, saya pikir banyak dari asosiasi ini sedikit dibuat-buat. Tapi terserah kamu! Lakukan riset Anda ketika Anda mengerjakan proyek, terutama jika Anda menjangkau orang-orang di luar zona kenyamanan budaya Anda, tetapi miliki banyak garam yang siap digunakan. Yang paling penting, bersenang-senanglah dan biarkan ide kreatif Anda mengalir! Mendesain dengan penuh lewat bukubitu memang membosankan juga - dan satu cara pasti untuk membunuh mood itu.

Color Relativity

Biarkan saya menyebutkan sesuatu dengan sangat cepat sebelum kita keluar. Warna sangat dipengaruhi oleh apa yang mengelilinginya. Pada titik tertentu, kami berbicara tentang warna-warna yang lebih dingin dan yang lebih hangat, tetapi sedikit lebih relatif dari itu. Warna dapat muncul seperti itu dalam hubungan satu sama lain. Mereka dapat terlihat lebih hangat atau lebih dingin tergantung pada lingkungan tempatvmereka berada. Mata manusia kita agak bodoh dengan cara itu. Lihat bagaimana warna-warna di bawah saling mempengaruhi satu sama lain dan bagaimana batas abu-abu dari kotak dalam tampak berbeda dalam setiap spektrum. Itulah yang disebut relativitas warna.

Dalam beberapa contoh ektrim warna dapat terlihat sangat berbeda dan benar-benar menipu mata manusia. Lihatlah "ilusi bayangan cheker"klasik ininoleh Edward H. Adelson:

Percaya atau tidak, kotak "A" dan "B" sebenarnya warna yang sama. Perlu melihat beberapa bukti?

Gunakan pemilih waena favorit Anda untuk memeriksa, jika Anda suka. Jadikan untuk pemikiran Anda.

Final Thoughts

Warna bisa menjadi pengubah suasana hati yang kuat. Gunakan ini untuk keuntungan atau kemunduran Anda. Ini benar-benar terserah Anda karena itu adalah senjata yang kuat untuk digunakan. Luangkan waktu Anda untuk mempelajari lebih lanjut dan tidak frustrasi oleh skala di depan Anda. Di web, Anda pasti harus menggunakan warna untuk menciptakan suasana tertentu dan juga untuk menyoroti elemen-elemen yang penting. Seperti halnya prinsip desain, lebih sedikit lebih. Jika semuanya disorot melalui warna, tidak ada yang menonjol dan Anda berakhir dengan rasio signal-noise yang tidak menguntungkan.

Jangan sampai tersesat dalam semua teori warna sekaligus! Anda memiliki seumur hidup untuk mencapai mungkin hanya sebagian kecil dari pemahaman yang lengkap. Santai dan menikmati perjalanan! Setelah Anda membuka mata Anda ke topik ini seluruh, Anda akan melihat dunia melalui lensa yang berbeda.

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.