Apakah tipografi dan, dengan lanjutan, reka bentuk tipografi? 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
Typefaces and Fonts: Jika anda pernah bercakap dengan reka bentuk yang menggunakan tipografi dalam karya mereka, anda mungkin pernah mendengar istilah "typeface" 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 fon (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 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.
Adakah bunyi ini agak mengelirukan? Jika ya, jangan risau. Sebenarnya, jika seseorang bukan seorang pakar tipografi, mereka mungkin menggunakan istilah "font" tanpa menghiraukan salah satu daripada istilah ini yang benar-benar bermakna - dan bahkan banyak pereka profesional menggunakan kedua-dua istilah 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 disebut "keluarga font generik" , ini adalah kumpulan besar typefaces berdasarkan beberapa klasifikasi generik yang fon berbeza jatuh di bawah .. Pada halaman Web , terdapat enam jenis klasifikasi font yang anda mungkin melihat:
- serif
- sans-serif
- monospasinya
- kursif
- fantasi
- skrip
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.
Satu laman web hari ini, serif dan sans-serif adalah dua klasifikasi font paling umum yang digunakan.
Anatomi Typeface: Setiap typeface terdiri daripada elemen yang berbeza yang membezakannya dari typefaces yang lain. Kecuali anda secara khusus akan pergi ke reka bentuk jenis dan mencari untuk membuat fon baru, pereka web biasanya tidak perlu mengetahui spesifik anatomi tipografi. Jika anda berminat untuk mempelajari lebih lanjut tentang blok bangunan typefaces dan bentuk surat, terdapat artikel hebat tentang anatomi jenis huruf di laman web penerbitan desktop About.com.
Pada tahap asas, unsur-unsur anatomi jenis huruf yang anda harus sedar adalah:
- Cap dan ketinggian x: Ini adalah ketinggian huruf besar dalam huruf dan ketinggian huruf x. Ia memberitahu anda betapa tinggi huruf besar, dan seberapa besar huruf besar yang akan berlaku. Font bersaiz berdasarkan kedua-dua ciri ini.
- Decenders and ascenders: Ini 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 (sekeping yang melekat "dari" huruf itu) manakala huruf "p" mempunyai penurun (bahagian-bahagian yang dips "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 tempatnya, 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
- ruang menegak terkemuka di antara baris jenis (ini dikenali sebagai ketinggian baris dalam istilah laman web)
- mengukur - panjang baris teks
- penjajaran - visual meletakkan teks ke kiri, kanan, berpusat, atau dibenarkan
- ligatures - surat bergerak rapat bersama supaya anatomi mereka digabungkan, pada dasarnya mengalir satu huruf ke yang 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: Hyphenation adalah penambahan tanda hubung (-) pada akhir 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: Edge menegak yang tidak rata dari blok teks dipanggil kain. 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 ia mengetik jenis dari baris ke baris.
Janda dan Anak Yatim: Satu kata di hujung lajur adalah balu dan jika ia berada di bahagian atas lajur baru ia menjadi anak yatim. Janda dan anak-anak yatim kelihatan buruk dan sukar dibaca.
Mendapatkan baris teks anda untuk dipaparkan dengan sempurna dalam pelayar web adalah cadangan yang melelahkan, terutamanya apabila anda mempunyai laman web yang 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 penampilan yang terbaik mungkin, sambil menerima bahawa dalam kes tertentu, kandungan anda akan mempunyai tingkap, anak yatim, atau lain-lain 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 tipografi tipografi .
- 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.
Artikel asal oleh Jennifer Krynin. Diedit oleh Jeremy Girard pada 7/5/17