Laman » Reka Bentuk Web » Typograph 101 Serif vs Sans-Serif

    Typograph 101 Serif vs Sans-Serif

    Pada peringkat memilih fon, seorang pereka sering bertanya, “ke Serif atau Sans-Serif”? Memilih jenis typeface untuk digunakan dalam reka bentuk adalah sangat penting kerana ia amat memberi kesan kebolehbacaan, pengalaman pengguna dan estetika keseluruhan reka bentuk.

    Walaupun, tidak kira berapa banyak pengalaman yang anda miliki dengan tipografi, anda boleh sentiasa terjebak dalam dilema vs dilema sans-serif. Saya sendiri berfikir bahawa cara yang baik daripada itu adalah melalui memahami asas-asasnya daripada serif dan sans-serif, dan ini adalah apa yang dimaksudkan oleh artikel ini.

    Mari kita perhatikan tulisan berikut ini menyoroti perbezaan utama antara fon serif dan sans-serif untuk pemahaman yang lebih baik tentang keduanya.

    Di manakah serif datang?

    Serif adalah garis nipis kecil yang dilampirkan pada akhir pukulan dalam typefaces. Mereka dipercayai berasal dari abjad Latin Rom yang digunakan untuk mengetuk tulisan mereka menjadi batu.

    Walaupun tidak ada asal-usul yang diterima secara universal mengenai hal ini sekeping hiasan dalam tipografi, diyakini bahawa orang-orang Rom digunakan untuk melukis surat-surat dengan garis-garis besar ke batu, jadi apabila pengetip batu mengikuti tanda berus, yang meleleh di ujung, yang mengakibatkan penciptaan serif.

    Bagaimana pula dengan sans-serif?

    Sans-serif, sebaliknya, secara harfiah bermaksud "tanpa serif". Mana-mana fon yang tidak hadir dalam sebatan ini di akhir setiap sudut, boleh dianggap sebagai fon sans-serif.

    Mengetahui ini, bagaimana pilihan untuk pergi dengan serif atau sans-serif menjejaskan reka bentuk anda? Berikut adalah beberapa perkara yang harus dipertimbangkan:

    Kebolehbacaan

    Kebolehbacaan sering diukur sebagai bagaimana dengan mudah pembaca boleh mencerna kandungan. Sudah tentu, seperti penglihatan biasanya subjektif, terdapat banyak faktor yang dapat dimainkan termasuk tahap minat atau pembaca, dan bagaimana kandungannya diatur di blok atau ruang yang telah diberikan.

    Kaedah "sekolah lama" menyampaikan teks menggunakan serif untuk alasan. Adakah anda pernah berfikir mengapa kebanyakan akhbar menggunakan typefaces serif untuk kandungan mereka? Kerana serif lebih mudah dibaca. Garis-garis hiasan kecil ini dalam setiap watak membimbing mata anda dengan cermat sebagai langkah anda dari garis ke baris dan menyatukan huruf-huruf yang sama membaca teks lebih lama tanpa cukai untuk mata anda.

    Ruang antara huruf (kerana anda perlu mengambil serif apabila memasuki spasi) juga memberikan lebih banyak ruang bagi pembaca untuk mengenal pasti huruf dari satu sama lain dengan mudah.

    Lihat contoh di bawah dan anda akan melihat bahawa fon serif mencipta pengalaman membaca yang lebih mudah ke mata kerana ia mewujudkan jurang antara huruf dan kata-kata. Ini menjadikan mata anda bergerak dari satu perkataan kepada yang lain lebih mudah.

    Selain itu, fon serif menjadi lebih sukar untuk dibaca menggunakan jarak yang sama. Ini kerana pemisahan setiap huruf lebih kecil daripada anda tidak perlu meletakkan serifs apabila memasukinya.

    Kebolehlihatan

    Kebolehlihatan adalah kualiti dan kejelasan huruf. Ini merangkumi butir-butir halus dari jenis huruf dan adalah penting kerana ia membantu pembaca membezakan satu watak dari yang lain. Ini berbeza dengan kebolehbacaan kerana yang paling sering terlibat dalam mendekati kandungan keseluruhannya.

    Dalam kes imej di atas, huruf kecil L dan saya untuk sans serif dalam Arial kelihatan sama. Bayangkan mengetik perkataan itu “Illinois”.

    Inilah untuk menekankan perkara saya.

    Walau bagaimanapun, adalah penting untuk diperhatikan bahawa jika typeface anda tidak dapat dibaca, ia tidak boleh dibaca. Tetapi terdapat banyak kes jenis yang boleh dibaca kerana tidak dapat dibaca bagaimana mereka jarak atau skala berbanding dengan tujuan reka bentuk mereka.

    Alex Poole menulis artikel yang jelas dengan membandingkan fon serif dan sans-serif dalam usaha untuk mengetahui yang lebih mudah dibaca.

    Menurut beliau, terdapat lima ciri yang perlu diperhatikan apabila ia berkaitan dengan keterbacaan:

    • Serif atau Sans-serif
    • Saiz Titik
    • Ketinggian X
    • Kaunter
    • Ascenders dan Descenders

    Poole membuat kesimpulan, berdasarkan argumen yang menyokong kedua-dua pihak, yang benar-benar ada tidak ada perbezaan keterbacaan ketika datang ke pemilihan jenis huruf. Beliau juga menyatakan bahawa ada kemungkinan bahawa serif atau kekurangannya boleh menjejaskan kebolehbacaan tetapi perbezaan itu tidak dapat diukur.

    Walau bagaimanapun, beliau berkata bahawa:

    Perbezaan keterbacaan dapat dijumpai dalam anggota keluarga jenis yang sama daripada antara huruf serif dan sans serif. Terdapat juga faktor lain seperti ketinggian x, saiz kaunter, jarak surat dan lebar strok yang lebih banyak penting untuk keterlihatan daripada kehadiran atau ketiadaan serif.

    Penskalaan dan Resolusi

    Teks dalam reka bentuk web tidak statik. Ia boleh berbeza dari skrin ke skrin dan perlu berskala. Ini telah selesai supaya teks itu masih boleh dibaca walaupun saiz skrin.

    Di kawasan ini, selamat untuk mengatakannya sans-serif memenangi pertempuran kerana ia lebih fleksibel untuk penskalaan. Fon Sans-serif lebih mudah untuk memberi penekanan dan kebolehbacaan dalam resolusi yang lebih kecil kerana mereka bertahan mengidap kerana kurang terperinci di dalamnya.

    IMAGE: Masa

    Berikut adalah perdana contoh bagaimana serif digunakan dengan teruk. Lihat perenggan bawah pada liputan majalah Time di atas dan anda akan dapat melihat betapa agaknya sukar untuk dibaca, kerana ia tidak mengalir dengan mudah terutamanya dengan saiz kecil itu. Tetapi perhatikan betapa sempurna kesannya kerana ia beralih kepada sans serif untuk “Jonathan Franzen”.

    Perkara yang sama berlaku apabila font sans-serif ditiup. Skala typeface mengekalkan bentuk umum dan menjadikannya lebih dikenali. Oleh itu, apabila bersisik, sans-serif cenderung mudah disesuaikan dengan saiz yang lebih baik kerana ia menyesuaikan dengan baik mengurai dalam saiz kecil dan mengoyak dalam yang lebih besar.

    Untuk serif, atau sans-serif?

    Jadi, apakah jawapan kepada soalan itu?

    Nah, kita boleh mengatakan bahawa ia adalah tali leher yang jelas. Memilih antara fon sans-serif dan serif akhirnya berminat untuk tujuan anda menggunakan teks. Jika teks yang anda styling sepatutnya kekal pada hampir saiz yang sama? Kemudian anda ingin lebih mudah dibaca yang menjadikan serif pilihan yang lebih baik.

    Sebaliknya, jika anda ingin membuatnya bahagian teks laman web responsif, kemudian memilih font sans-serif mungkin lebih bijak kerana anda tidak mahu teks anda kelihatan terlalu kecil untuk dibaca.

    IMAGE: GQ

    Lihatlah ini Majalah GQ meliputi yang menggunakan kedua-dua font serif dan sans serif. Konsensus umum ialah fon serif digunakan pada bahan formal dan bercetak, manakala sans serif kebanyakannya digunakan di web. Tetapi dalam kes ini, kedua-duanya telah digunakan, dan jika anda akan melihatnya sentiasa nama model penutup yang ada dalam serif, dengan itu menekankan.

    Beberapa kata akhir

    Ingatlah itu konsistensi adalah kunci. Pilihan fon anda perlu pergi dengan estetika keseluruhan reka bentuk yang anda buat. Awak boleh campurkan dan padankan typefaces yang serupa, berbual dengan mengubah saiz mereka untuk mengetahui yang berfungsi. Walau bagaimanapun, ingatlah bahawa anda melakukan ini supaya pengguna akan memahami mesej tersebut dan reka bentuk anda kelihatan estetik juga.