Kembali ke blog
Aip Achtarudin
Aip Achtarudin

Panduan 4 Prinsip Desain — Biar UI Gak Bikin Pusing 🎨

Panduan 4 Prinsip Desain — Biar UI Gak Bikin Pusing 🎨

4 Prinsip Dasar Desain UI — Biar Gak Asal Tempel 🎯

Kalau kamu lagi belajar desain (atau ngoding front-end tapi belum ada UI/UX), ngerti prinsip dasar desain itu penting banget. Gak perlu jago dulu, cukup tau aturan main dasarnya.

Berikut 4 prinsip desain yang harus kamu kenal:


1. 🔍 Proximity — Dekatkan yang Berkaitan

Elemen yang berkaitan harus didekatkan, bukan disebar.

Contoh:

  • Judul, harga, dan tombol beli produk harus satu kelompok.
  • Icon + teks keterangannya harus nempel.

🧠 Tujuannya biar user gak bingung dan tahu mana informasi yang saling berhubungan.


2. 📏 Alignment — Rapi Itu Kunci

Semua elemen harus sejajar. Boleh kiri, tengah, atau kanan — yang penting konsisten.

Contoh:

  • Semua teks rata kiri, jangan ada yang ngambang tengah sendiri.
  • Tombol, gambar, dan teks sejajar di garis grid.

🎯 Alignment bikin desain kamu terstruktur dan enak dilihat.


3. 🔁 Repetition — Ulangi Buat Konsistensi

Gunakan gaya yang berulang supaya desain terasa menyatu.

Contoh:

  • Semua tombol warna hijau dan bentuknya bulat.
  • Semua heading pakai font dan ukuran yang sama.

💡 Ini yang bikin desain kamu punya “branding” yang kuat.


4. 🎨 Contrast — Biar Gak Ngebosenin

Beda itu perlu. Kontras bantu menonjolkan informasi penting.

Contoh:

  • Judul besar dan tebal, teks biasa kecil.
  • Tombol beda warna dari latar belakang.
  • Gunakan warna terang di latar gelap (dan sebaliknya).

🚨 Tanpa kontras, “desain kamu akan datar dan susah dibaca“.


Penutup ✨

Kamu gak harus jadi desainer buat ngerti prinsip ini. Tapi dengan ngerti Proximity, Alignment, Repetition, dan Contrast, UI kamu bakal langsung naik level — rapi, enak dilihat, dan pastinya lebih mudah dipakai.