Cara Memutuskan Keluarga Font Yang Digunakan untuk Desain Web Web

click fraud protection

Lihatlah halaman web mana pun secara online hari ini, terlepas dari ukuran situs atau industrinya, dan Anda akan melihat bahwa satu hal yang sama-sama dimiliki oleh mereka semua adalah konten teks.

Salah satu cara termudah untuk memengaruhi desain halaman web adalah dengan font yang Anda gunakan untuk konten teks di situs itu. Sayangnya, banyak desainer web yang baru memulai karir mereka menjadi sedikit gila dengan menggunakan terlalu banyak font di setiap halaman. Hal ini dapat membuat pengalaman berlumpur yang tampaknya kurang kohesi desain. Dalam kasus lain, desainer mencoba bereksperimen dengan font yang hampir tidak dapat dibaca, menggunakannya hanya karena "keren" atau berbeda. Mereka mungkin memang font yang terlihat keren, tetapi jika teks yang ingin mereka sampaikan tidak dapat dibaca, maka "kesejukan" font itu akan hilang ketika tidak ada yang membaca situs web itu dan malah pergi ke situs yang mereka bisa proses!

Beberapa Aturan Praktis

  1. Jangan gunakan lebih dari 3-4 font pada satu halaman. Lebih dari ini mulai terasa amatir - dan bahkan 4 font bisa terlalu banyak dalam beberapa kasus!
    instagram viewer
  2. Jangan ganti fontnya di tengah kalimat kecuali Anda memiliki alasan yang sangat bagus.
  3. Gunakan font sans serif atau font serif untuk teks isi agar blok konten tersebut lebih mudah dibaca.
  4. Gunakan font monospace untuk teks mesin tik dan blok kode untuk membedakan kode itu dari halaman.
  5. Gunakan skrip dan font fantasi untuk aksen atau judul besar dengan sedikit kata.

Ingatlah bahwa ini semua adalah saran, bukan aturan yang keras dan cepat. Namun, jika Anda akan melakukan sesuatu yang berbeda, maka Anda harus melakukannya dengan niat, bukan karena kebetulan.

Font Sans Serif Adalah Dasar Situs Anda

font sans serif adalah font-font yang tidak memiliki “serif” — perlakuan desain tambahan kecil di ujung huruf.

Jika Anda telah mengambil kursus desain cetak, Anda mungkin telah diberitahu bahwa Anda hanya boleh menggunakan font serif untuk judul saja. Ini tidak benar untuk web. Halaman web dimaksudkan untuk dilihat oleh browser web pada monitor komputer dan perangkat seluler dan monitor dan tampilan saat ini cukup bagus dalam menampilkan font serif dan sans-serif dengan jelas. Beberapa font serif bisa menjadi sedikit menantang untuk dibaca pada ukuran yang lebih kecil, terutama pada tampilan yang lebih lama, jadi Anda harus selalu waspadai audiens Anda dan pastikan mereka dapat membaca font serif sebelum Anda memutuskan untuk menggunakannya untuk tubuh Anda teks. Dikatakan demikian, sebagian besar font serif saat ini dirancang untuk konsumsi digital dan mereka akan berfungsi dengan baik sebagai body copy selama mereka diatur pada ukuran font yang wajar.

Beberapa contoh font sans-serif adalah:

  • Arial
  • Jenewa
  • Helvetica
  • Lucida Sans
  • Trebuchet
  • Verdana

Catatan

Verdana adalah keluarga font yang diciptakan untuk gunakan di web.

Gunakan Font Serif untuk Mencetak.

Meskipun font serif mungkin sulit dibaca online untuk tampilan lama, font ini sempurna untuk dicetak dan bagus untuk headline di halaman web. Jika Anda memiliki ramah cetak versi situs Anda, ini adalah tempat yang tepat untuk menggunakan font serif. Serif, dalam cetakan, membuatnya lebih mudah dibaca, karena memungkinkan orang untuk membedakan huruf dengan lebih jelas. Dan karena hasil cetak memiliki resolusi yang lebih tinggi, dapat terlihat lebih jelas dan tidak tampak kabur secara bersamaan.

Beberapa contoh font serif adalah:

  • Garamond
  • Georgia
  • Waktu
  • Times New Roman

Font Monospace Mengambil Ruang yang Sama untuk Setiap Huruf

Meskipun situs Anda bukan tentang komputasi, Anda dapat menggunakan monospace untuk memberikan instruksi, memberikan contoh, atau menyiratkan teks yang diketik. Huruf monospace memiliki lebar yang sama untuk setiap karakter, sehingga selalu menempati jumlah ruang yang sama pada halaman. Font monospace bekerja sangat baik untuk sampel kode.

Mesin tik biasanya menggunakan font monospace, dan menggunakannya di halaman web Anda dapat memberi Anda nuansa konten yang diketik itu.

Beberapa contoh font monospace adalah:

  • Kurir
  • Kurir Baru
  • Lucida Console
  • Monako

Font Fantasi dan Skrip Sulit Dibaca

Font fantasi dan skrip tidak tersebar luas di komputer, dan secara umum sulit dibaca dalam potongan besar. Meskipun Anda mungkin menyukai efek buku harian atau catatan pribadi lainnya yang mungkin diberikan oleh font kursif, pembaca Anda mungkin mengalami kesulitan. Ini terutama benar jika audiens Anda termasuk non-penutur asli. Selain itu, font fantasi dan kursif tidak selalu menyertakan karakter aksen atau karakter khusus lainnya yang membatasi teks Anda ke bahasa Inggris.

Gunakan font fantasi dan kursif dalam gambar dan sebagai judul atau info. Buat mereka tetap pendek dan ketahuilah bahwa font apa pun yang Anda pilih mungkin tidak akan ada di sebagian besar komputer pembaca Anda, jadi Anda harus mengirimkannya menggunakan font web.

Beberapa contoh font fantasi adalah:

  • Lemping lembaga
  • Desdemona
  • Dampak
  • kino

Catatan

Impact adalah keluarga font yang paling mungkin ada di mesin Mac, Windows, dan Unix.

Beberapa contoh font script adalah:

  • Apple Chancery
  • Komik Sans MS
  • Tulisan Tangan Lucida

Catatan

Penelitian telah menunjukkan bahwa font yang lebih sulit dibaca dapat membantu siswa menyimpan lebih banyak informasi.

instagram story viewer