Untuk menggunakan penjelasan yang paling asas, tipografi ialah reka bentuk dan penggunaan tipografi sebagai alat komunikasi. Ramai orang menganggap tipografi telah bermula dengan Gutenberg dan perkembangan jenis yang boleh dipindahkan, tetapi tipografi kembali jauh lebih jauh daripada itu. Cawangan reka bentuk ini sebenarnya mempunyai akar dalam bentuk surat tulisan tangan.
Typography merangkumi segala-galanya dari kaligrafi melalui jenis digital yang kita lihat hari ini di laman web semua jenis. Seni tipografi juga termasuk pereka jenis yang mencipta bentuk huruf baru yang kemudiannya berubah menjadi fail fon yang boleh digunakan oleh reka bentuk lain dalam karya mereka, dari karya yang dicetak ke laman web yang disebutkan di atas. Seperti yang berlainan dengan karya-karya itu, asas-asas tipografi menyokong mereka semua.
Elemen Tipografi
Jika anda pernah bercakap dengan seorang pereka web yang menggunakan tipografi dalam karyanya, anda mungkin pernah mendengar istilah "tipografi" dan / atau "font." Ramai orang menggunakan kedua-dua istilah ini secara bergantian, tetapi sebenarnya terdapat beberapa perbezaan antara kedua-dua perkara ini.
Typeface adalah istilah yang diberikan kepada keluarga font (seperti Helvetica Regular, Helvetica Italic, Helvetica Black, dan Helvetica Bold). Semua pelbagai versi Helvetica membentuk taip taip lengkap.
Font adalah istilah yang digunakan apabila seseorang merujuk kepada hanya satu berat atau gaya dalam keluarga itu (seperti Helvetica Bold). Begitu banyak typefaces terdiri daripada beberapa fon individu, kesemuanya sama dan berkaitan tetapi berbeza dalam beberapa cara. Sesetengah tipografi mungkin hanya termasuk font tunggal, sementara yang lain mungkin termasuk banyak variasi bentuk huruf yang membentuk fon.
Jika ini seolah-olah mengelirukan, jangan bimbang, jika seseorang itu bukan seorang pakar tipografi, mereka mungkin akan menggunakan istilah "font" tanpa menghiraukan salah satu daripada istilah ini yang benar-benar bermakna, dan bahkan banyak pereka profesional menggunakan kedua-dua istilah ini secara bergantian. Kecuali anda bercakap dengan pereka bentuk murni mengenai mekanik kerajinan, anda mungkin cukup selamat menggunakan mana-mana dua istilah yang anda lebih suka. Bahawa dikatakan, jika anda memahami perbezaan dan dapat menggunakan istilah yang betul, itu bukanlah perkara yang buruk!
Klasifikasi Typeface
Kadang-kadang dipanggil "keluarga font generik," ini adalah kumpulan besar typefaces berdasarkan beberapa klasifikasi generik yang fon berbeza jatuh di bawah. Di laman web, terdapat enam jenis klasifikasi font yang mungkin anda lihat:
- Serif
- Sans-serif
- Skrip
- Monospaced
- Kursif
- Fantasi
Terdapat juga klasifikasi fon lain yang merupakan cabang dari ini. Sebagai contoh, fon slab serif adalah sama dengan serif, tetapi mereka semua mempunyai reka bentuk yang dikenali dengan serif tebal, serpihan pada bentuk huruf. Serif dan sans-serif adalah dua klasifikasi font yang paling umum yang digunakan pada kebanyakan laman web.
Anatomi Typeface
Setiap jenis huruf terdiri daripada elemen yang berbeza yang membezakannya daripada tipografi lain, yang disebut sebagai anatomi taip. Kecuali anda secara khusus akan pergi ke reka bentuk jenis dan mencari untuk membuat fon baru, pereka web secara amnya hanya perlu mengetahui asas-asas terminologi typeface.
Pada tahap asas, elemen-elemen anatomi taip yang anda perlu sedari adalah "cap" dan "x-height," dan "descenders" dan "ascenders."
Cap dan ketinggian x ialah ketinggian huruf kapital dalam taip huruf dan ketinggian huruf x. Ia memberitahu anda betapa tinggi huruf besar, dan seberapa besar huruf besar yang akan berlaku. Semua fon adalah bersaiz berdasarkan kedua-dua ciri ini.
Descenders dan ascenders adalah bahagian huruf yang berada di bawah dan di atas garis ketinggian x. Ini biasanya merujuk kepada huruf kecil. Sebagai contoh, huruf "b" mempunyai ascender (bahagian yang melekat "dari" huruf) manakala huruf "p" mempunyai penurun (bahagian-bahagian yang turun dari huruf).
Spasi Sekitar Surat
Terdapat beberapa pelarasan yang boleh dibuat di antara dan sekitar huruf yang mempengaruhi tipografi. Fon digital dicipta dengan banyak ciri-ciri ini di tempat, dan di laman web, kami mempunyai keupayaan terhad untuk mengubah aspek font ini. Ini sering menjadi perkara yang baik kerana cara lalai yang dipaparkan adalah biasanya lebih baik.
- Kerning: Ruang melintang antara huruf individu
- Penjejakan: Ruang antara kumpulan huruf
- Mengetuai: Ruang menegak antara baris jenis (ini dikenali sebagai ketinggian baris dalam istilah laman web)
- Ukur: Panjang baris teks
- Penjajaran: Secara visual meletakkan teks ke kiri, kanan, berpusat, atau dibenarkan
- Ligatures: Huruf bergerak begitu dekat bersama-sama bahawa anatomi mereka digabungkan, pada dasarnya mengalir satu huruf ke huruf lain
Lebih banyak Elemen Typography
Tipografi adalah lebih daripada sekadar typefaces yang digunakan dan ruang kosong di sekelilingnya. Terdapat juga beberapa perkara lain yang perlu anda ingat apabila mencipta sistem tipografi yang baik untuk sebarang reka bentuk:
"Hyphenation" adalah penambahan tanda hubung (-) di hujung garis untuk membantu mencegah masalah dalam pembacaan atau membuat justifikasi kelihatan lebih baik. Walaupun biasanya terdapat dalam dokumen bercetak, kebanyakan pereka web mengabaikan hiperakan dan tidak menggunakannya dalam kerja mereka kerana ia bukan sesuatu yang ditangani dengan baik oleh penyemak imbas web secara automatik.
"Rag" adalah tepi menegak yang tidak rata dari blok teks. Apabila memberi perhatian kepada tipografi, anda harus melihat blok teks anda secara keseluruhan untuk memastikan kain tidak mempengaruhi reka bentuk.Sekiranya kain itu terlalu bergerigi atau tidak rata, ia boleh menjejaskan kebolehbacaan blok teks dan menjadikannya mengganggu. Ini adalah sesuatu yang secara automatik dikendalikan oleh penyemak imbas dari segi cara membungkusnya dari baris ke baris.
Satu perkataan di hujung lajur adalah janda dan jika ia berada di bahagian atas lajur baru itu adalah anak yatim. "Balu" dan "anak yatim" kelihatan buruk dan sukar dibaca.
Mendapatkan baris teks anda untuk dipaparkan dengan sempurna dalam penyemak imbas web adalah cadangan yang melelahkan, terutama apabila anda mempunyai laman web responsif dan paparan yang berbeza untuk saiz skrin yang berbeza. Matlamat anda adalah untuk mengkaji laman web tersebut pada saiz yang berbeza untuk mencuba untuk mencipta pandangan yang terbaik semasa menerima bahawa dalam kes tertentu, kandungan anda akan mempunyai tingkap, anak yatim, atau paparan kurang ideal. Matlamat anda adalah untuk meminimumkan aspek-aspek reka bentuk jenis ini, sementara juga realistik dalam fakta bahawa anda tidak dapat mencapai kesempurnaan untuk setiap saiz skrin dan paparan.
Langkah-langkah untuk Memeriksa Typography anda
- Pilih tipografi dengan berhati-hati, melihat anatomi jenis serta jenis keluarga jenisnya.
- Sekiranya anda membina reka bentuk menggunakan teks pemegang tempat, jangan meluluskan reka bentuk akhir sehingga anda melihat teks sebenar dalam reka bentuk.
- Perhatikan butiran kecil tipografi, seperti tanda hubung dan tanda huru hara.
- Lihat setiap blok teks seolah-olah ia tidak mempunyai kata-kata di dalamnya. Apakah bentuk teks yang dibuat pada halaman? Pastikan bentuk tersebut membawa keseluruhan reka bentuk halaman ke hadapan.
