Sst! Jangan Bagikan Rahasia Orang Dalam Ini Tentang Prinsip Desain CRAP

Menggunakan prinsip-prinsip desain CRAP adalah cara yang luar biasa untuk membuat desain visual yang efektif.

“APA?!” Anda semua mengatakan, bukan? Nah, ini tentu menjadi kejutan bagi Anda jika Anda belum pernah mendengar tentang CRAP sebelumnya. Robin Patricia Williams, seorang penulis Amerika yang hebat yang menulis banyak buku yang berhubungan dengan komputer, telah menjelaskan serangkaian prinsip desain grafis dalam bukunya, The Non-Designer's InDesign Book. Dia menyebutnya CRAP.

(Anda juga dapat membaca wawancara singkat dengannya di sini ).

Jadi, apa itu CRAP? Bukan yang kita kenal, tentu saja!

Nah, untuk membuat desain yang efektif dan eye-catching, kita harus konsisten. Konsistensi datang dengan menerapkan dasar-dasar dan dasar-dasar yang selalu dibutuhkan. Dasar-dasar ini adalah hal yang paling mendasar yang harus selalu dipertimbangkan oleh setiap desainer.

Sebagai seorang desainer grafis, tugas Anda adalah menghasilkan sesuatu yang memukau pemirsa dengan cara yang tidak dapat mereka tinggalkan dari situs web. Pemirsa harus terpaku pada kursi mereka dengan desain grafis Anda yang mencekam, dan untuk itu, datanglah CRAP.

CRAP adalah singkatan dari Contrast, Repetition, Alignment, dan Proximity.

1. Kontras

Kontras digambarkan sebagai, "penjajaran elemen yang berbeda (seperti warna, nada, atau emosi) dalam sebuah karya seni." Kontras adalah hal yang membuat elemen menonjol. Sebelum masuk ke dalamnya, ada satu tip yang harus Anda pertimbangkan. Jika Anda terlalu sering menggunakan fitur kontras, Anda hanya mengurangi kontras, bukan meningkatkannya. Mengapa? Karena kontras berarti apa artinya ketika Anda ingin beberapa elemen menonjol. Jika semuanya menonjol, tidak ada yang menonjol! Sebagai elemen penting dalam prinsip desain sampah, Anda harus tahu cara menggunakannya dengan baik. Jadi, mari kita lakukan!

Warna

Anda dapat menggunakan perbedaan warna untuk menciptakan kontras. World Wide Web Consortium (W3C) telah membuat pedoman tentang kontras minimum yang diperlukan antara teks dan latar belakangnya. Meskipun memiliki kontras yang tinggi adalah suatu keharusan dalam hal teks dan latar belakang, ini tidak benar ketika kita berbicara tentang elemen yang berbeda. Memiliki kontras yang tinggi antara elemen yang berbeda dapat membuat mata pengguna tegang. Anda dapat melihat versi skala abu-abu dari desain Anda untuk melihat apakah kontras optimal telah digunakan atau tidak.

Sebagai aturan praktis, menggunakan nuansa warna pelengkap yang tidak menciptakan kontras tinggi yang melelahkan mata bisa menjadi praktik yang baik.

Ukuran

Perbedaan ukuran elemen, terutama dalam hal teks, dapat menjadi sumber kontras. Menjaga ukuran elemen secara signifikan lebih besar daripada yang lain di sekitarnya akan membuatnya menarik perhatian. Tombol ajakan bertindak (CTA) juga dapat memanfaatkan ukuran yang lebih besar ini. Pemirsa Anda akan lebih memperhatikan mereka dan mereka membantu Anda dengan CRO Anda. Juga, jika Anda membutuhkan lebih banyak bantuan dengan strategi CRO Anda, lihat panduan ini.

Membentuk

Memiliki bentuk yang berbeda dapat menghasilkan kontras yang Anda cari. Anda dapat melihat kontras dalam bentuk yang digunakan dalam infografis secara efektif. Penggunaan bentuk yang berbeda di samping satu sama lain dapat membantu menarik pikiran pembaca. Menambahkan sudut bulat ke bentuk segi empat atau menggunakan elemen persegi bersama-sama dengan elemen bulat, lingkaran juga bisa menjadi contoh kontras dalam bentuk.

font

Kita dapat mengkategorikan font ke dalam kelompok yang berbeda. Serif, Sans-serif, script, monospace, dan display adalah klasifikasi dasar TypeScript. Menggunakan grup font yang berbeda dapat membuat kontras untuk teks yang ingin kita tandai. Selain itu, menggunakan bobot font yang berbeda (tebal atau biasa), gaya font (miring, buram, atau normal), dan dekorasi font (garis bawah, coret, dll.) dapat membawa game Anda ke level berikutnya.

2. Pengulangan

Sebagai manusia, pikiran kita diprogram menjadi pola menyukai; Kami mencari mereka di mana-mana. Apa yang menciptakan pola? Pengulangan! Juga, kita menciptakan rasa identitas ketika kita menghadapi pengulangan hal-hal. Pikirkan sebuah karya musik yang tema utamanya tidak terulang. Anda akan merasa kehilangan.

Hal yang sama persis terjadi dalam desain. Kita perlu mengulang warna, bentuk, tekstur, ukuran, dan atribut lain dalam desain kita untuk membuatnya konsisten dan memberikan semacam identitas. Juga, perusahaan menggunakan pengulangan dalam desain untuk membangun kesadaran merek. Mereka mengulangi serangkaian warna dan font yang telah ditentukan sebelumnya untuk menghadirkan konsistensi ke dalam platform dan saluran yang berbeda.

Pengulangan dalam desain adalah prinsip penting lainnya dalam empat prinsip desain CRAP. Pengguna perlu merasa aman, bukan tersesat. Ini membantu mengoptimalkan UX situs web Anda.

3. Penyelarasan

Penjajaran, sebagai faktor penting lainnya dalam prinsip desain CRAP, menentukan posisi elemen dalam desain. Inilah yang memberi kohesi dan rasa keteraturan pada sebuah desain. Dalam hal elemen, Anda dapat menyelaraskannya berdasarkan tepi atau pusatnya. Namun, teks dapat disejajarkan ke kiri, kanan, tengah, atau dapat dengan mudah diratakan. Bergantung pada bahasa teks yang digunakan, perataan kiri dan kanan, menjadi LTR atau RTL, adalah yang paling populer. Kita dapat menggunakan perataan tengah untuk rentang teks pendek (tetapi sulit dibaca pada teks yang lebih panjang). Pembenaran adalah pilihan yang baik ketika panjang garis panjang, ukuran font kecil, dan kata-kata lebih pendek (menggunakannya pada garis sempit yang terdiri dari kata-kata panjang mengurangi keterbacaan).

Setiap desain harus memiliki beberapa garis vertikal yang bertindak sebagai panduan penjajaran horizontal. Teks mengambang di mana-mana di halaman hanya membingungkan pemirsa Anda. Pemirsa Anda seharusnya dapat menyadari hubungan setiap bagian halaman satu sama lain.

4. Kedekatan

Last but not least, kedekatan adalah prinsip lain yang memainkan peran penting dalam desain CRAP. Kedekatan dalam desain menyatakan bahwa kita harus meletakkan elemen-elemen yang berhubungan satu sama lain dan berhubungan erat satu sama lain. Masuk akal, bukan? Anda tidak ingin mencari link yang berhubungan dengan artikel yang Anda baca di navbar, bukan? Selain itu, elemen spasi yang merata di seluruh halaman membuat desain lebih sulit untuk diikuti. Kelompokkan elemen terkait sebanyak mungkin untuk memudahkan pemirsa menemukan informasi yang diinginkan.

Aturan 3 Detik

"Hanya butuh 3 detik untuk jatuh cinta."

Jadi, tes terakhir yang dapat Anda lakukan untuk melihat apakah desain CRAP Anda sempurna adalah dengan memeriksa apakah itu efektif dalam 3 detik. Anda dapat melakukannya sendiri dengan menjernihkan pikiran dan mengalihkan pandangan, lalu kembali lagi. Anda juga dapat meminta pendapat teman atau kerabat setelah 3 detik. Kami memutuskan apakah sesuatu menarik kami dan apakah kami ingin melanjutkannya atau tidak hanya dalam 3 detik.

Hubungan

Kita tidak boleh menggunakan prinsip-prinsip ini secara terpisah. Pengulangan dan penyelarasan bekerja bersama untuk memberikan status "normal", yang memungkinkan Anda mengubah bentuk atau lokasi sepotong teks untuk menghasilkan kontras. Selanjutnya, pengulangan dan kedekatan bekerja sama untuk menghasilkan format yang efektif seperti daftar berpoin – pengulangan poin memberikan penekanan pada kedekatan titik.

Kesimpulan

Oscar Wilde, dalam kata pengantar bukunya yang paling terkenal, "The Picture of Dorian Gray," mengatakan, "Seniman adalah pencipta hal-hal indah. Untuk mengungkapkan seni dan menyembunyikan artis adalah tujuan seni.”

Akhirnya, tujuannya adalah agar upaya yang Anda lakukan untuk membuat dokumen menghilang, menjadi tidak terlihat, memungkinkan pembaca atau pemirsa Anda mengakses tanpa batas ke ide-ide yang Anda coba komunikasikan — baik secara langsung dalam teks Anda maupun secara halus, melalui komponen desain pilihan Anda. Dalam hal ini, ini adalah pekerjaan tanpa pamrih karena hanya sedikit orang yang akan mengomentari (atau bahkan memperhatikan) kualitas desain — tetapi mereka akan memperhatikan dan menindaklanjuti pesan tersebut. Bukankah itu semua tentang?