it-swarm.asia

Menjembatani kesenjangan antara palet warna dan CSS

Saya akrab dengan situs-situs seperti kuler , saya berpengalaman dalam HTML/CSS/JavaScript (sebagai seorang programmer), dan saya tahu jenis konten apa yang saya inginkan di situs web saya. Saya bisa mengetahui cara menata konten saya dengan baik. Tetapi bagian tersulit bagi saya adalah mencari tahu apa warna setiap benda (mis. Tautan, teks, latar belakang, elemen lain) seharusnya. Saya buruk dalam hal warna!

Misalnya, ketika Anda meletakkan kuler dalam mode Triad dan memilih warna, itu menunjukkan warna dan dua pasang warna komplementer, sehingga warna masing-masing tebal tetapi tetap bekerja sama. Tetapi saya pergi untuk mencoba dan meletakkannya dalam satu halaman, satu warna untuk latar belakang, satu warna untuk tautan dan satu warna untuk teks, tidak berfungsi sama sekali. Jelas saya melakukan semuanya salah!

Apa cara terbaik untuk mengetahui warna apa yang membuat situs web? Saya benar-benar buruk dalam hal warna, dan saya pikir kuler akan membantu tetapi itu tidak mudah! Tolong bantu saya "menjembatani kesenjangan" antara kuler dan CSS sehingga saya dapat dengan cepat dan mudah memilih palet warna dan menerapkannya ke situs web saya.

9
Ricket

Sepertinya Anda mencoba memberi warna pada warna (mis. Teks merah pada latar belakang hijau). Ini sangat sulit di mata!

Berjuang untuk campuran warna dan abu-ab (putih dan hitam adalah 'abu-abu' di sini) - mis., Jika Anda harus memiliki teks berwarna, letakkan di latar putih atau hitam. Jika Anda ingin latar belakang berwarna, buat hanya berwarna terang lalu gunakan teks putih atau hitam di atasnya.

Dengan warna, lebih sedikit lebih. Jika Anda menjadi norak, Anda berakhir dengan MySpace dan sakit kepala yang melumpuhkan. Gunakan warna untuk aksen, bukan sebagai konten. Mulai dengan desain hitam dan putih, dan coba tambahkan satu elemen warna. Lihat bagaimana tampilannya. Lalu tambahkan yang lain. Terlalu banyak? Bawa kembali lagi. Coba elemen lain.

Lihat bagaimana situs web yang Anda sukai menggunakan warna. Misalnya, halaman ini sebagian besar hitam dan putih, dengan beberapa warna biru (tautan, tag, bilah header), dan beberapa warna kuning (berlawanan dengan warna biru, digunakan sangat hemat sebagai warna aksen). Itu pendekatan yang umum hari ini.

5
Alex Feinman

Cari tahu emosi mana yang Anda inginkan untuk dialami pengguna. Membuat situs untuk tempat menyajikan kopi? Coba atur mood dengan warna. Anda perlu tahu warna mana yang menghubungkan emosi mana.

Jadi, emosi apa yang Anda coba berikan kepada pengunjung?

Saya menemukan situs ini sebagai pengantar teori warna yang sangat membantu: TigerColor - Color Theory Introduction

Ingatlah bahwa ada lebih banyak untuk memilih warna daripada sekadar rona. Anda juga harus mempertimbangkan mempertimbangkan kelangsingan dan kejenuhan.

3
Daniel X Moore

Anggap saja warna triad tidak seharusnya "bekerja sama dengan baik" - lebih sering mereka adalah tiga warna yang sama-sama menarik perhatian pemirsa. Palet warna berdasarkan triad bekerja dengan baik jika warna dari palet hanyalah bintik-bintik pada bidang netral atau jika satu warna mendominasi dan dua lainnya digunakan sebagai aksen.

1
Mariusz Ciesla

Ketika Anda belajar pemrograman, Anda (mungkin) tidak melompat dan menulis arsitektur tiga tingkat dari awal sebagai program pertama Anda. Anda mungkin menulis program kecil yang hanya membantu mengajarkan Anda tentang satu aspek kecil pemrograman.

Hal yang sama berlaku dengan desain. Melompat masuk dan membuat desain yang menakjubkan dan kompleks tidak akan berhasil.

Sebagai non desainer untuk memulai, Anda harus membuatnya sesederhana mungkin. Dibutuhkan keterampilan nyata untuk merancang situs yang terlihat bagus yang tidak memiliki latar belakang putih (atau sedikit putih). Memiliki latar belakang putih polos dengan teks hitam dan kemudian gunakan tiga warna untuk detail kecil - tautan, judul dan teks tebal dan mungkin tajuk.

Ketika Anda memiliki desain sederhana yang terlihat segar, maka fokuslah pada konten. Ketika itu semua baik maka Anda akan memiliki dasar yang baik untuk bereksperimen dengan desain. Kemudian bawa lebih banyak bakat desainer, perlahan dan sedikit demi sedikit sehingga Anda dapat mempelajari efek perubahan halus. Anggap saja sebagai pendidikan.

1
Mongus Pong

Ambil beberapa krayon, pensil warna, dll ... dan bereksperimen. Langsung dari triad di Kuler (atau salah satu generator warna populer) ke CSS mungkin menjadi hit/miss tergantung pada warna.

Tetap dengan beberapa, 2 - 3 warna pada awalnya. Teori warna mirip dengan tipografi karena ada banyak opsi yang tersedia, tetapi desain terbaik biasanya menggunakan sangat sedikit warna yang dipilih dengan baik.

Juga, pertimbangkan warna netral (atau nada netral) untuk bentangan besar, seperti latar belakang, dan warna yang lebih mencolok untuk hal-hal seperti tautan, logo, dll.

Juga, periksa ColourLovers untuk beberapa ide hebat (atau, lebih baik, bergabung dengan komunitas!).

1

Saya selalu bekerja dengan memberi contoh. Posting Panduan Pemula untuk Menggunakan Kekuatan Warna dalam Desain Web menggabungkan Teori Warna yang @Daniel X Lebih banyak berbicara tentang dengan situs web yang menerapkan teori warna yang dimaksud.

Kemudian Anda dapat mencocokkan salah satu situs dengan konten yang Anda miliki dan merekayasa balik harmoni warna dari sana sebagai titik awal.

1
icc97