Tipografi adalah seni tentang aturan atau
tata cara penggunaan huruf, kata, paragraf pada ruang – ruang yang
tersedia untuk menciptakan kesan – kesan tertentu sehingga dapat
menolong para pembaca agar lebih nyaman dan maksimal dalam membaca.
Jenis-jenis huruf Tipografi secara umum :
1. Serif ( Berkaki )
Serif ( Berkaki ) adalah jenis huruf tipografi yang
memiliki kaki pada setiap ujungnya contoh huruf serif adalah : Times New
Roman , Georgia , Book Antiqua, dan Garamond huruf ini memiliki kesan
tegas dan mewah digunakan untuk huruf di majalah , koran berita karena
mudah dibaca dan diingat.
2. Sans Serif ( Tidak Berkaki )
Sans Serif ( Tidak Berkaki ) adalah jenis huruf tipografi yang tidak
memiliki kaki pada setiap ujungnya contoh huruf sans serif adalah :
Arial, Verdana, Tahoma huruf ini memiliki karakteristik simple,
profesional, dan mudah di baca cocok di gunakan untuk huruf pada media
online seperti Web.
3. Script ( Tulisan Tangan )
Script ( Tulisan Tangan ) adalah jenis huruf tipografi
berupa tulisan tangan biasanya huruf miring ke kanan dan ada penekanan
seperti menggunakan pena atau kuas contoh huruf script adalah : segoe
script, vivaldi, Lucida handwriting, Lucida Caligraphy huruf ini
memiliki karakter personal atau pribadi.
Tipografi dalam Web Design
Tipografi dalam Web Design sangatlah penting dimana tipografi adalah salah satu unsur wajib yang harus dikuasai oleh seorang web designer.
Jenis huruf Tipografi yang biasanya digunakan dalam Web Design adalah jenis huruf Tipografi Sans Serif ( Tidak Berkaki ) seperti Arial, Verdana, Tahoma
dimana jenis huruf Sans Serif ini memiliki keunggulan dalam segi visual
yaitu mudah di baca dalam resolusi kecil maupun besar sehingga mudah
untuk beadaptasi dengan mata dan dan daya ingat si pembaca.
Tetapi setelah perkembangan teknologi yang begitu pesat tidak hanya huruf Sans Serif saja yang digunakan dalam kancah Web Design
tetapi jenis huruf Serif pun ada ini dikarenakan telah munculnya
monitor – monitor komputer dengan kemampuan resolusi yang tinggi
sehingga jenis huruf Serif dapat terbaca dengan baik dengan syarat
memiliki ukuran 12 keatas.
Tipografi dalam Web Design tidak hanya mencakup pada jenis font itu sendiri tetapi juga pada unsur – unsur seperti warna, ukuran huruf, serta aksen ( Bold,Italic,Underline,Strikeout).
Warna huruf haruslah terlihat lebih terang dari pada warna latar atau
background agar huruf tersebut dapat dibaca dengan baik dan jelas
selain itu ukuran huruf juga harus disesuaikan misal huruf pada Heading
memiliki ukuran 24 px, body 14 px, footer 12 px itu akan cocok dan
website pun menjadi lebih menarik untuk dilihat dan dibaca oleh para
pengunjung.
LATIHAN
- Sebutkan 6 buah font berdasarkan 4 family (Sans serif, Serif, Script, dan Dekoratif)!
- Carilah 2 buah software pembuat font, sebutkan kelebihan dan kekurangannya!
- Simpulkanlah dari pertanyaan no.2. Software mana yang paling baik. Kemukakan alasannya!
- Jika anda menjadi developer website & mendapat project portofolio toko perhiasan sebutkan font pada bagian ini:a. Headerb. Judul productc. Kontend. Footer
Jawaban:
- Macam-macam font dari:
- Sans serif : arial, calibri, lucida, alindo, caprum, good times,
- Serif : times new roman, cambria, perpetua, boodani, coorespondent,
- Script : path avenue, jacoba, scriptina, marvel, daisy, freestyle script, lucida handwriting, brush script, script empty bold, lucida black letters
- Decorative : dutch and harley, red sliper, Gothic flourist, papyrus
- a. Font CreatorKelebihan
- bisa menampilkan semua karakter yang ada
- Font creator cukup baik digunakan oleh pemula dan ahli.
- antarmuka cukup sederhana dan tidak membingungkan,
- tampilan standar dan dilengkapi dengan banyak opsi yang ditampilkan.design font akurat,
- praktis dan mudah digunakan
- user friendly
- interface sederhana
Kekurangan- terbatasnya tools
- terbatas jumlah elemen
- memerlukan untuk full versi
- tidak dapat membuat font tipe 1
d. FontStructFontStruct adalah Font Editor gratis online.. Iya, jadi lo bisa bikin font sendiri langsung di brower, tanpa harus install software khusus di komputer loKalo lo udah puas dengan hasilnya, lo bisa simpen dan download sebagai file font TrueType (.Ttf), Install di komputer lo dan pake deh di tiap aplikasi Windows / Mac lo (misalnya Microsoft Office, Photoshop, dll).. Lo juga bisa jadiin font itu jadi font custom di website loe. FontForgeFontForge adalah Font Editor gratis yang bisa diinstall di Windows, Mac OS dan Linux. Lo bisa bikin font sendiri dari awal ato modifikasi file font yang ada. FontForge bisa menangani macem-macem jenis file font, termasuk TrueType (.Ttf), PostScript (.Ps), OpenType (.Otf) dll.Pemula yang baru pake FontForge ini mungkin bakal kesulitan, jadi lo coba baca aja Tutorial-nya (Cari di Google ya, ada kok, gue udah nyari, cuma kepanjangan aja buat di post)f. BitfontMakerFont Editor Online ini bisa bikin font yang simpel. Aplikasi ini adalah aplikasi Font Editor Bitmap, Jadi lo bakal menggambar Font Karakter lo secara pixel demi pixel.Pake-nya gampang banget dan kalo lo udah selesai dengan desain font lo, lo bisa mendownload dan simpan font sebagai file TrueType.g. Type lightCuman ada buat Windows sih, TypeLight adalah editor freeware yang bisa lo pake untuk ngedit file font yang udah ada ato desain font sendiri dari awal. Alat ini bisa menangani format TrueType, OpenType dan PostScript, dan dilengkapi dengan kemampuan untuk konversi file font dari satu ke yang lain. Software ini gratis untuk penggunaan pribadi ato penggunaan komersial terbatash. Raster Font EditorRaster Editor Font adalah aplikasi StandAlone, jadi lo bisa menjalankannya langsung dari Perangkat Penyimpanan Portabel lo (misalnyaUSB flash drive) atau aplikasi Cloud Storage, misalnya Dropbox, tanpa ribet harus install. Aplikasi ini ga sekuat 4 aplikasi diatas sih, tapi bisa jadi pilihan yang bagus buat lo yang cuma butuh Font Editor yang simpeli. Font Editorj. GNU Font Editork. DoubleTypel. Horusm. Bitmap Font Editor - Font CreatorKarena:
- user friendly
- di linux bisa pakai dengan menggunakan program wine, harus ada program wine di linux tersebut
FonttographerKarena bisa mengkonversi font lama ke baru, memperbaiki font yang cacatFont structKarena tidak berbayar dan mudah digunakan. - Recomendasi font web toko perhiasan:
- Header : vivaldi (script), Arial,
- Judul product : Lucida handwriting (script), italiano,
- Konten : Times new roman, calibri,
- Footer : times new roman, verdana, Futura, carboon (mudah di baca dan jelas