Tren Desain: Skala Tipografi Besar

Design Trend: Large Typography Scales


Kata-kata di web terus bertambah besar dan besar. Dan itu mungkin hal yang baik.

Salah satu tren terbesar dalam desain situs web saat ini adalah skala tipografi besar. Kami tidak hanya berbicara teks yang lebih besar dalam gambar pahlawan lagi. Kami melihat opsi jenis yang lebih besar untuk setiap bagian dari desain situs web.

Hasil? Mungkin pengalaman web yang lebih mudah dibaca, dan yang bekerja dengan cara yang lebih baik, lebih sering, untuk lebih banyak orang.

Berikut ini trennya, dengan beberapa contoh untuk membantu Anda melihat tipe besar beraksi!

Apa itu Skala Tipografi?

Sebelum kita menyelam terlalu dalam, penting untuk menjawab pertanyaan ini: Apa itu skala tipografi?

Skala tipografi yang baik adalah logis, seringkali modular, dan membantu menciptakan konsistensi dan kontras dalam desain.

Skala tipografi adalah seperangkat aturan atau pedoman yang menentukan bagaimana elemen tipe dalam desain akan berinteraksi berdasarkan beberapa kesamaan, seperti peningkatan rasio atau persentase. Kebanyakan desainer akan mulai dengan ukuran teks tubuh dan proporsionalitas meningkatkan ukuran (skala) untuk setiap elemen tambahan dalam desain atau CSS.

Sebagian besar skala telah menetapkan ukuran untuk semuanya, mulai dari H1 hingga H6, teks isi, dan elemen teks lainnya yang diatur dalam desain. Skala tipografi yang baik adalah logis, seringkali modular, dan membantu menciptakan konsistensi dan kontras dalam desain.

Pelajari lebih lanjut tentang tipografi dan ukuran responsif di panduan kami.

Jika Anda ingin bereksperimen dengan skala jenis atau membuatnya untuk proyek Anda, alat ini adalah salah satu yang terbaik. Mulailah dengan ukuran dasar, pilih variabel skala, dan font, dan lihat bagaimana tampilannya di layar sebelum Anda masuk jauh ke dalam desain. (Ditambah semua nilai yang dapat diskalakan ada di sana untuk Anda!)

Mengidentifikasi Tren Desain Skala Tipografi Besar

Tren desain ini bisa jatuh ke dalam kategori visual dari beberapa orang lain sampai Anda melihat lebih dekat. Tidak seperti tren lain dengan elemen teks tunggal besar atau besar, desain ini menampilkan skala penuh tipografi yang lebih besar.

Seringkali ukuran tipe tubuh dasar adalah 18 poin atau lebih, tebal, atau memiliki bobot yang lebih tebal.

Ukuran layar bisa mencapai tingkat yang sangat besar, tetapi semuanya terasa seperti berjalan bersama. Tidak ada nuansa yang tidak seimbang antara teks isi dan elemen header dan subheader.

Karakteristik Utama

Karakteristik utama dari tren desain skala tipografi yang lebih besar adalah nuansa tangga yang hampir visual ke elemen teks. Elemen yang berbeda terlihat jelas dan mudah dikenali berdasarkan ukuran, dan tidak ada desain yang akan dianggap kecil jika berdiri sendiri.

Seringkali desain ini menampilkan tipografi yang lebih berat dari yang Anda duga, termasuk serif atau tipografi yang mungkin lebih sulit dibaca pada ukuran yang lebih kecil, dan kata yang lebih sedikit daripada desain lainnya.

Elemen kontras teks tinggi, membuat proyek ini mudah dipindai, dan ukuran teks harus mendorong pengguliran dan penelusuran seluler.

Cara Membuatnya Bekerja untuk Anda

Jadi bagaimana Anda membuat skala tipografi yang lebih besar bekerja untuk Anda? Beberapa desainer akan merasa sedikit tidak nyaman dengan ukuran yang lebih besar pada awalnya karena mereka mungkin tidak terbiasa secara visual. Tetapi bekerja dengan teks skala besar dapat bekerja dengan baik untuk proyek-proyek tertentu.

Pertimbangkan skala tipografi yang lebih besar jika desain Anda:

  • Memiliki persyaratan aksesibilitas yang kuat
  • Akan memiliki basis pengguna seluler yang dominan
  • Menggunakan tipografi yang lebih sulit dalam hal keterbacaan
  • Memiliki blok teks yang ringkas
  • Perlu mendorong pengguliran
  • Untuk teks apa pun yang membutuhkan elemen kontras yang kuat
  • Harus menonjol

Inilah hal yang menyenangkan tentang tren ini: Ini benar-benar dapat bekerja dengan hampir semua hal. Gunakan dengan citra yang kuat (video atau foto) atau gunakan minimal dengan beberapa elemen lainnya.

Cara Anda membuat timbangan benar-benar didasarkan pada tingkat kenyamanan Anda dengan ukuran dan konten.

Timbangan dapat dimulai di hampir semua level berdasarkan kebutuhan konten Anda. Cara Anda membuat timbangan benar-benar didasarkan pada tingkat kenyamanan Anda dengan ukuran dan konten.

Untuk proyek pertama yang Anda anggap skalanya lebih besar, mulailah dengan font tubuh yang hanya satu atau dua poin lebih besar dari yang biasanya Anda gunakan dan mulai dari sana.

Penting juga untuk memikirkan konten dan kata-kata aktual saat Anda membuat skala. Skala jenis yang lebih besar untuk judul yang berisi kata panjang mungkin lebih terbatas daripada jika judul Anda lebih pendek. Anda hanya bisa menjadi sangat besar dengan jumlah karakter tertentu dan menjaga konsistensi perangkat. Jika tidak, Anda mungkin harus membuat jenis keputusan desain lain tentang jeda kata atau tanda hubung.

Either way, untuk memaksimalkan dampak visual dari tren desain ini dan membuatnya bekerja sebaik mungkin, gunakan beberapa konten Anda yang sebenarnya saat membuat skala tipografi di awal proses desain. Ini dapat membantu Anda mengetahui ukuran apa yang tepat untuk konten dan proyek.

3 Contoh Yang Kami Suka

Ini adalah salah satu tren desain yang benar-benar menarik perhatian kami – dan untuk alasan yang bagus. Sulit untuk tidak melihat desain dengan tipografi yang lebih besar, lebih berani, dan lebih mudah dibaca.

Emaus

Emmaus menunjukkan bahwa skala tipografi tidak harus besar untuk menjadi lebih besar dan efektif. Contoh ini menyoroti bagaimana skala jenis yang kuat dan lebih besar dapat memfasilitasi keterbacaan pada perangkat seluler.

Minuman Desem

Decem Drinks menyegarkan dengan desain minimal yang tampaknya melanggar sejumlah aturan tipografi. Tetapi Anda ingin terus menggulir dan membaca. Skala tipe yang lebih besar sangat bagus untuk font yang mungkin sedikit lebih menantang untuk dibaca, seperti body serif yang digunakan di sini.

aardman

Pilihan tipografi untuk Aardman besar dari elemen navigasi hingga footer. Skala dalam contoh ini menarik karena bobot yang kontras antara font tampilan dan font body. Mereka sangat berbeda tetapi bekerja dengan baik dengan skala yang lebih besar secara keseluruhan.

Kesimpulan

Tren desain skala tipe besar lebih dari sekadar visual; itu fungsional juga. Skala tipe yang kuat menciptakan konsistensi dan kontras dalam desain untuk memudahkan orang membaca dan memindai.

Timbangan yang lebih besar dapat membantu aksesibilitas, membaca seluler, dan menyenangkan secara visual.



sumber

Leave a Reply