Dalam dunia desain, mata manusia tidak membaca secara linier. Kita mencari **titik jangkar** atau *Visual Anchor*. Jangkar ini adalah elemen yang pertama kali menarik perhatian dan menentukan arah alur informasi selanjutnya.
Tanpa jangkar yang jelas, pengguna akan merasa tersesat. Itulah sebabnya penggunaan kontras, ukuran, dan posisi sangat krusial dalam menyusun sebuah halaman materi seperti ini.
Prinsip Kedekatan (Proximity)
Elemen yang diletakkan berdekatan akan dianggap sebagai satu kelompok fungsional. Gunakan **spasi (White Space)** untuk memisahkan ide yang berbeda agar mata user bisa beristirahat.
Pola Membaca: F vs Z
Ada dua pola utama yang biasanya diikuti oleh pengguna saat mereka pertama kali mendarat di sebuah halaman:
Pola-F
Digunakan untuk halaman berbasis teks padat (seperti artikel blog ini).
Pola-Z
Cocok untuk halaman landing yang minim teks namun banyak visual.
.visual-anchor {
position: relative;
font-weight: 900;
color: #00BCD4;
text-transform: uppercase;
letter-spacing: -0.05em;
}Sudahkah Anda Paham?
Kiat Desainer
Gunakan kontras warna Cyan hanya untuk elemen yang memang butuh interaksi user.