15 September 2011

Panduan Memilih Desain Font Website


Pengantar 
Panduan Memilih Desain Font Website didapat dari beberapa sumber terpercaya terangkum dalam artikel sederhana ini. Sebuah panduan yang terus saya update untuk memberikan suatu panduan lengkap tentang memilih desain font atau bentuk huruf website. Pada template blogger tergambar pada “Variable definition” .

Penggunaan Font Tradisional 
Font Serif seperti Times New Roman memiliki ekstensi kecil di ujung stroke mereka. Hal ini membuat lebih mudah untuk membaca saat dicetak dan pada kalimat dengan teks panjang.

Font Sans serif – Mempunyai Arti Tanpa serif - seperti Arial dan Helvetica dirancang untuk tanda rambu. Font Sans Serif lebih mudah dibaca pada jarak jauh atau pada obyek yang bergerak pada kecepatan tinggi.
Beberapa font sans serif yang modern seperti Verdana, yang diklasifikasikan sebagai font lebih manusiawi yang digunakan pada pembacaan teks dengan waktu yang lama. Font Sans Serif dapat digunakan juga sebagai headline dan teks.

Font Script seperti Comic Sans berbentuk seperti kaligrafi dan tulisan tangan. Font script cocok untuk judul, logo dan kartu ucapan.

Font Ornamental sangat dekoratif. Digunakan untuk membuat tema untuk poster, pesta, undangan dan logo.

Font monospace seperti Courier berbentuk seperti mesin ketik tua. Font monospace sekarang tidak banyak digunakan lagi kecuali dalam pemrograman atau coding, karena sulit untuk dibaca pada layar.

Simbol seperti Webdings yang terdiri dari simbol grafis dapat digunakan untuk mempercantik halaman sederhana dengan elemen grafis.

Desain untuk Layar Komputer 
Font serif tradisional digunakan untuk bagian teks panjang. Font Sans serif digunakan untuk judul. Kebanyakan majalah, buku dan media cetak masih dirancang dengan cara ini. Font-font seperti Times, Arial, Helvetica dan Courier dirancang untuk pencetakan. Bisa digunakan untuk judul berita, jangan menggunakannya untuk teks pada layar komputer karena font tersebut lebih cepat menarik mata.

Font seperti Impact dan Comic Sans digunakan secara khusus. Sebagai contoh, Impact digunakan untuk slide show ketika Anda ingin membuat titik pusat perhatian. Comic Sans dan lainnya bentuk seperti tulisan tangan asli lebih baik digunakan untuk kartu ucapan dan tanda tangan.

Beberapa font seperti Georgia, Verdana dan Trebuchet dirancang khusus untuk layar komputer. Salah satu font tersebut merupakan pilihan yang sangat baik untuk digunakan pada website Anda. Mempermudah dalam pembacaan sehingga pengunjung lebih betah berada di website.

Beberapa hal yang anda harus hindari 
Jangan menggunakan font lebih dari tiga pada satu situs, ini adalah aturan umum. Pilih salah satu font untuk teks dan link. Kedua untuk judul, sub judul dan segala sesuatu yang lain. Jika Anda menggunakan tiga font, gunakan untuk testimonial, kutipan menarik, ajakan atau keterangan sekitar foto.

Desain website Anda - sebagai aturan umum - tidak lebih dari Tiga atau Empat Warna. Ini Sama dengan teks. Anda ingin meminimalkan penggunaan teks berwarna. Aturan umum yang berlaku pada desain website anda tidak lebih dari tiga atau empat warna. Termasuk juga pada teks.

Minimalisir penggunaan teks warna. Bila Anda menggunakan teks berwarna, buatlah sesuai dengan harmonisasi warna dari bagian lain dari situs Anda. Sebagai contoh, Anda bisa membuat berita utama dan judul posting sesuai dengan warna latar belakang situs Anda. Beberapa warna seperti merah harus digunakan seminim mungkin atau dihindari sama sekali. Jika Anda ingin menarik beberapa fokus ke suatu bagian dari situs Anda, sebaiknya menggunakan versi bold (huruf tebal) atau italic (huruf miring), hindari menambahkan warna yang lebih banyak.

Hindari penggunaan teks cahaya pada latar belakang gelap atau hitam. Hal ini dapat digunakan untuk efek, tetapi tidak untuk sepanjang teks. Karena kilauan cahaya cenderung membuat sakit mata dan membuat pembaca ingin cepat-cepat pergi.

Perlu anda diketahui bahwa pengunjung dengan kacamata dan pembaca adalah orang tua, mungkin mengalami kesulitan dengan ukuran font kecil. Sedangkan untuk ukuran 12 mungkin akan lebih baik untuk media cetak, pertimbangkan menggunakan 16 pixel atau layar yang lebih besar untuk teks.

Hindari spasi ganda setelah jeda kata. Ini adalah kebiasaan lama, ketika dulu menggunakan spasi mesin tik dan font mono seperti Courier. Semua font serif dan sans serif memiliki spasi proporsional dan tidak membutuhkan ruang ganda spasi diantara kata.

Jangan gunakan huruf kapital/besar semua, karena membuat 10 kali teks sulit untuk dibaca. Gunakan huruf besar pada sesuai dengan aturan umum atau ketika anda ingin membuat pembaca lebih memperhatikan kata-kata yang anda buat.

Pastikan untuk menggunakan headline untuk menarik perhatian mata. Pemenggalan teks yang rasional sebagai penggoda, menarik pembaca ke bagian yang berbeda dari alur cerita. Ini Juga membantu Anda memperbaiki SEO untuk halaman.

Pilih font teks dengan banyak spasi baris diantara baris. Hal ini untuk menjadikan pembaca lebih nyaman untuk tinggal lebih lama pada website anda. Tidak dibenarkan, menulis dengan tanda penghubung pada tepi kanan teks. Lebih baik gunakan perataan kiri meskipun sisi kanan tidak rata.

Beberapa saran yang diperhatikan untuk Font Website 
* Tunjukkan font inti untuk website. Font-font ini tersedia dan tersimpan secara lokal pada komputer Anda. Hal ini disebut oleh browser web Anda, ketika melihat halaman web menggunakan Itulah mereka.
# Tunjukkan formulir web Google. Font tersebut tersimpan di Google. Font ini didapat oleh server Google, Ketika melihat halaman web menggunakan Itulah mereka.
@ Tunjukkan pilihan terbaik untuk desain web.

Font Serif 
* Times New Roman - Untuk surat kabar dan ruang ekonomi.
* @ Georgia - Dirancang untuk kejelasan teks pada monitor komputer.
# EB Garamond - Sebuah desain terkenal untuk buku dan digunakan untuk pencetakan
# @ Quattrocento - Classic dan elegan, itu sangat mudah dibaca untuk teks tubuh.
# Droid Serif - Agak kental, Dirancang untuk membaca layar.
# CARDO - Sebuah teks gaya elegan tua didasarkan pada literatur klasik.

Font Sans Serif 
* Arial - Sangat mirip dengan Helvetica. Baik untuk logo, tanda peringatan * Arial Black - Sebuah versi, berani diperpanjang Arial.
@ * Trebuchet MS - Sebuah sans serif humanis dibuat untuk desain web.
* @ Verdana - Humanis sans serif dirancang untuk kejelasan pada komputer.
# Oswald - Sebuah gaya gothic untuk iklan dan headline koran.
# Ubuntu - Dirancang untuk kejelasan pada layar desktop dan mobile.
#Cabin - Sebuah sans serif humanis berdasarkan Gill Sans font.
# Droid Sans - Dioptimalkan untuk handset mobile dan antarmuka pengguna.

Font Script 
* Comic Sans - Sebuah script kasual dibuat agar terlihat seperti buku komik.
#Architects Daughter - Terinspirasi dengan menulis tangan teknis.
# Cherry Cream Soda – Gelumbung busa dan antusias terasa retro remaja.
# Lobster - Sebuah script tebal untuk judul tampilan restoran.
# Permanent Marker - Hiburan dan tulisan tangan aneh dengan rasa pena.
# Schoolbell - Tulisan tangan terlincah dari seorang siswa SD kelas 2.

Font Ornamental 
* Impact - Ketika Anda ingin membuat pernyataan berani dan barang-barang.
#Bangers - Terinspirasi oleh buku-buku komik dan pahlawan super.
# Cabin Sketch - Terinspirasi oleh perjalanan berkemah dan remaja melukis sambil melamun
# MedievalSharp - Sebuah gaya gothic terinspirasi oleh pemotongan batu.
# Bevan - Sebuah lempengan serif berani menampilkan wajah terinspirasi oleh barat kuno.
# Corben – Manis mencari melengkung menampilkan huruf tebal untuk judul. Font monospace
*Andale Mono - Dirancang untuk tujuan pengembangan perangkat lunak Jarang digunakan.
* Courier New - Dicipta untuk terlihat seperti mesin ketik tua.
# Anonymous Pro - Sebuah font lebar tetap dirancang dengan coding di pikiran.

Simbol 
* Webdings – Tidak ada surat, Terlukis hanya dekoratif dan simbol.

Kesimpulan 
"Panduan Desain Font Website" akan membantu Anda membuat keputusan yang lebih baik Ketika Memilih jenis font. Anda ingin Memberikan kenyamanan maksimal, terbaca dan mudah dibaca. Anda ingin mempertahankan orang-orang tetap membaca, ketika pengunjung menginjakkan bumi situs anda. Jika Anda mengikuti beberapa panduan sederhana ini, website akan berjalan ke arah yang lebih baik.
Semoga Anda semua yang terbaik untuk sukses.

Salam SEO Sukses  

Referensi:
Wikipedia - Web Typography
Google - Web Font
MIT Education - Safe Web Fonts

0 komentar:

Posting Komentar