Tuesday, August 16, 2022
spot_imgspot_imgspot_imgspot_img
HomeVisual Design6 Tips Untuk Hirarki Tipografi yang Lebih Baik Dalam Desain Web

6 Tips Untuk Hirarki Tipografi yang Lebih Baik Dalam Desain Web

Pernahkah Anda melihat sebuah desain dan berpikir, “sesuatu ada yang tidak terasa benar”? Jika Anda tidak dapat menempatkan jari Anda pada apa itu, kemungkinan baik itu adalah masalah dengan hirarki visual atau tipografi.

Ketika Anda menajam konten ke halaman dengan massa berlumik garis istirahat, huruf tebal dan miring-Anda yakin untuk hasil yang buruk. Halaman yang baik mencari perlu cinta yang serius, dan selama bertahun-tahun saya telah menemukan enam tips yang sangat berguna untuk hal desain yang orang benar-benar ingin membaca.

1. Ketahui Kontenmu!

Untuk membuat hirarki tipografi yang berhasil, penting bagi Anda untuk memahami kedua elemen yang dibutuhkan pada halaman-dan mereka yang relatif penting.

Secara tradisional, buku dibagi menjadi beberapa bagian, bab, Bagian dan paragraf-masing-masing dengan aturan Typesetting mereka sendiri. Dalam dunia yang berpusat pada web saat ini, kita masih berpegang pada banyak dari prinsip yang membimbing. Bab sekarang tinggal di halaman individu, daftar isi diatur di bar navigasi, dan paragraf dan bagian tetap seperti yang telah mereka selalu.

typographic hierarchy example
Pendekatan Apple Music terhadap hirarki tipografi sangat ideal — minimal dan mudah dibaca.

Jika Anda melihat halaman biasa dari situs web Apple Music di atas, Anda akan melihat mereka membayar perhatian khusus pada hierarki tipografi mereka. Ada perbedaan yang jelas antara judul halaman, paragraf memimpin dan bagian konten individu, termasuk judul bagian tersebut.

Pengalaman membaca seperti sempurna dibuat Halaman tampak mulus dan mudah, tetapi diperlukan perancang untuk berpikir keras tentang isi, elemen individu dan relatif penting.

Jadi, sebelum Anda menyalin/menempelkan sepotong teks klien Anda, luangkan waktu untuk membaca dengan benar. Anda akan segera mendapatkan ide yang lebih baik tentang bagaimana Anda perlu untuk struktur itu.

2. Pisahkan Bagian dari Paragraf

paragraphs vs sections
Sebuah paragraf adalah sepotong kecil tulisan yang dipisahkan oleh garis baru atau indentasi. Sebuah bagian adalah kelompok paragraf berurusan dengan tema tertentu, biasanya dengan judul.

Mari kita lihat contoh di atas. Untuk mata yang tidak terlatih, kedua Halaman ini terlihat mirip, tetapi pengalaman membacanya sangat berbeda. Mengapa? Karena halaman kiri tidak membuat perbedaan antara masing-masing bagian dan paragraf. Spasi baris identik, membuat halaman terasa seperti maraton tanpa henti kepada pembaca. Ini adalah kerusakan dalam hirarki tipografi.

RELATED ARTICLES

Most Popular

Recent Comments