Prinsip Sederhana dalam Desain: CRAP

Ohh crapp!” Pernah dengar aktor di film bule menyebut kata-kata ini? Biasanya diartikan di subtitle sebagai “Ahh sial!” Yep, “crap” memang terkesan sebagai kata yang berkonotasi negatif, tapi di dunia desain web kata CRAP bisa menjadi sesuatu yang sangat penting. Bagaimana bisa?

CRAP yang saya maksud di sini adalah Contrast, Repetition, Alignment, Proximity. Keempat prinsip desain ini dimuat dalam buku The Non-Designer’s Design Book oleh Robin Williams pada tahun 1994. Berikut ini saya jelaskan secara singkat definisi CRAP.

  • Contrast . Jika ada dua elemen yang berbeda tapi berdekatan atau saling bertumpuk, maka buatlah dua elemen tersebut berbeda satu sama lain. Contoh sederhananya bisa kita lihat tipe button mbah Google yang berlatar warna merah dan tulisan kontras berwarna putih.Contrast
  • Repetition. Pengulangan, atau lebih halusnya lagi konsistensi, menjadi hal yang penting saat Anda menjadi seorang desainer web (percayalah, desain saya dulu sering dikritik oleh partner/klien kalau tidak konsisten). Coba perhatikan konsistensi penggunaan heading (panah merah) level 3 (H3) yang berwarna abu-abu dengan ukuran font yang sama. Perhatikan juga warna link (panah hijau) yang tetap biru walaupun berbeda level (heading dan paragraf).Repetition
  •  Alignment. Prinsip yang ketiga ini diperlukan salah satunya agar desain kita mudah dibaca. Perhatikan gambar dibawah ini, penjelasan buku diatur menjadi 2 kolom, kolom pertama (garis bawah merah) berisi gambar dan kolom kedua (garis bawah hijau) berisi penjelasan singkat dari buku tersebut. Pada bagian penjelasan, masing-masing komponen dipisahkan dengan [enter] seperti: share button, penulis, rating, deskripsi, dsb.Alignment
  • Proximity. Kata ini bisa diartikan sebagai kedekatan atau hubungan. Dalam desain web, kita mengelompokkan elemen yang dekat/sama dan juga elemen yang saling berhubungan, agar memudahkan user menjelajahi desain kita. Perhatikan pengelompokan link dan navigasi pada gambar di bawah ini:
    Proximity
Baca Juga:  Minify Your CSS & JS Code

Karena keterkaitan yang sangat erat, biasanya keempat prinsip ini digunakan secara bersamaan. Proximity yang sudah benar akan terasa kurang jika Contrast belum maksimal. Begitu pula dengan Repetition yang biasanya bergandengan tangan dengan Alignment yang baik.

Jadi, apakah desain Anda sudah memiliki dan mengimplementasikan dengan maksimal keempat prinsip ini?

Komentar

comments

desainersingit

Sedang hobi bersingit-singit ria di @desainersigit. Sudi mampir, kawan.

grain storage instagram türk takipçi satın al