Beranda » Desain web » Tipografi 101 Serif vs Sans-Serif

    Tipografi 101 Serif vs Sans-Serif

    Pada tahap pemilihan font, seorang desainer sering bertanya pada dirinya sendiri, “ke Serif atau Sans-Serif”? Memilih jenis jenis huruf untuk digunakan dalam desain adalah yang paling penting karena sangat mempengaruhi keterbacaan, pengalaman pengguna dan estetika keseluruhan dari desain.

    Meskipun, tidak peduli berapa banyak pengalaman yang Anda miliki dengan tipografi, Anda dapat melakukannya selalu terjebak dalam dilema serif vs sans-serif. Saya pribadi berpikir bahwa jalan keluar yang baik adalah melalui memahami dasar-dasarnya serif dan sans-serif, dan inilah yang ingin dilakukan artikel ini.

    Mari kita simak artikel berikut ini menyoroti perbedaan besar antara font serif dan sans-serif untuk pemahaman yang lebih baik tentang keduanya.

    Dari mana serif berasal??

    Serif adalah garis tipis kecil yang menempel pada ujung goresan pada tipografi. Mereka diyakini berasal dari alfabet Latin yang digunakan orang Romawi untuk mengetsa tulisan mereka menjadi batu.

    Meskipun tidak ada asal yang diterima secara universal untuk ini bagian dekoratif dalam tipografi, diyakini bahwa orang-orang Romawi biasa melukis huruf-huruf dengan garis besar di atas batu, jadi ketika para pemahat batu mengikuti tanda-tanda kuas, yang berkobar di ujung-ujungnya., yang menghasilkan penciptaan serif.

    Bagaimana dengan sans-serif?

    Sans-serif, di sisi lain, secara harfiah berarti "tanpa serif". Font apa pun yang tidak ada goresan-goresan yang menggantung ini di ujung setiap sudut, dapat dianggap sebagai font sans-serif.

    Mengetahui hal ini, bagaimana bisa pilihan pergi dengan serif atau sans-serif mempengaruhi desain Anda? Berikut adalah beberapa hal yang perlu dipertimbangkan:

    Keterbacaan

    Keterbacaan sering diukur sebagai seberapa mudah pembaca dapat mencerna konten. Tentu saja, karena visi biasanya subyektif, ada banyak faktor yang ikut berperan termasuk tingkat minat atau pembaca, dan bagaimana konten disusun di blok atau ruang yang telah diberikan.

    Metode "old school" dalam menyajikan teks menggunakan serif karena suatu alasan. Apakah kamu pernah berpikir mengapa kebanyakan surat kabar menggunakan tipografi serif untuk konten mereka? Karena serif lebih mudah dibaca. Garis-garis dekoratif kecil di setiap karakter ini memandu mata Anda dengan lancar saat Anda bergerak dari garis ke garis dan menyatukan huruf-huruf yang membuatnya membaca teks yang lebih panjang lebih sedikit pajak untuk mata Anda.

    Spasi antar huruf (karena Anda harus memperhitungkan serif ketika menyangkut spasi) juga memberi lebih banyak ruang bagi pembaca untuk dengan mudah mengidentifikasi surat satu sama lain.

    Lihatlah contoh di bawah ini dan Anda akan melihat bahwa font serif menciptakan pengalaman membaca yang lebih mudah bagi mata karena itu menciptakan celah antara huruf dan kata-kata. Ini membuat mata Anda bergerak dari satu kata ke kata lain lebih mudah.

    Di samping itu, font serif menjadi lebih sulit dibaca menggunakan spasi yang sama. Ini karena pemisahan setiap huruf lebih kecil seperti Anda tidak harus memasukkan serif ke dalam akun saat mengatur jarak.

    Keterbacaan

    Keterbacaan adalah kualitas dan kejelasan penulisan. Ini menyangkut detail halus dari jenis huruf dan sangat penting karena membantu pembaca membedakan satu karakter dari yang lain. Ini berbeda dengan keterbacaan karena yang terakhir sebagian besar berkaitan dalam mendekati konten secara keseluruhan.

    Dalam hal gambar di atas, huruf kecil L dan I untuk sans serif di Arial terlihat cukup mirip. Bayangkan mengetik kata “Illinois”.

    Ini untuk menekankan poin saya.

    Namun, penting untuk dicatat bahwa jika jenis huruf Anda tidak dapat dibaca, itu tidak akan pernah bisa dibaca. Tetapi ada banyak kasus jenis terbaca yang dapat muncul karena terbaca bagaimana mereka diberi jarak atau diskalakan relatif terhadap tujuan desain mereka.

    Alex Poole menulis artikel yang menjelaskan perbandingan font serif dan sans-serif dalam upaya untuk mencari tahu mana yang lebih mudah dibaca.

    Menurutnya, ada lima fitur yang perlu diperhatikan dalam hal keterbacaan:

    • Serif atau Sans-serif
    • Ukuran Titik
    • Tinggi-X
    • Penghitung
    • Ascenders dan Descenders

    Poole menyimpulkan, berdasarkan argumen yang mendukung kedua belah pihak, bahwa memang ada tidak ada perbedaan dalam keterbacaan ketika datang ke pemilihan jenis huruf. Dia juga mencatat bahwa ada kemungkinan serif atau kurangnya serif dapat mempengaruhi keterbacaan tetapi perbedaannya bahkan tidak bisa diukur.

    Namun, dia mengatakan bahwa:

    Perbedaan yang lebih besar dalam keterbacaan dapat dengan mudah ditemukan dalam anggota dari keluarga dengan tipe yang sama antara jenis huruf serif dan sans serif. Ada juga faktor-faktor lain seperti tinggi x, ukuran penghitung, jarak huruf dan lebar goresan yang lebih banyak signifikan untuk keterbacaan daripada ada atau tidak adanya serif.

    Penskalaan dan Resolusi

    Teks dalam desain web tidak statis. Ini bisa berbeda dari layar ke layar dan harus dapat diukur. Ini dilakukan agar teks tetap terbaca meskipun ukuran layar.

    Di area ini, aman untuk mengatakan itu sans-serif memenangkan pertempuran karena lebih fleksibel untuk penskalaan. Font Sans-serif jauh lebih mudah untuk memberikan penekanan dan keterbacaan dalam resolusi yang lebih kecil karena mereka selamat dari noda karena kurangnya detail di dalamnya.

    GAMBAR: Waktu

    Inilah yang utama contoh bagaimana serif digunakan dengan buruk. Lihatlah paragraf bawah pada sampul Time Magazine di atas dan Anda akan dengan mudah melihat betapa relatifnya sulit dibaca, karena tidak mengalir dengan mudah Apalagi dengan ukurannya yang kecil. Tetapi perhatikan betapa sempurna efeknya saat ia beralih ke sans serif “Jonathan Franzen”.

    Hal yang sama berlaku ketika font sans-serif diledakkan. Skala jenis huruf mempertahankan bentuk umumnya dan membuatnya lebih mudah dikenali. Jadi, ketika datang ke penskalaan, sans-serif cenderung mudah diadaptasi menjadi ukuran yang lebih baik karena mereka menyesuaikan diri dengan baik. mengolesi dalam ukuran kecil dan mengoyak yang lebih besar.

    Untuk serif, atau sans-serif?

    Jadi, apa jawaban untuk pertanyaan itu?

    Kita dapat mengatakan bahwa itu adalah ikatan yang jelas. Memilih antara font sans-serif dan serif akhirnya bermuara pada tujuan Anda menggunakan teks. Jika teks yang Anda atur seharusnya berukuran hampir sama? Maka Anda ingin keterbacaan yang lebih baik yang membuat serif menjadi pilihan yang lebih baik.

    Di sisi lain, jika Anda ingin membuatnya teks bagian dari situs web responsif, kemudian memilih font sans-serif mungkin lebih bijaksana karena Anda tidak ingin teks Anda terlihat terlalu kecil untuk dibaca.

    GAMBAR: GQ

    Lihatlah ini Sampul majalah GQ yang menggunakan font serif dan sans serif. Konsensus umum adalah bahwa serif font digunakan pada bahan formal dan cetak, sedangkan sans serif sebagian besar digunakan di web. Tetapi dalam kasus ini, keduanya digunakan, dan jika Anda akan melihat itu selalu nama model sampul yang ada di serif, sehingga menekankannya.

    Beberapa kata terakhir

    Ingat itu saja konsistensi adalah kuncinya. Pilihan font Anda harus sesuai dengan estetika keseluruhan dari desain yang Anda buat. Kamu bisa mencampur dan mencocokkan tipografi yang serupa, mencoba-coba mengubah ukurannya untuk mencari tahu yang berfungsi. Namun, ingat bahwa Anda melakukan ini sehingga pengguna akan mengerti pesannya dan desain Anda terlihat estetis juga.