Cara Menggunakan Warna Pastel dalam Desain Web

Penggunaan warna-warna pastel dalam desain web lebih dari trend baru, yang merupakan teknik desainer yang telah digunakan selama bertahun-tahun untuk membuat dampak visual.

Ketika Anda mendengar “pastel” pink pucat, biru, dan kuning mungkin muncul dalam pikiran, tetapi ada jauh lebih banyak untuk jenis palet warna. Pastel tidak harus memiliki bayi yang baru lahir untuk merasakannya. Warna ini bisa sangat jelas ketika dipasangkan dengan unsur-unsur lain dalam cara yang tepat.

Disini kita akan melihat 10 cara untuk menggunakan warna pastel dalam desain web, berdasarkan situs yang telah menggunakannya dengan baik.

Pastel Photography

solasie

Overlay pastel pada foto atau foto yang diambil dalam kondisi pencahayaan yang tepat dapat membuat kanvas halus dan besar untuk sebuah situs web. Dengan nada lebih kalem dalam sebuah foto, desainer memiliki area yang lebih tersedia untuk penempatan elemen lainnya.

Menggunakan pastel photography juga dapat membantu membuat kontras dengan unsur-unsur lain, seperti logo atau tombol. Perhatikan juga bagaimana logo indah Solasie cocok dengan foto pastel bernada. Konsep yang sama ini akan membuat roh bagus juga.

Pastel Background

mum

Sebuah background pastel dapat menjadi cara yang bagus untuk menggunakan banyak warna tanpa penggunaan berlebihan. Karena tone lebih tenang dari pastel, mereka dapat digunakan untuk menutupi kanvas tanpa merasa terlalu kuat.

Sebuah kecenderungan umum ketika bekerja dengan background pastel adalah dengan menggunakan variasi dari corak tunggal untuk skema warna monokromatik seperti Dear Mum. Warna tunggal menciptakan visual yang kuat dan kontras yang indah dengan elemen teks putih. Dipasangkan hanya dengan tipografi yang tepat, teknik ini juga menciptakan suasana modern dengan nuansa hipster.

Bold Pastel

marie

Meskipun Anda tidak sering berfikir tentang “bold” dan “pastel” dalam kalimat yang sama,  jenis ini palet warna dapat membantu Anda membuat desain yang jelas. Karena pastel cenderung untuk jatuh kembali,itu adalah pilihan yang bagus jika Anda ingin melakukan sesuatu di sekitarnya.

Marie Catrib ini melakukan pekerjaan besar ini. Warna pastel cukup jelas tapi masih tampak keluar dari jalur sehingga Anda dapat melihat wanita itu mengintip keluar dari warna lapisan. Kejelasan pastel membantu Anda melihat dan fokus pada gambar, backdrop benar-benar diredam akan menciptakan dampak yang buruk.

Pastel untuk Mood

sweez

Apakah Anda ingin pengunjung betah diwebsite Anda? Pastel yang bagus untuk menciptakan rasa ketenangan, relaksasi atau kemudahan. Jika emosi merupakan kata-kata yang menggambarkan situs atau bisnis Anda, palet warna pastel mungkin menjadi pilihan yang tepat.

Sweez melakukan pekerjaan yang berat untuk menciptakan hubungan emosional dengan warna. Segala sesuatu tentang gambar ini diredam dengan corak pastel. Dan itu membuat Anda merasa seperti sedang duduk di tempat yang tenang, santai dan menikmati cappucino hangat. Lihatlah seberapa efektifk warna sederhana ini?

Pastel untuk Ilustrasi

money-matter-600x438

Warna pastel membuat pilihan yang cocok untuk ilustrasi juga. Gunakan konsep warna ini untuk menciptakan sesuatu yang membuat para pengguna melihatnya.

Sebuah ilustrasi pastel menarik bersama kedua ide dari apa yang digambarkan dengan ketenangan tertentu dari warnanya. Ilustrasi pastel mungkin menggunakan gambar dimana Anda mungkin tidak mengharapkannya.

Kontras dengan Pastel

kinder-foto

Warna pastel tidak harus digunakan dalam ruang hampa. Warna pastel adalah tool yang bagus untuk menciptakan kontras dengan elemen desain lainnya.

Kinder Fotografie melakukan pekerjaan yang sangat baik menggunakan pastel, foto dan teks cerah. Ada banyak detail-detail kecil dibagian desain pastel, tapi apa yang Anda lihat pertama adalah gambar anak-anak dan kata “smiles”. Kemudian para user mulai memperhatikan beberapa detailnya.

Pastel untuk Navigasi

wonderfully-wild

Pastel juga bisa membantu membuat tool navigasi yang bagus. Umumnya, desainer akan membingkai situs dengan border hitam atau putih untuk bar navigasi namun warnanya dapat berfungsi dalam ruang ini juga.

Alasan pastel dapat berfungsi sebagai tool navigasi karena keluar dari jalur bagian lain dari sebuah desain. Diluarnya misalnya foto merupakan sesuatu yang pengguna lihat pertama dan bereaksi padanya. Elemen navigasi berbaur dengan baik dengan area konten utama, tetapi tidak mendapatkan jalan berkat visual primer dengan pilihan warnanya.

Pastel pada Flat Desain

every-last-drop

Banyak dari apa yang kita lihat dengan tren warna pastel hari ini lahir dari desain flat. Banyak pastel cerah desainer mendukung secara berskala dari beberapa warna super terang yang populer pada awal desail flat muncul.

Apa yang baik dalam menggunakan pastel dalam proyek-proyek desain flat adalah bahwa warna-warna masih memiliki rasa yang sama dan tampilan secara keseluruhan, tapi jangan berhenti berteriak pada user untuk mendapatkan perhatian dengan cara yang sama. Sebuah pastel dan kerangka warna flat membuatnya sedikit lebih mudah untuk menggunakan warna dalam mengarahkan para penggunanya ke bagian tertentu dari layar atau sorotan elemen teks penting.

Pastel Typography

schmutz

Desainer tidak kehabisan akal dalam menggunakan pastel untuk gambar atau background saja. Style warna ini juga dapat diterapkan untuk typography. (Meskipun agak rumit).

Pastel yang digunakan dengan baik dan luas, bold typography dengan background yang lebih mencolok untuk membuat banyak kontras. Dengan menggunakan jenis huruf dengan stroke tebal pada ukuran yang lebih besar, Anda pastikan bahwa warna itu lebih diredam warna yang akan muncul pada layar. Konsep ini harus disediakan untuk pengelompokan kecil dari huruf atau kata-kata dan tidak boleh digunakan untuk body copy.

Pastel untuk Elemen User Interface

tran

Menggunakan pastel sebagai bagian dari skema untuk elemen user interface adalah sebuah konsep menyenangkan. Trik lain lahir dari konsep desain flat, tombol dan elemen lainnya dapat menggunakan warna-warna pastel.

Disitus Duy Tran, setiap kotak pastel sebenarnya sebuah tombol berukuran besar. Warna-warna pastel memberitahu para pengguna bahwa kotak tersebut membuat mudah setiap klik (atau tekan). Corak juga menonjol karena sangat kontras dengan area gambar yang lebih minim. (Setiap gambar dalam slider berdiri terpisah dari tombol pastel).

Kunci untuk menggunakan warna pastel dalam palet warna adalah untuk menciptakan sesuatu yang terlihat fresh dengan memasangkan pastel dengan saturasi yang lebih dalam mungkin Anda mengira gambar yang terang atau elemen kontras putih, Anda dapat membantu menciptakan peredaman warna palet dengan dampaknya.

Warna pastel secara alami memiliki ide yang santai dan menenangkan sekitarnya. Menggunakannya untuk keuntungan Anda saat mendesain website dengan jenis skema warna. Ingatlah bahwa bagaimana warna akan berinteraksi dengan bagian lain dari desain keseluruhan.

Comments

comments