• Loncat ke menu utama
  • Loncat ke daftar isi utama
  • Skip to footer
Logo TechLila

TechLila

Tepi Berdarah, Selalu

  • Beranda
  • Blog
    • Android
    • komputer
    • Internet
    • iPhone
    • Linux
    • Teknologi
    • Windows
  • Tentang Buku Audio
  • Kontak
  • Penawaran dan Penawaran
Logo Techlila
FacebookTweetLinkedInpinsaham64
Editor HTML WYSIWYG
Berikutnya

Apakah Anda Memanfaatkan Editor HTML WYSIWYG yang Kuat?

Tipografi Web

TechLila Desain dan Pengembangan Web

Tipografi Web dalam Desain Situs Web Lebih Penting dari yang Anda Asumsikan!

Avatar Penulis Tamu Penulis Tamu
Terakhir diperbarui saat: 26 Maret, 2017

tipografi web ke font dimasukkan di halaman web. Ini adalah aspek penting dari desain situs web karena memiliki dampak langsung pada keterbacaan situs. Banyak orang berpikir bahwa tanggung jawab seorang desain situs web yang terjangkau profesional tidak termasuk memperhatikan tipografi web. Namun, ini adalah konsep yang salah.

Tipografi Web

Selain menginvestasikan waktu untuk membuat desain, seseorang juga harus memperhatikan tipografi web. Ingatlah bahwa jika tipografi web Anda buruk, pengunjung tidak akan repot-repot mengamati desain Anda. Kami memberi Anda beberapa tip yang akan membantu Anda menangani tipografi web dengan cara yang tidak merepotkan.

  • Gunakan Tiga Tipografi per Desain
    Menggunakan tiga tipografi (paling banyak) akan memungkinkan pembaca untuk mengamati situs web Anda dengan jelas. Mengatur konten dengan berbagai tipografi dapat membuat tampilan situs menjadi kacau. Selain itu, ini dapat meyakinkan pengunjung bahwa berbagai bagian konten, seperti paragraf yang berbeda, tidak terkait.
    Tentu saja, saat membaca, pengunjung mungkin tidak dapat memilih sumber ketidaknyamanan yang tepat. Namun, mereka tidak akan nyaman dalam membaca informasi yang berisi berbagai tipografi.
  • Bedakan Judulnya
    Judul artikel menarik daya tarik pengunjung pada awalnya. Jika mereka menemukan judul yang menarik, mereka akan melanjutkan ke sisa artikel. Ini berarti Anda harus menyorot judul, sehingga menarik perhatian pembaca dengan cara apa pun. Meningkatkan ukuran judul adalah cara termudah untuk menyorotnya.
  • Atur Ukuran Salinan Tubuh pada 14 Piksel
    Untuk hasil terbaik, usahakan agar pengunjung dapat membaca body copy Anda dengan nyaman. Memang benar bahwa selain ukuran, faktor lain juga dapat mempengaruhi keterbacaan situs web. Namun, ukuran adalah faktor penentu yang paling penting. Mengatur ukuran salinan tubuh Anda pada 14 piksel bisa menjadi ide bagus.
  • Hindari menggunakan Garis Bawah dan Miring yang Tidak Perlu
    Jangan membingungkan pembaca Anda dengan menggunakan huruf miring dan garis bawah yang tidak perlu. Miring dan garis bawah lebih mementingkan sebuah garis. Jika Anda menggunakan huruf miring dan garis bawah di setiap kalimat, pengunjung Anda mungkin merasa bingung.
    Sebaliknya, gunakan underly dan italic, hanya jika diperlukan.
  • Jangan Gunakan Kapital Penuh untuk Blok Teks yang Besar
    Menggunakan huruf kapital penuh untuk blok teks yang besar adalah ide yang buruk. Ini karena fakta bahwa dibandingkan dengan teks yang ditulis dalam huruf kecil dan besar, informasi yang hanya ditulis dengan huruf kapital lebih sulit untuk ditafsirkan.
    Jika Anda mengatur informasi huruf kecil dan besar, sesuai kebutuhan, itu akan relatif lebih mudah dilihat. Selain itu, akan memungkinkan pengunjung untuk menafsirkan informasi dengan lebih mudah.
  • Hindari Menjejalkan Informasi Besar di Ruang Terbatas
    Untuk meningkatkan keterbacaan situs Anda, jangan memaksakan informasi besar untuk masuk ke dalam ruang terbatas. Sebaliknya, berikan ruang yang cukup, sehingga terlihat rapi. Pada saat yang sama, jangan memasukkan ruang yang berlebihan, sehingga seluruh teks tampak terputus-putus dan tidak berhubungan.
  • Perhatikan Kontras Latar Belakang
    Anda mungkin telah memilih ukuran font yang lebih besar untuk meningkatkan keterbacaan teks. Namun, jika kontras antara informasi dan latar belakangnya buruk, akan menghambat keterbacaan dan keterbacaan situs. Praktik umum adalah menempatkan teks terang dengan latar belakang gelap atau sebaliknya. Hindari penggunaan warna yang bentrok dengan cara apa pun.
  • Pilih Font yang sempurna untuk Penggunaan Layar
    Anda dapat memanfaatkan berbagai jenis font di Internet. Sayangnya, banyak dari font ini tidak cocok untuk digunakan di situs web. Untuk alasan ini, memilih font dengan hati-hati adalah penting. Selain itu, Anda dapat mengambil bantuan tabel petunjuk dan memeriksa tampilan font pada ukuran yang lebih kecil di berbagai browser.
  • Hindari Menggunakan Comic Sans
    Comic sans telah menjadi font yang sangat dibenci dan kami tidak terkecuali. Kami sangat yakin bahwa menggunakan font ini memberikan situs Anda daya tarik kekanak-kanakan dan tidak dewasa, yang tidak akan dihargai oleh sebagian besar pengunjung. Cobalah untuk menghindarinya.

Nikmati membuat situs web yang dapat diakses!

Pengungkapan: Konten yang dipublikasikan di TechLila didukung oleh pembaca. Kami dapat menerima komisi untuk pembelian yang dilakukan melalui tautan afiliasi kami tanpa biaya tambahan kepada Anda. Baca kami Halaman penafian untuk mengetahui lebih banyak tentang pendanaan kami, kebijakan editorial, dan cara untuk mendukung kami.

Berbagi adalah peduli

FacebookTweetLinkedInpinsaham64
Avatar Penulis Tamu

Penulis Tamu

Postingan tamu ini ditulis oleh kontributor tamu.

Kategori

  • Desain dan Pengembangan Web

Tag

Tipografi Web, Template Desain Website

Interaksi pembaca

Apa yang orang katakan

  1. Aiden Ruse

    Hai Diane.

    Terima kasih telah berbagi panduan yang sangat baik. Saya berharap setiap desainer harus memahami pentingnya tipografi. Tipografi yang tidak tepat juga bisa menjadi kesalahan dari kegagalan desain website. Saya ingin menempatkan tipografi sebagai prioritas pertama ketika mendesain situs web dan menyelamatkan desain web dari kegagalan. Saran yang Anda berikan di sini sangat fantastis dan berisi banyak informasi berguna.

    membalas
  2. Amber

    Terima kasih telah berbagi. Tentunya banyak orang akan diuntungkan dengan poin ini.

    membalas
  3. Sarah

    Sangat berguna. Saya sedang melihat desain ulang salah satu situs web kami sekarang dan menyadari bahwa kami menggunakan sekitar 5-6 font berbeda di situs lama yang tidak terlihat bagus.

    membalas
  4. Sajesh

    Saya setuju dengan Anda bahwa tipografi web adalah aspek penting dari desain web dan setiap desainer harus mengingat aspek ini saat mendesain situs web.

    membalas
  5. Nisyadha

    Yang bisa saya katakan adalah wow. Saya tahu bahwa gaya font dan ukuran font penting tetapi tidak pernah tahu begitu banyak detail tentang mengapa itu penting. Meneruskan ini ke tim desain dan terima kasih untuk artikel yang luar biasa.

    membalas
  6. David

    Menempatkan tipografi yang jelas, mudah dibaca, dan efektif di situs web Anda tidak hanya meningkatkan pengunjung Anda, tetapi juga meningkatkan profesionalisme.

    membalas
  7. Natasha

    Tetapkan Ukuran Salinan Tubuh pada 14 Piksel? Bukankah lebih baik kita menggunakan 16-18px atau lebih baik kita menggunakan 150%.

    membalas
    • Rajesh Namase

      Itu tergantung, ubah saja dan periksa apakah itu terlihat bagus dan dapat dibaca atau tidak.

      membalas
  8. Ya ampun

    Ya saya setuju dengan Anda Diane, tipografi web harus diperlukan. mengingat tipografi saya telah merancang situs saya.

    membalas
  9. Stephen

    font-family: 'franklin_gothic_medium_condRg'; font sedang digunakan sendiri di berbagai situs web saya. dan ukuran Body Font tetap 9em. dan di beberapa situs web 1em.
    H1 = 3em
    H2 = 2.5em
    H3 = 2em
    H4 = 1.6em
    H5 = 1.2em

    membalas
  10. Wisnu Sharma

    Ya saya setuju dengan Anda Diane, tipografi web harus diperlukan. Dengan mengingat tipografi, saya telah merancang situs saya.

    membalas
  11. Mansur Bhanpurawala

    Sangat berguna. Saya sedang melihat desain ulang salah satu situs web kami sekarang dan menyadari bahwa kami menggunakan sekitar 5-6 font berbeda di situs lama yang tidak terlihat bagus.

    membalas
  12. alex

    Terima kasih, Admin. Sangat menggunakan blog lengkap. Terima kasih atas postingannya karena postingan ini bermanfaat bagi saya.

    membalas

Tambahkan Komentar Anda Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai *

Logo Footer Logo Teks Footer

Footer

Tentang Buku Audio

Halo dan selamat datang di TechLila, blog teknologi terkenal tempat Anda dapat menemukan artikel yang bermanfaat untuk menguasai dasar-dasar dan seterusnya.

Di TechLila, tujuan utama kami adalah memberikan informasi unik, seperti tip dan trik berkualitas, tutorial, panduan cara kerja di Windows, Macintosh, Linux, Android, iPhone, Keamanan, dan beberapa sub-topik lain-lain seperti ulasan.

Link

  • Tentang Buku Audio
  • Hubungi Kami
  • Penolakan tanggung jawab
  • Kebijakan Privasi
  • Syarat

Mengikuti

Tema Kustom Menggunakan Kerangka Kejadian

Hosting awan oleh Cloudways

Bahasa

© Hak Cipta 2012–2023 TechLila. All Rights Reserved.