Prinsip Sederhana dalam Desain: CRAP

Template Landing Page untuk Blogspot

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:  Mengenal Google Material Design

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?

Tags

sebutkan elemen desain,sebutkan elemen elemen desain,pengertian crap,sebutkan elemen-elemen desain,prinsip heading,sebutkan prinsip proximity,Jelaskan prinsip prinsip desain,Prinsip repetition desain contras,repetition dalam prinsip design,prondip desain contraa,pengertian dari aligment pada prinsip desain,maksud repatition,contoh prinsip proximity,contoh photo proximity dalam desain,arti crap adalah sial,apa yang dimaksud repetition menurut desain grafis,apa yang dimaksud repetition dalam design,apa itu proximity dalam desain

Komentar

comments

desainersingit

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

grain storage kocaeli escort
%d bloggers like this: