Gaya Jenis Huruf untuk Desain Web dan Cetak

Diterbitkan: 2022-03-11

Sebagian besar orang dibombardir dengan tipografi dari saat mereka bangun di pagi hari sampai saat mereka pergi tidur di malam hari. Dari aplikasi di ponsel mereka hingga produk perawatan di kamar mandi mereka hingga tanda-tanda yang mereka lihat di perjalanan pagi mereka, tipografi ada di mana-mana. Tapi berapa banyak orang yang benar-benar memperhatikan gaya tipografi yang mereka hadapi setiap hari?

Bahkan desainer kurang menghargai tipografi dan sering membentuk keputusan tipe berdasarkan opini yang longgar daripada pemahaman yang objektif. Apakah sebagian besar desainer bahkan tahu tentang konteks industri asli untuk berbagai tipografi yang dirancang? Apa arti konteks dan sejarah ini untuk menentukan keterbacaan, karakter yang sesuai, dan penggunaan tipografi tertentu? Apa pun disiplin desain yang digunakan—apakah itu desain visual atau UX atau desain cetak tradisional, tipografi adalah elemen penting dari hampir setiap bagian desain yang dihasilkan.

Beberapa tipografi paling berpengaruh yang digunakan saat ini sering diabaikan demi desain tipografi unik yang lebih baru di pasaran—dan terkadang memang demikian. Setiap tipografi dalam artikel ini berumur puluhan tahun, jika tidak berabad-abad, dan semuanya dirancang untuk konteks teknologi yang berbeda. Dengan demikian, sudah banyak alternatif atau pembaruan yang dibuat sejak diperkenalkan. Bahkan beberapa font yang awalnya dirancang untuk layar telah menjadi usang karena tampilan dan printer menjadi beresolusi lebih tinggi dan mampu menampilkan bentuk yang lebih kompleks secara akurat.

Jenis huruf Serif

Contoh tipografi serif yang berbeda untuk tipografi web
Baskerville, Georgia, Garamond, dan Times New Roman adalah contoh populer dari tipografi serif.

Memahami perbedaan antara gaya jenis huruf serif dan sans-serif adalah salah satu aturan tipe yang paling mendasar. Bagi banyak orang, ini mungkin terlihat jelas, tetapi serif adalah goresan yang diberikan pada akhir garis horizontal dan vertikal utama sebuah karakter. Ada banyak subclass dalam serif, termasuk hairline, wedge, dan slab serif, yang semuanya menggambarkan kualitas visual dari serif itu sendiri.

Jenis huruf serif vs. sans, membandingkan gaya jenis huruf yang berbeda

Umumnya, serif memiliki sejarah yang lebih panjang daripada san serif, karena ini adalah tipografi pertama yang digunakan untuk mencetak buku setelah penemuan Gutenberg Press. Pada dasarnya, serif memungkinkan pembacaan panjang yang lebih nyaman, karena serif memandu mata dengan lancar dari karakter ke karakter, membuat serif ideal untuk karya cetak bentuk panjang. Karena itu, serif umumnya masih menjadi tipografi yang digunakan untuk karya cetak seperti buku atau laporan, meskipun itu bukan aturan mutlak. Setiap jenis huruf memiliki kualitas spesifiknya sendiri, dan ada beberapa jenis huruf serif yang tidak terlalu cocok untuk potongan besar teks isi (dan beberapa jenis huruf sans-serif yang dapat dibaca dan dibaca dengan sempurna untuk karya bentuk panjang).

Baskerville

Baskerville adalah salah satu serif klasik yang telah teruji oleh waktu dan masih digunakan secara luas hingga saat ini. Baskerville dirancang dalam periode transisi antara wajah set pertama (Bodoni dan Didot) dan tipografi abad ke-19 dan ke-20 yang akan datang. Baskerville telah berhasil karena bentuk hurufnya yang sangat kontras.

Perancangnya, John Baskerville, adalah seorang perfeksionis yang intens dan dengan demikian menciptakan font dengan detail yang indah. Jenis huruf hanya dapat dicetak pada mesinnya sendiri untuk memastikan bahwa bentuk huruf ditransfer dengan benar ke halaman. Sejarah ini penting, karena Baskerville telah disesuaikan dengan berbagai media tempat kami bekerja saat ini. Detail yang dimasukkan ke dalam setiap bentuk huruf membuat Baskerville tidak cocok untuk media beresolusi rendah, termasuk tampilan resolusi rendah atau printer yang buruk. Meskipun demikian, ketika Baskerville diberi kesempatan untuk mengekspresikan kualitasnya, itu adalah jenis huruf serif yang sangat baik.

Contoh bagus dari tipografi digital modern yang sangat dipengaruhi Baskerville adalah tipografi yang dipesan Amazon untuk Kindle, Bookerly. Jika Anda mencari alternatif untuk Baskerville yang mempertahankan kekayaannya yang berusia 200 tahun sambil diperbarui untuk keterbacaan di layar, Bookerly bisa menjadi solusi yang baik. Alternatif lain termasuk Mrs. Eaves dan Plantin.

Times New Roman

Times New Roman, seperti banyak font yang banyak digunakan yang telah ada untuk sementara waktu, adalah jenis huruf polarisasi yang disukai oleh banyak orang tetapi juga dibenci oleh beberapa orang. Seringkali, apa yang disukai atau dibenci orang tentang TNR adalah sama: netralitas apatisnya.

Matthew Butterick menulis “Times New Roman bukanlah pilihan font seperti halnya tidak adanya pilihan font, seperti kegelapan ruang yang dalam bukanlah warna. Melihat Times New Roman berarti menatap ke dalam kehampaan.” Times New Roman terasa begitu sederhana sebagian besar karena keberadaannya yang luar biasa di mana-mana sebagai akibat paparannya dari kertas yang dirancang untuknya, Times of London.

Times New Roman dirancang untuk kepentingan komersial surat kabar, yaitu menjaga keterbacaan sambil menjejalkan sebanyak mungkin kata ke dalam satu baris—dan karenanya halaman—sebanyak mungkin. Para desainer sangat terbuka tentang penggunaan font dengan surat kabar, karena lebih sempit dan lebih mudah dibaca dalam kolom tipis, tetapi tidak ideal untuk buku dengan panjang garis yang lebih panjang. Efisiensi ini dicapai dengan meningkatkan tinggi-x dan secara signifikan mengurangi pelacakan, atau spasi antar karakter.

Karena keberhasilan jenis huruf dengan Times, Times New Roman segera diadopsi oleh sebagian besar surat kabar Amerika, sehingga menjadikannya salah satu jenis huruf yang paling banyak digunakan. Karena ada di mana-mana, beberapa desainer menyarankan untuk tidak menggunakan Times New Roman, karena dapat memberi kesan apatis atau murahan. Beberapa font gaya editorial lain yang mungkin Anda pertimbangkan adalah Arnhem, Le Monde Journal, atau Plantin.

Garamond

Garamond Antiqua adalah jenis huruf gaya lama murni yang dirancang oleh pembuat pukulan ikonik Paris Claude Garamond. Garamond adalah salah satu wajah pertama yang dirancang untuk tipe set, yang berarti bahwa itu ideal untuk teks tubuh panjang dari kegemaran terbaru pada masanya: novel.

Sebagai kualitas yang melekat pada era di mana ia dirancang, Garamond memberi teks kesan gaya dunia lama. Namun, serif bulatnya membuat teks lebih informal daripada banyak rekan serifnya. Garamond tetap menjadi font yang produktif berdasarkan bentuknya yang jelas, memungkinkan pengguna untuk membaca panjang lebar tanpa melelahkan. Tubuh besar karakter dan tinggi x tinggi menciptakan banyak ruang di sekitar setiap huruf, membuat kata-kata terlihat lebih besar dan dengan demikian lebih mudah dibaca.

Meskipun banyak desainer akan memperdebatkan keabadian Garamond, bentuknya tidak ideal untuk tipografi web. Keunggulan Garamond dalam cetakan termasuk kurva lembut yang menyatu dari karakter ke karakter, membuatnya lebih mudah dibaca untuk jangka waktu yang lama. Kelemahannya adalah kurva ini menjadi buram pada ukuran yang lebih kecil di layar, menghambat keterbacaannya. Jadi, terlepas dari banyak rekreasi Garamond yang mungkin Anda temukan online, sebagian besar desainer layar percaya bahwa itu sudah usang. Konon, para desainer EB Garamond masih berpikir sebaliknya dan mencoba merevitalisasi klasik ini di komunitas open source.

Dicari desainer UI lepas penuh waktu yang berbasis di AS

Jika Anda mencari alternatif untuk Garamond, lihat Sabon atau Minion.

Georgia

Mungkin sebagai tanggapan terhadap tipografi seperti kegagalan Garamond di layar, Matthew Carter ditugaskan oleh Microsoft pada 1990-an untuk merancang tipografi khusus untuk keterbacaan di layar. Dan Georgia lahir.

Banyak yang percaya bahwa Georgia tidak memiliki kualitas netral dari serif produksi massal lainnya, seperti TNR, dan memberikan kualitas teks yang ramah dan menawan. Dengan demikian, prestasi desain Carter yang mengesankan adalah ia berhasil memecahkan masalah keterbacaan di layar sambil mempertahankan karakter wajah cetak yang menarik.

Ceritanya adalah bahwa Carter mendesain Georgia saat mengerjakan versi baru font Scotch Roman abad ke-19. Georgia mempertahankan banyak kualitas pendahulunya. Namun, untuk membuat Georgia untuk layar, Carter membuat beberapa perubahan penting: meningkatkan tinggi-x, membulatkan angka, dan membuat sedikit ketidaksejajaran untuk mempertahankan karakter.

Meskipun Georgia sekarang ditetapkan sebagai klasik, itu juga secara luas dianggap memiliki nuansa yang lebih modern daripada banyak tipografi serif lainnya. Miller dan Abril memiliki perasaan yang sama dan merupakan alternatif yang baik.

Jenis Huruf Sans-Serif

Contoh tipografi sans-serif yang berbeda
Verdana, Gill Sans, Helvetica, Franklin Gothic, dan Futura adalah beberapa tipografi sans-serif yang paling umum digunakan.

Meskipun beberapa orang mungkin berpendapat bahwa gaya jenis huruf sans-serif pertama kali muncul di zaman kuno, mereka tidak secara resmi digunakan secara luas dan masyarakat modern hingga abad ke-19. Seiring berkembangnya iklan, surat kabar, dan media, ada kebutuhan akan tipografi yang dapat dibaca sebagai judul yang jelas dari kejauhan serta mewakili era baru industri.

Verdana

Verdana berbagi cerita yang sama dengan sepupunya, Georgia, karena keduanya dirancang oleh Matthew Carter untuk Microsoft pada tahun 90-an. Dengan demikian, Verdana adalah sans-serif yang dirancang khusus untuk layar. Mirip dengan banyak font yang berjuang untuk kejelasan, Verdana memiliki tinggi x yang besar untuk meningkatkan keterbacaan. Verdana disebut sebagai sans-serif humanis, yang berarti mempertahankan beberapa kualitas dan logika desain tipografi serif.

Namun, Matthew Carter menyadari ruang yang berpotensi membatasi di mana beberapa teks mungkin dijejalkan ke layar, jadi ukuran karakter Verdana cukup seimbang untuk menghindari menjejalkan di aplikasi atau di platform tanpa lead yang stabil. Mempertimbangkan bahwa Verdana dirancang untuk digunakan pada tahun 90-an, ini sangat efektif pada perangkat resolusi rendah. Namun, saat layar menjadi lebih berkualitas, kekuatan Verdana hilang, dan performanya tidak sebaik dulu.

Jika menggunakan Verdana di media cetak, jaraknya yang lebar memberikan kualitas font mesin tik monospasi. Kualitas ini menjadikan Verdana pilihan yang buruk untuk kumpulan teks besar yang dicetak. Alternatif yang mungkin Anda pertimbangkan sekarang adalah Colfax. Perancang Colfax memperhitungkan kurangnya kendala mekanis pada desain tipe saat ini dan telah membuat font yang lebih sesuai untuk tampilan resolusi tinggi dan pencetakan inkjet.

Gesta dan PT Sans adalah alternatif yang baik untuk Verdana.

Franklin Gotik

Franklin Gothic adalah jenis huruf sans-serif realis yang awalnya dibuat pada tahun 1902 oleh Morris Fuller Benton dari American Type Founders (ATF) dan diperluas untuk memasukkan lebih banyak bobot pada tahun 1970-an dan 1990-an oleh ITC. Versi digital dari tipografi telah dibuat oleh Adobe, International Typeface Corporation (ITC), Monotype Imaging, dan URW.

Jenis huruf asli, yang diakui Benton dirancang sebagai penghormatan kepada Benjamin Franklin, paling cocok untuk judul dan penggunaan perdagangan daripada blok teks tubuh yang panjang. Pembaruan dengan bobot dan gaya tambahan telah memperluas opsi penggunaan.

Kualitas abadi Franklin Gothic membuatnya menjadi pilihan populer bagi banyak media, lebih dari satu abad setelah rilis aslinya. Majalah Time dan The New York Times keduanya menggunakannya untuk berbagai berita utama, ubin Scrabble di AS dan versi Kanada dari permainan menampilkannya, dan versi kental bahkan digunakan untuk perayapan pembuka di film Star Wars.

Meskipun Franklin Gothic masih sangat populer, alternatif yang populer adalah News Gothic, penerus populer Benton dari aslinya, dengan bentuk yang lebih sempit dan kontras goresan yang lebih sedikit. Alternatif lain termasuk Trade Gothic, Benton Sans, dan Maple.

masa depan

Futura, dirilis pada tahun 1927, adalah hasil langsung dari salah satu tipografi sans-serif geometris pertama (sebagai lawan dari sans-serif humanis). Pesaing terbesar Futura, Erbar Grotesk (dirilis pada tahun 1926), dirancang di Bauhaus yang sangat berpengaruh, dengan tujuan untuk mengomunikasikan segala sesuatu yang dirasa sekolah menjadi modern pada pergantian abad ke-20. Ini berarti bahwa logika geometris menghilangkan sedikit ornamen dan ditujukan untuk logika murni dalam bentuk huruf yang dibuat.

Seperti Erbar Grotesk, Futura menyertakan bentuk huruf berdasarkan bentuk geometris, terutama lingkaran (meskipun juga kotak dan segitiga di mana lingkaran tidak sesuai). Ini mencakup kontras rendah antara goresannya, dengan huruf kecil yang tinggi dan karakter huruf besar yang berbagi proporsi yang mirip dengan ibu kota Romawi. Perancangnya, Paul Renner, percaya bahwa tipografi modern harus memiliki kepekaan modern daripada sekadar pengulangan dari desain sebelumnya.

Futura telah mengalami banyak ketenaran selama abad ke-20, ketika astronot Apollo 11 meninggalkan sebuah plakat di bulan di Futura; Volkswagen dan banyak merek lain telah mengadopsinya; dan beberapa pembuat film, termasuk Stanley Kubrick dan Wes Anderson, telah menerapkannya kembali. Jika Anda menghargai kualitas modern Futura tetapi merasa sedikit berlebihan, pertimbangkan untuk mencoba FF Super Grotesk, HK Grotesk (sumber terbuka), atau Neuzeit.

Gill Sans

Monotipe, pengecoran jenis huruf yang sama yang membawa kita Times New Roman, menugaskan polymath Eric Gill (seorang pematung/penata huruf/seniman grafis) untuk menghasilkan font untuk papan nama modern London. Gill Sans, bertentangan dengan Futura, adalah font humanis dengan gaya yang kurang teratur dibandingkan dengan bahasa Jerman sezamannya. Huruf "R" sedikit melebar dan huruf kecil "kacamata" "g" hampir menjadi ikon. Kualitas font yang berani secara alami bekerja dengan baik untuk tampilan dan judul, namun bobot yang lebih ringan yang dirilis kemudian sangat cocok untuk teks isi.

Gaya tipografi dan sejarah tipografi
Gill Sans didasarkan pada "Underground Alphabet" Edward Johnston tahun 1916 dan merupakan font resmi London Underground.

Sejarahnya di London Underground, BBC, dan The Church of England, ditambah kualitas modern namun manusiawinya membuat jenis huruf dasarnya Inggris. Meskipun font klasik dalam proporsi, ia memiliki beberapa suar artistik yang membuatnya lebih ceria daripada rekan Jermannya yang keras, DIN.

Konon, banyak dari suar artistik ini telah membuat Gill Sans tidak diinginkan oleh beberapa desainer grafis. Secara khusus, huruf kecil "a'" sering dikritik karena tidak seimbang dan menghilangkan keterbacaan.

Mencari alternatif untuk Gill Sans? Kunjungi ITC Johnston atau P22 Underground.

Helvetica

Helvetica adalah satu-satunya jenis huruf yang menginspirasi filmnya sendiri (2007). Ini bisa dibilang font yang paling terkenal/di mana-mana saat ini. Font ini lahir dari persaingan luas di tahun 50-an untuk versi baru font Grotesk yang sangat populer.

Font Grotesk telah berevolusi secara bertahap untuk meningkatkan keterbacaan. Namun, tidak semua tipografi bekerja dengan baik dengan linotipe handset dan mekanis. Mesin linotype membutuhkan karakter regular dan italic untuk disetel dengan lebar yang sama, sehingga memaksa italic terlihat terlalu lebar dan regular terlihat terlalu sempit.

Helvetica dirancang khusus dengan penyesuaian karakter yang tajam untuk mempertahankan keindahan modern dan keterbacaan tipografi Grotesk sambil memungkinkan desainer mendapatkan keuntungan dari produksi massal. Pertama kali dirilis di pameran dagang “Graphic 57”, font ini menjadi umum di seluruh desain Swiss.

Tipografi lain yang menjadi alternatif yang baik untuk Helvetica termasuk Maison Neue, Univers, dan Folio.

Tipografi Monospace

Gaya jenis huruf monospace pada awalnya dirancang untuk mesin tik. Kualitas utama untuk memahami tentang kategori jenis huruf ini adalah bahwa mesin tik mengharuskan setiap karakter diketik dengan jarak yang sama. Dengan demikian, setiap karakter ditempatkan dalam matriks pengorganisasian tunggal dalam tubuh teks sedangkan, seringkali, font lain bervariasi dalam jarak untuk mengatur keterbacaan.

Pada akhirnya, di luar konteks mesin tik, ada beberapa aplikasi yang masuk akal untuk menggunakan tipografi monospace. Jarak yang sama berarti mereka kurang efisien dan umumnya kurang terbaca juga. Pengecualian untuk aturan ini adalah dalam aplikasi yang dirancang untuk menulis kode, di mana jarak yang sama benar-benar dapat membantu keterbacaan.

Beberapa contohnya adalah Courier, Consolas, Letter Gothic, atau Source Code Pro (gratis). Namun, beberapa desainer tidak dapat menyangkal estetika nostalgia; dengan demikian, mereka tetap populer.

Tipografi Sistem

Jenis huruf sistem adalah yang disertakan dengan perangkat atau program Anda. Ada tipografi sistem yang berbeda untuk Mac, Windows, dan bahkan produk Adobe. Semua tipografi yang termasuk dalam artikel ini memiliki setidaknya beberapa variasi yang merupakan font sistem.

Ada beberapa kelemahan menggunakan font sistem. Yang terbesar adalah bahwa tipografi ini umumnya sangat terang. Karena mereka disertakan di hampir semua komputer, orang-orang melihatnya hari demi hari, baik dalam desain yang bagus maupun yang buruk. Meskipun tidak setiap proyek tipografi harus berada di ujung tombak orisinalitas, penting untuk dipahami bahwa jika merek yang Anda rancang seharusnya unik dan orisinal, menggunakan font sistem sering kali akan merusaknya.

Kelemahan utama lainnya untuk menggunakan font sistem adalah beberapa di antaranya tidak terlalu bagus. Arial datang ke pikiran ...

Akhirnya, banyak font sistem dirancang khusus agar sangat mudah dibaca di layar dan mungkin tidak terlalu mudah dibaca di media cetak. Ini mungkin tidak menjadi masalah untuk setiap proyek yang dilakukan seorang desainer, tetapi ini adalah sesuatu yang harus diingat.

Memilih Jenis Huruf yang Bagus untuk Pekerjaan Desain

Saat mendesain untuk merek tertentu, memilih jenis huruf profesional yang sesuai adalah pekerjaan penting bagi desainer mana pun, terutama jika mempertimbangkan bahwa lisensi untuk beberapa jenis huruf dapat melebihi $1.000.

Memilih keluarga jenis huruf yang mencakup berbagai macam bobot, lebar, dan bahkan variasi serif dan sans-serif adalah ide yang cerdas untuk banyak proyek. Ini memberi desainer banyak pilihan untuk proyek apa pun yang mungkin muncul untuk merek tertentu dan bahkan memungkinkan pembaruan untuk jaminan pemasaran menggunakan font "berbeda" yang tidak terlalu berbeda (dan karena itu cenderung tidak membuat konsumen dan loyalis merek marah. , seperti yang terjadi di banyak desain ulang besar dari merek besar). Keluarga font yang dalam dapat dipasangkan dengan dirinya sendiri dengan mudah dan membawa berbagai kepribadian.

Saat mencari jenis huruf untuk dipasangkan dengan pustaka jenis yang ada untuk penggunaan yang lebih umum dalam proyek, fokuslah pada pemilihan font dengan karakteristik serupa. Ini berarti mempertimbangkan semua kualitas huruf besar dan kecil, tinggi x, dan geometri formal. Situs seperti Typewolf dapat sangat berharga untuk menemukan font untuk dipasangkan dengan opsi yang sudah tersedia (serta alternatif yang bagus untuk saat-saat klien mengatakan mereka menginginkan sesuatu "seperti" Helvetica tapi jelas bukan Helvetica).