Koreksi artikel lama tentang tipografi, bagi yang belum melihat semoga bermanfaat untuk pengenalan

Tipografi adalah salah satu aspek terpenting dari desain web, karena menyampaikan informasi dasar. Sayangnya, banyak desainer dan klien takut bereksperimen dengan berani, memilih satu atau dua font "terbukti" untuk proyek mereka.

Jadi, artikel ini tentang mereka yang tersesat di lautan tipografi. Kita akan berbicara tentang dasar-dasar tipografi, apa itu tipografi, dan struktur tipografi.

Tipografi vs font - apa bedanya?

Banyak orang menggunakan kata typeface dan font secara bergantian. Sebenarnya, mereka bukan hal yang sama, sekarang saya akan menjelaskan alasannya.

headset adalah satu set karakter gaya yang mirip yang dapat ditulis / dicetak. Ini adalah angka, huruf, simbol. font adalah konsep yang lebih sempit yang ditentukan oleh beberapa faktor, seperti ukuran dan gaya. Pada dasarnya, Arial adalah tipografi dan Arial Bold adalah tipografi.

Klasifikasi

Font dapat dibagi menjadi beberapa kelompok - serif, sans-serif, skrip, tampilan. Namun, ada jenis klasifikasi lain.

Font Serif, Antik (Serif)

Dinamakan demikian karena setiap huruf memiliki serif kecil. Saat mencetak blok besar teks dalam desain web, mereka tidak disarankan karena sulit dibaca. Font ini biasanya digunakan untuk heading.

Font serif memiliki beberapa subtipe - misalnya, Gaya lama("Gaya lama" - mereka juga disebut humanis, serif humanistik) adalah font pertama dari klasifikasi ini, mereka digunakan sejak tahun 1400-an. Ciri khas mereka adalah bagian simbol yang terletak miring dibuat tipis. Contoh font adalah Adobe Jenson, Centaur, dan Goudy Old Style.

Serif transisi- digunakan pada tahun 1700-an. Ini termasuk font seperti Times New Roman dan Baskerville, serta Caslon, Georgia, dan Bookman. Mereka memiliki perbedaan yang lebih mencolok antara bagian tebal dan tipis huruf daripada Gaya Lama, tetapi kurang terlihat dibandingkan Modern.

Serif modern (gaya baru antik)- telah digunakan sejak tahun 1700-an, dan memiliki kontras yang kuat antara bagian karakter yang tebal dan tipis. Ini termasuk font seperti Didot dan Bodoni

Dan akhirnya , Slab serif- umumnya memiliki ketebalan yang sama dari semua garis, dan serif besar di ujungnya

Font Serif, Sans Serif

Font serif dinamakan demikian karena tidak memiliki serif.) Mereka terlihat lebih modern dan pertama kali digunakan pada abad ke-18.

Berikut adalah 4 jenis utama font serif: Aneh, Neo-aneh, Humanis, dan Geometris.
Keanehan lama- yang pertama, mereka mirip dengan font serif, tetapi sans serif.
Misalnya Franklin Gothic dan Akzidenze

aneh baru memiliki tampilan yang disederhanakan dibandingkan dengan yang aneh-aneh tua. Banyak font paling populer saat ini adalah sans serif baru, seperti MS Sans Serif, Arial, Helvetica, dan Univers.

humanis- lebih kaligrafis daripada semua font serif lainnya (yaitu, ketebalan garisnya berubah). Ini termasuk, misalnya, Gill Sans, Frutiger, Tahoma, Verdana, Optima, dan Lucide Grande - mereka sering digunakan untuk mengisi badan situs.

Geometris didasarkan pada angka yang benar, misalnya, "O" adalah lingkaran, dll.; dianggap sebagai tipografi serif paling modern. Contohnya adalah ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Tulisan tangan (Skrip)

Font tulisan tangan didasarkan pada tulisan tangan. Ada dua jenis font tersebut - formal dan kasual. Formal, seolah-olah ditulis dengan tangan, mereka berasal dari abad ke-17 dan ke-18. Beberapa font didasarkan pada tulisan tangan master terkenal seperti George Snell dan George Bickham. Kuenstler Script adalah contoh font modern. Bagus dan elegan, tidak muat di badan halaman.

Font Kezhl adalah versi yang lebih modern, berasal dari abad ke-20. Ini kurang formal, seringkali dengan sapuan tebal dan efek sapuan kuas. Font ini termasuk Mistral dan Brush Script.

Tampilkan font

Kategori font tampilan termasuk font yang umumnya tidak cocok untuk menulis teks. Paling sering mereka berfungsi sebagai aksen. Biasanya digunakan dalam industri percetakan, meskipun mereka mulai menemukan jalan mereka ke halaman Internet. Di antara tampilan Anda dapat menemukan, misalnya, blackletter - font asli dari mesin cetak pertama.

Font non-abjad (Dingbats)

Font non-abjad adalah font yang tidak mengandung huruf sama sekali, tetapi mengandung simbol dan ornamen.

Proporsional versus monospasi

Dalam font proporsional, simbol membutuhkan ruang sebanyak yang dibutuhkan ejaan alaminya. Misalnya, Times New Roman adalah font proporsional. Tetapi untuk font monospace, semua karakter memiliki lebar yang sama. Font tersebut termasuk, misalnya, Courier New

Suasana hati

Suasana font sangat mempengaruhi apakah pantas untuk digunakan dalam situasi tertentu. Kontras sering digunakan - gaya bisnis dikombinasikan dengan informal, ringan dengan dramatis. Misalnya, Times New Roman adalah jenis huruf yang ketat, dan inilah yang sering digunakan untuk korespondensi bisnis. Tapi, misalnya, Helvetica umumnya mengubah moodnya tergantung pada font di sekitarnya.

Ketebalan dan gaya

Ada font berdasarkan ketebalan: ringan, tipis, teratur, sedang, tebal, berat, atau hitam.

Ada tiga gaya font - miring, miring, dan huruf kecil. Topi kecil biasanya digunakan untuk heading.

Miring dan miring dapat dipertukarkan, meskipun gayanya berbeda. Miring adalah versi miring dari font biasa. Untuk mendapatkannya, Anda hanya perlu menggunakan fungsi Free Transform-distort di Photoshop. Tapi Italic sudah merupakan kumpulan karakter terpisah yang bertanggung jawab atas versi miring dari font.

Struktur font

Setiap karakter memiliki serangkaian karakteristik yang dapat digunakan untuk menentukan cara kerjanya dengan font lain. Berikut adalah yang utama:

Dasar- garis imajiner tempat teks berada. Terkadang font bulat sedikit diimbangi dari garis font.

Garis kecil (meanline) menunjukkan tinggi sebagian besar huruf kecil, biasanya ditentukan oleh tinggi huruf "x". Dari sinilah konsep tinggi x berasal.

Topi- tinggi huruf kapital"SEBUAH".

Gambar di atas menunjukkan tiga bagian umum dari semua huruf.

Pukulan utama, Batang- vertikal utama setiap simbol, termasuk yang miring.

Palang (Bar)- bagian horizontal font

Oval (Mangkuk)- bagian font yang membulat.

Remote atas (Ascender)- bagian yang menonjol dari huruf-huruf seperti "d", "h", dan "b".

Keturunan- bagian yang menonjol dari huruf seperti "p", "q" dan "f"

Serif- ciri khas font serif). Dalam beberapa font, mereka lebih diucapkan, sementara di yang lain, mereka kurang diucapkan.

Bukaan- menunjukkan celah pada karakter terbuka seperti "A", "c" atau "m"

Telinga itu adalah tambahan dekoratif untuk simbol, seperti pada contoh di atas untuk "g".

Menghubungkan stroke (Garis Rambut) itu adalah bagian tertipis dari jenis huruf serif.

mistar gawang - garis horisontal seperti pada huruf “A” dan “H”.

Jatuhkan (Terminal)- ujung goresan bulat atau oval (berbentuk drop) dalam menggambar beberapa karakter dalam font.

Lingkaran hanya muncul pada beberapa huruf kecil “g”, dan mungkin tertutup seluruhnya atau sebagian tertutup.

Memacu- lekukan kecil pada beberapa huruf, seperti "G".

Tautan menghubungkan bagian atas dan bawah huruf "g".

Tulang belakang- kurva pusat yang dimiliki huruf "s".

Ekor surat (Ekor)- garis dekoratif, misalnya pada huruf "R" atau "Q".

Elemen akhir (Terminal, Final)- akhir stroke non-serif

Bahu- garis bulat yang berangkat dari pukulan utama. (sejujurnya, banyak situs Rusia memberikan definisi yang sama sekali berbeda tentang konsep ini,)

Dengan munculnya komputer pribadi dan sistem penerbitan desktop pertama mengalami pergeseran tektonik dalam tipografi yang baru sekarang terlihat. Ini jauh dari perubahan besar pertama dalam tipografi, dan ada yang lain. Cukuplah untuk mengingat waktu ketika mesin-mesin dunia industri menang atas pengrajin. Produksi massal dan keuntungan lebih penting daripada keindahan tipe. Kuantitas lebih penting daripada kualitas.

Master hebat berhenti membuat font baru - font yang sudah ada cocok untuk mencetak buku. Pengrajin, tidak peduli seberapa profesional mereka, dibiarkan menganggur dan menjadi bagian dari proses teknologi.

Namun, kemenangan industrialisme tidak berarti bahwa para empu besar menghilang dengan munculnya mesin cetak. Kedua dunia ini terus ada secara independen satu sama lain - pencetak mengakui bakat pengrajin, dan mereka, pada gilirannya, memahami bahwa kemajuan tidak dapat dihentikan. Ini adalah perubahan tipografi yang kedua, sebagai akibatnya ia kehilangan sebagian dari "jiwanya" atau, jika boleh saya katakan demikian, kemanusiaan. Tetapi untuk memahami apa yang terjadi baru-baru ini, Anda harus melakukan perjalanan kembali ke masa 500 tahun yang lalu dan mencari tahu bagaimana semuanya dimulai.

TRANSISI PERTAMA

Konflik pertama antara yang baru dan yang lama muncul setelah penemuan mesin cetak pertama. Penciptanya, Johannes Gutenberg, dapat menggunakan mesin tersebut untuk membuat berbagai macam komposisi, dengan kecepatan cetak hingga 240 halaman per jam. Itu adalah sebuah revolusi.

Sebelum itu, semua buku dibuat seluruhnya dengan tangan. Buku-buku tebal masa lalu ditulis tangan dan dihiasi dengan desain dan ornamen yang rumit. Proses penyalinan memang sangat lama, tetapi alhasil, buku apa pun, bahkan salinan, adalah karya seni.

Tentu saja, buku cetakan pertama tidak sebanding dengan yang ditulis tangan. Mereka tidak terlalu cantik, tetapi lebih kecil dan lebih murah. Dan yang paling penting: kemampuan untuk mengganti karakter individu dan seluruh keluarga font memungkinkan untuk mencetak buku tidak hanya dalam bahasa Latin, tetapi juga dalam bahasa Eropa lainnya.

Orang-orang menyambut baik perubahan ini. Mereka membutuhkan buku-buku dalam bahasa yang dapat mereka pahami dan buku-buku untuk dibawa. Mereka haus akan pengetahuan dan buku-buku cetak memuaskannya.

Namun, sebagai akibat dari transisi pertama, buku itu kehilangan banyak kemanusiaannya. Mesin mengambil alih proses utama, tetapi pengrajin masih diminati. Setiap huruf diukir dengan tangan, dan karya seni serta ilustrasinya juga buatan manusia. Namun, itu tidak akan lama sebelum keterampilan mulai meninggalkan proses pembuatan buku.

ERA DIGITAL

Persimpangan pertama menghancurkan buku-buku tulisan tangan. Industrialisasi akhirnya merampas segel kemanusiaan, semuanya menjadi mekanis dan pengrajin kehilangan pekerjaan. Namun transisi ketiga akhirnya menghabisi tipografi sebagai sebuah seni. Kebanyakan tipografi hari ini secara mengejutkan tidak memiliki fitur. Itu hanya sekumpulan font di komputer Anda. Hampir tidak ada yang tahu sejarah font ini atau itu. Tidak ada yang peduli sebelumnya. Kami menelusuri ratusan font dalam satu menit mencari font yang cocok, dan yang lainnya tidak begitu penting.

_______________________

“Di dunia kita yang sangat terkomputerisasi, proliferasi jenis dan variasi variasinya mewakili tingkat polusi visual baru yang secara langsung mengancam budaya kita,” kata desainer Massimo Vignelli. "Dari ribuan font, kami hanya membutuhkan beberapa font dasar, karena sisanya hanya sampah."
_______________________

Dalam beberapa hal dia benar. Tipografi bukan hanya font. Bukan hanya huruf yang indah, itu adalah sesuatu yang lain, sesuatu yang membuat kita merasa. Pada dasarnya, tipografi adalah sebuah pesan. Menurut tipografi Rusia terkenal Lazar Lissitzky, tipografi harus secara optik menyampaikan kepada pembaca gagasan yang sama seperti yang diucapkan pembicara dengan suaranya.

Dahulu kala, tidak ada yang menulis dengan stylus di atas perkamen. Lewatlah sudah kertas kasar yang berbau tinta. Pasar cetak glossy telah menyusut ke proporsi mikroskopis. Hari ini kami membaca teks yang tidak dicetak, tetapi diketik, dan kami tidak membacanya sama sekali di atas kertas. Dan, tampaknya, transisi lain menunggu tipografi. Apa yang akan terjadi, tidak ada yang tahu, tetapi, kemungkinan besar, mengikuti kertas, tampilan yang biasa kita gunakan akan menjadi usang. Sulit untuk mengatakan kapan revolusi baru akan terjadi, tetapi pasti akan ada transisi baru.

Hal yang paling menyedihkan dalam semua ini adalah bahwa orang-orang telah kehilangan sebagian dari diri mereka sendiri dalam mengejar kesempurnaan. Praktis tidak ada yang membutuhkan keterampilan kaligrafi saat ini. Butuh waktu lama, butuh ketelitian dan ketekunan. Ini tidak masuk akal hari ini - ada headset untuk setiap selera. Kami memilih font seperti zombie: nama, ukuran, gaya ... Pesan? Pesan? Tidak ada pesan di balik font komputer, tidak ada riwayat, tidak ada apa-apa.

NOSTALGIA MASA LALU

Saat ini, banyak desainer merasa perlunya tipografi baru yang akan memberikan teks kepribadian yang sangat dibutuhkan. Ada banyak cara untuk bekerja dengan tipografi, masing-masing dengan tujuan yang sama untuk menjauh dari tipografi digital tanpa wajah. Semuanya digunakan - kontras warna, ilusi volume, ruang negatif, singkatnya, segala sesuatu yang dapat mengubah font standar menjadi font yang sedikit kurang standar.

Dan dalam hal ini, kita dapat mencatat tiga tren yang semakin kuat, yang menunjukkan keinginan desainer untuk mengembalikan keaslian font yang hilang. Hanya ada tiga tren utama dalam tipografi, tetapi mereka sulit untuk dilewatkan, karena mereka muncul secara harfiah di mana-mana. Kita berbicara tentang gaya seperti retro, cat air, dan topi.

PERCETAKAN GRANGE VINTAGE

Salah satu kesengsaraan desain yang paling umum adalah masalah dengan.

Dalam artikel ini, kami akan membagikan beberapa prinsip tipografi yang baik dan memberi Anda tips tentang cara menghindari banyak kesalahan umum.

Artikel ini bukan buku tentang tipografi atau seni tipografi, ini lebih seperti “ tips cepat untuk meningkatkan basis font desain ”.

Aturan 1. Semakin kecil fontnya, semakin baik

Salah satu kesalahan terbesar yang dilakukan desainer adalah menggunakan juga jumlah yang besar font dan / atau gaya mereka. Cobalah untuk menurunkannya menjadi dua atau tiga. Artinya, teks utama harus memiliki font dan ukuran yang sama.

Pilih satu untuk judul dan patuhi itu, mungkin sebagai upaya terakhir, satu lagi untuk subjudul. Jangan takut jika fontnya sangat berbeda satu sama lain. Saat menggunakan dua font yang sangat mirip dalam desain Anda, pembaca mungkin berpikir bahwa Anda baru saja melakukan kesalahan dan secara tidak sengaja memilih font yang salah saat mengetik.

Jaga konsistensi warna, kerapatan, dll. atau teks Anda akan terlihat seperti lalat mabuk yang bertebaran di seluruh halaman.

Aturan 2. Hati-hati dengan pemecatan

Berhati-hatilah untuk tidak melampaui huruf. Jika Anda memiliki masalah dengan kurangnya ruang untuk teks, maka lebih baik untuk mengurangi font. Ya, ini mungkin menambah ruang antar paragraf, tetapi tidak ada yang perlu dikhawatirkan, ini akan memberi Anda ruang bernapas saat membaca.

Aturan 3. Perataan yang benar

Harap jangan memusatkan semuanya (kecuali ini adalah gerakan desain khusus). Pertimbangkan untuk menggunakan kisi. Bagaimanapun, semua yang ada di halaman itu saling berhubungan. Gunakan pedoman dan tempatkan benda sesuai dengannya. Jangan menyebarkan objek di sudut halaman seolah-olah Anda tidak dapat memutuskan di mana harus meletakkannya.

Aturan 4. Lebih sedikit font dekoratif

Apakah Anda memiliki font dekoratif yang indah? Luar biasa! Tetapi ini tidak berarti sama sekali bahwa mereka perlu digunakan untuk teks paragraf. Di belakang font dekoratif, paling sering, ada cerita atau digunakan dalam kasus tertentu, misalnya, untuk judul atau judul. Seringkali, semakin sederhana semakin baik, itulah sebabnya font seperti Helvetica sangat populer.

Aturan 5. Ukuran penting

Ini tentang ukuran huruf teks;). Judul baik-baik saja saat diketik dalam huruf tebal dan besar, tetapi jika Anda menggunakan huruf yang terlalu besar di badan teks, itu akan membuatnya lebih murah. Pikirkan tentang itu. Anda pergi ke restoran yang bagus dan sering terjadi bahwa menunya tertulis cetakan kecil, terlihat keren. (Pastikan fontnya tidak cukup kecil sehingga sulit dibaca.) Jangan takut untuk membuat headline Anda lebih besar dari body copy Anda.

Aturan 6. Perhatikan keterbacaan

Semua yang Anda lakukan dilakukan agar dapat dibaca. Teks gelap aktif latar belakang gelap- ini tidak terlalu ide bagus... Lebih buruk lagi, menempatkan teks kecil di atas foto kontras tinggi. Ingatlah untuk menghindari menempatkan teks di atas apa pun.

Aturan 7. Pilih warna yang tepat

Warna apa yang terbaik untuk font? Umumnya, percaya atau tidak, hitam atau putih seringkali yang terbaik. Jika Anda menggunakan warna selain warna abu-abu yang berbeda, turunkan saturasinya. Tipografi berwarna cerah bisa sulit dibaca. Waspadalah terhadap kombinasi getar yang kompleks seperti merah di atas hijau.

Aturan 8. Pengelompokan yang sesuai

Yang terbaik adalah menggabungkan potongan-potongan informasi yang terkait bersama-sama. Ini akan membuat desain lebih jelas. Misalnya: lihat poster film, semua data dikelompokkan ke dalam blok yang menarik. Mereka sekarang dapat dilihat sebagai elemen terpisah desain. Contoh pengelompokan yang buruk - buka halaman kuning.

Aturan 9. Memimpin yang Cukup

Ini adalah jarak antar baris teks. Sangat penting untuk memilih interval yang tepat. Jauh lebih menyenangkan untuk membaca ketika ada ruang untuk sisa mata yang tersirat. Sebagai aturan umum, coba gunakan memimpin setidaknya 2 poin lebih besar dari ukuran font. Misalnya: untuk keterbacaan maksimum pada 10pt, font harus diatur ke setidaknya 12pt.

Aturan 10. Hati-hati dengan kerning

Kerning adalah jarak antar karakter individu dalam sebuah kata. Penting untuk memiliki pengalaman dalam mengidentifikasi kerning yang buruk, karena seringkali program, seperti Photoshop, membuat kesalahan dalam penempatannya. Ini perlu disesuaikan secara manual, tetapi yang utama adalah jangan berlebihan. Jika Anda tidak menyukai spasi karakter, tetapi tidak yakin bagaimana memperbaikinya, pilih font yang berbeda.

Coba aturan ini saat bekerja dengan type. Blok tipe yang dirancang dengan baik akan terlihat bagus tanpa gambar apa pun. Yang terbaik, pekerjaan tipe Anda memperkuat pengalaman desain yang positif. Itu harus menarik dan mudah dibaca.