Tipografi yang baik membawa hierarki dan fokus ke tempat yang tepat. Panduan singkat ini akan mengajarkan Anda cara menghindari tipografi yang tidak efektif dan bagaimana cara memberikan penekanan yang tepat pada kata-kata tertulis dalam desain Anda.

1. Pertimbangkan Aksesibilitas

Tipografi yang baik berarti merancang tidak hanya untuk situasi yang ideal, tetapi juga untuk skenario yang tidak ideal, misalnya ketika seseorang mengalami gangguan penglihatan atau membaca dalam kondisi kurang cahaya. Bertujuan untuk memiliki   rasio kontras yang tinggi antara latar belakang dan warna teks. Ada banyak alat online yang tersedia untuk memastikan teks Anda dapat dibaca. 

WCAG 2.0  level AA membutuhkan rasio kontras 4,5: 1 untuk teks normal dan 3: 1 untuk teks besar. Level AAA membutuhkan rasio kontras 7: 1 untuk teks normal dan 4,5: 1 untuk teks besar.

Teks dengan kontras terlalu banyak juga sulit dibaca. Misalnya, teks berwarna terang dengan latar belakang gelap. 

2. Mengurangi Gangguan

Aturan praktis yang baik adalah mengurangi gangguan membaca teks. Apakah itu penggunaan font terlalu banyak, terlalu banyak gaya dan varian, terlalu sedikit atau terlalu banyak jarak antar baris. Kurangi gangguan seperti itu dengan menetapkan batas jumlah gaya font atau bobot yang Anda miliki dalam satu tata letak. 

Misalnya, menggunakan dua atau tiga font dapat bekerja pada pengalaman web tetapi lebih dari itu dan Anda berisiko membuat halaman terlihat berantakan dan berantakan. 

3.  Optimalkan Panjang Jalur 

Panjang garis rata-rata (atau “ukuran”) untuk pembacaan optimal adalah 8-12 kata per baris atau sekitar 50-60 karakter per baris . Ini akan membantu memastikan bahwa mata pembaca tidak melompat terlalu sering dari awal hingga akhir kalimat, dan juga tip yang baik untuk memastikan bahwa pembaca akan tetap terlibat. 

Perhatikan baik-baik hal ini di mana Anda merancang tata letak yang fleksibel, karena ukurannya cenderung berubah dengan ukuran area pandang. Tipografi adalah titik referensi yang bagus ketika memutuskan breakpoints untuk desain Anda.

Kesimpulan

Dengan pedoman ini sebagai titik awal, Anda dapat menghindari tipografi yang buruk dan bisa mengomunikasikan pesan desain Anda dengan jelas tanpa gangguan. 

No Comments
Comments to: 3 Tips untuk Membantu Anda Menghindari Tipografi Web yang Buruk

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Attach images - Only PNG, JPG, JPEG and GIF are supported.

Good Reads

Apa makna Mei bagi Anda? Tentu saja beragam! Namun, bagi Starbucks, Mei adalah bulan berbagi. Sebab, di bulan ini, Starbucks merayakan Global Month of Service (GMOS), sebuah inisiatif Starbucks yang memberikan manfaat terhadap lingkungan dan masyarakat sekitar. Di Indonesia, perayaan tersebut mengejewantah dalam sebuah aktivitas mengajar yang dilakukan para pegawai Starbucks kepada anak Sekolah Menengah Kejuruan […]
Apakah Lorem Ipsum itu? Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak Share Tweet Share Linked In Google + Source link bisnis BiznetGio dan Entrepreneurship Majalah Marketeers marketing online Support Test halodesainer […]

Worlwide

David Ofiare Mengenai segala sesuatu yang menarik dan baru, saya cenderung mendekati setiap tulisan seperti yang dilakukan anak-anak, oleh karena itu saya SELALU tergoda untuk menumbuk informasi tentang subjek tertentu dalam satu karya daripada serangkaian artikel terpisah yang memecahkan topik dengan menarik. bit. Manfaatkan setiap kesempatan yang Anda miliki untuk menghukum saya dengan benar di bagian […]
Apa makna Mei bagi Anda? Tentu saja beragam! Namun, bagi Starbucks, Mei adalah bulan berbagi. Sebab, di bulan ini, Starbucks merayakan Global Month of Service (GMOS), sebuah inisiatif Starbucks yang memberikan manfaat terhadap lingkungan dan masyarakat sekitar. Di Indonesia, perayaan tersebut mengejewantah dalam sebuah aktivitas mengajar yang dilakukan para pegawai Starbucks kepada anak Sekolah Menengah Kejuruan […]
Apakah Lorem Ipsum itu? Lorem Ipsum adalah contoh teks atau dummy dalam industri percetakan dan penataan huruf atau typesetting. Lorem Ipsum telah menjadi standar contoh teks sejak tahun 1500an, saat seorang tukang cetak yang tidak Share Tweet Share Linked In Google + Source link bisnis BiznetGio dan Entrepreneurship Majalah Marketeers marketing online Support Test halodesainer […]
Artikel ini ditulis oleh Mia Santosa, Vice President Commercial & Business Development Visinema Group Keberadaan produk dan brand dalam film telah menjadi hal yang lumrah sejak kali pertama sebuah brand diintegrasikan dalam film Wings di tahun 1927, bahkan hingga sekarang integrasi brand dalam film menjadi salah satu strategi marketing yang efektif. Praktik beriklan dalam film […]

Trending

Sangat mudah untuk mengabaikan pentingnya riset pemasaran. Lagi pula, ketika Anda pertama kali memikirkan ide bisnis, menghabiskan waktu berjam-jam untuk riset pasar adalah hal terakhir yang ada di pikiran Anda. Sebagian besar dari kita lebih suka mulai membuat dan menjual produk daripada memikirkan nilai riset pemasaran. Tetapi untuk semua jenis bisnis, ada kebutuhan nyata untuk riset pasar. Ini […]
Pernahkah Anda bertanya-tanya apa kesamaan emotikon dan emoji, atau bagaimana mereka muncul? Yah, karena kami suka memberdayakan pembaca dengan pengetahuan, kami meluangkan waktu dan menyusun artikel mendalam yang seharusnya meruntuhkan dua cara komunikasi modern yang telah mengubah hidup kita sedemikian besar. Sejak masa awal kemanusiaan, kemampuan kita untuk berkomunikasi telah memainkan faktor kunci dalam sepenuhnya membentuk […]
Apakah Anda seorang pemula atau desainer yang berpengalaman, kedua konsep ini penting untuk diketahui jika Anda mengatur teks secara teratur. Font monospace dan proporsional adalah istilah yang tidak banyak desainer tahu kecuali mereka ingin mengasah keterampilan mereka. Kedua jenis font ini hanya memiliki satu hal yang berbeda — lebar karakter. Mari kita lihat arti dan beberapa contohnya.  Apa […]
Apakah Anda ingin belajar cara mengubah warna rambut di Photoshop? Dalam tutorial ini akan menunjukkan kepada Anda bagaimana mengubah warna suatu objek di Photoshop menggunakan teknik yang sangat serbaguna. Mari kita coba memilih objek dan cara menyesuaikan warnanya tanpa memengaruhi gambar asli. 1. Cara Memilih Bagian Rambut di Photoshop Bagian ini adalah yang paling sulit, karena rambut bisa […]

Join our Newsletter

Get our monthly recap with the latest news, articles and resources.

By subscribing you agree to our Privacy Policy.

Latest Titles

Categories

Tag

Login

Selamat datang di Halodesainer

Orientasi singkat dan ramah adalah hal pertama yang dilihat pengguna baru dalam tema.
Join Typer
Registration is closed.