Tipografi nima va kengaytma bo'yicha, tipografik dizayn nima? Eng asosiy tushuntirishdan foydalanish uchun tipografiya aloqa vositasi sifatida yozuvchining dizaynini va ulardan foydalanish hisoblanadi. Ko'p odamlar Gutenberg'den boshlangan tipografiyani va harakatlanuvchi turini ishlab chiqishni o'ylaydi, ammo tipografiya bundan juda ham orqaga ketadi. Dizaynning bu sohasi haqiqatan ham o'z qo'li bilan yozilgan yozuvlarga ega. Tipografiya xattotlikdan bugungi kunda barcha turdagi veb-sahifalarda ko'rgan raqamli turdagi hamma narsani o'z ichiga oladi. Tipografiya san'ati, shuningdek, yangi yozuv shakllarini yaratadigan turdagi dizaynerlarni o'z ichiga oladi, ular keyinchalik boshqa dizaynlashtirilgan o'zlarining ishlarida, bosma asarlardan yuqorida aytib o'tilgan veb-saytlarga ishlatilishi mumkin bo'lgan shrift fayllariga aylantiriladi. Bu asarlardan farqli o'laroq, tipografiyaning asoslari ularning barchasini qo'llab-quvvatlaydi.
Tipografi elementlari
Shriftlar va shriftlar: Siz o'z asarlarida tipografiyani ishlatadigan dizayna bilan gaplashgan bo'lsangiz, ehtimol siz "harflarning" va / yoki "shrift" so'zlarini eshitgan bo'lasiz. Ko'pgina odamlar bu ikkala so'zni bir-birining o'rniga ishlatishadi, biroq aslida bu ikkala maqola o'rtasida farq bor.
" Yozuv shrifti " - bu shriftlar oilasiga ("Helvetica Regular", "Helvetica Italic", "Helvetica Black" va " Helvetica Bold" kabi ) berilgan atamalar. "Helvetica" ning turli xil versiyalari to'liq matnni tashkil qiladi.
"Shrift" atamasi, kimdir bu oilada faqat bitta vaznga yoki uslubga (masalan, Helvetica Bold) murojaat qilganida ishlatiladi. Juda ko'p harflar bir nechta shaxsiy shriftlardan iborat bo'lib, ularning barchasi bir-biriga o'xshash va aloqador, ammo boshqacha. Ba'zi fontlar faqat bitta shriftni o'z ichiga olishi mumkin, boshqalari shriftlarni tashkil etuvchi harflarning ko'plab turlarini o'z ichiga olishi mumkin.
Bu biroz chalkashlik eshitadimi? Agar shunday bo'lsa, tashvishlanmang. Aslida, agar kimdir tipografiya mutaxassisi bo'lmasa, unda "shrift" atamasidan foydalanish mumkin, bu so'zlardan qaysi biri haqiqatdan ham ma'nosini bildiradi - hatto ko'pchilik professional dizaynerlar bu ikki atamani bir-birining o'rniga ishlatadilar. Agar sizga texnikaning mexanikasi haqida sof turdagi dizaynerga gapirmasangiz, ehtimol bu ikki shartning qaysi birini afzal ko'rsangiz, siz juda xavfsizsiz. Aytish joizki, agar farqni tushunsangiz va to'g'ri so'zlarni to'g'ri ishlatsangiz, bu hech qachon yomon narsa emas!
Yozuv shrifti tasniflari: Ba'zan "umumiy shrift oilalari" deb ataladigan bular turli fontlar ostida bo'lgan bir qator umumiy tasniflarga asoslanib, katta harflar guruhlari. Veb-sahifalarda siz ko'rib turgan oltita shrift tasnifi mavjud:
- serif
- sans-serif
- bir xilda
- cursive
- fantaziya
- skript
Bundan tashqari, ular uchun ofset bo'lgan boshqa bir qator shrift tasnifi mavjud. Misol uchun, "serif serif" shriftlar seriflarga o'xshash, ammo ularning barchasi yozuv shakllari bo'ylab qalin, chunky seriflar bilan taniqli dizaynga ega.
Bugungi kunda veb-saytlar, serif va sans-serif ishlatiladigan eng keng tarqalgan shrift tasnifi hisoblanadi.
Matematika anatomiyasi: Har bir yozuv yozuvni boshqa harflardan ajratib turadigan turli elementlardan iborat. Agar siz maxsus dizaynga o'tishni va yangi shriftlarni yaratishni istasangiz, veb-dizaynerlar odatda anatomiya xususiyatlarini bilishmaydi. Agar siz ushbu yozuv bloklari va harflarning shakllari haqida ko'proq bilishga qiziqsangiz, unuz.com-da ish stoli nashriyot saytida yozuv anatomiyasi bo'yicha ajoyib maqola bor.
Asosiy darajada, shrift anatomiyasining elementlari quyidagilardan xabardor bo'lishi kerak:
- Qopqoq va x-balandligi: Bu harfning bosh harfidagi harflarning balandligi va x harfi balandligi. Eng katta harflar qanchalik uzunligini va eng kichik harflarning qanchalik katta bo'lishini ko'rsatadi. Shriftlar bu ikki xususiyatga asoslanib o'lchamga ega.
- Decenders and growers: Bu x-balandlik sathidan pastga va yuqoriga o'tadigan harflarning qismlari. Ular odatda kichik harflarga murojaat qiladilar. Misol uchun, "b" harfi "asr" (harfdan "yuqoriga" yopishgan), "p" harfi esa, pastki qismdan ("harf" dan pastga tushadigan qismlar) bor.
Harflarning oralig'i
Tipografiyaga ta'sir qiladigan harflar orasida va atrofida bir nechta o'zgarishlar bo'lishi mumkin. Raqamli shriftlar bu xususiyatlarning aksariyat joylarida yaratilgan va veb-saytlarda shriftning bu aspektlarini o'zgartirishga qodirligi cheklangan. Bu odatda yaxshi narsa, chunki shriftlarning ko'rsatuv shakli odatda afzaldir.
- har bir harf o'rtasidagi gorizontal bo'shliq
- kuzatuv - harflar guruhlari orasidagi masofa
- turdagi chiziqlar orasidagi etakchi vertikal bo'shliq (bu veb-saytlardagi chiziq balandligi deb nomlanadi)
- o'lchov - matn satrining uzunligi
- hizalamak - matni o'ng, chap, markazlashtirilgan yoki oqilona tarzda ingl. matn kiritish
- ligatures - harflar bir-biriga yaqinlashib, ularning anatomiyalari birlashtirilib, aslida bir harfni boshqasiga aylantiradi
Boshqa tipografiya elementlari
Tipografi nafaqat ishlatiladigan harflar va ularning atrofidagi bo'shliqlardan ko'proq. Har qanday dizayn uchun yaxshi tipografiya tizimini yaratishda eslash kerak bo'lgan boshqa narsalar ham mavjud:
Tafovut: Tafovut - muammolarning oldini olish yoki oqlanishni yaxshiroq ko'rsatish uchun chiziqlar oxirida chiziq (-) qo'shilishi. Ko'pchilik veb-dizaynerlar nashr etilgan hujjatlarda topilsa, tirelenmeyi rad etadi va o'z ishlarida foydalanmaydi, chunki veb-brauzerlar tomonidan avtomatik tarzda ishlov berilmagan narsa emas.
Rag: Matn blokining teng bo'lmagan vertikal tomoni mato deb ataladi. Tipografiyaga e'tiborni qaratayotganda, siz matolarni dizaynga ta'sir qilmasligini ta'minlash uchun matn bloklaringizni to'liq ko'rishingiz kerak. Agar latta juda yumshoq yoki notekis bo'lsa, u matn blokining okunabilirliğine ta'sir qilishi mumkin va uni chalg'itadi. Bu, brauzer tomonidan avtomatik ravishda satrdan satrgacha turtki olish usullari bilan bog'liq bo'lgan narsadir.
Yigitlar va etimlar: Ustun oxirida bitta so'z beva bo'lib, u yangi ustunning tepasida bo'lsa, bu etim. Beva va etimlar yomon ko'rinadi va o'qish qiyin bo'lishi mumkin.
Veb-brauzerda juda yaxshi ko'rsatiladigan matnli satrlarni olish, ayniqsa, sizga moslashuvchan veb-sayt va ekranning turli o'lchamlari uchun turli ko'rinishlarga ega bo'lganingizda juda zerikarli taklif. Sizning maqsadingiz saytni eng yaxshi ko'rinishga ega bo'lishga harakat qilish uchun turli o'lchamlarda ko'rib chiqish kerak ba'zi holatlarda sizning derazangizda derazalar, etimlar va boshqa kamroq ideal tasvirlar mavjudligini qabul qilish mumkin. Maqsadingiz har qanday ekran o'lchamlari va ekrani uchun mukammallikka erisha olmasligingiz bilan birga, turdagi dizaynning bu aspektlarini kamaytirishdir.
Tipografiyangizni tekshirish uchun qadamlar
- Tipdagi anatomikani va qanday turdagi oilani ko'rib chiqishni diqqat bilan tanlang.
- Agar siz dizaynni joy egallagan matn yordamida tuzadigan bo'lsangiz, dizayndagi haqiqiy matnni ko'rmaguningizcha yakuniy dizaynni tasdiqlamang.
- Tipografiyaning kichik tafsilotlariga e'tibor bering.
- Matnning har bir blokiga nazarda tutilganidek, qarang. Matn sahifada qanday shakllar yaratadi? Ushbu shakllar butun sahifa dizaynini oldinga surishiga ishonch hosil qiling.
Jennifer Kryninning original maqolasi. Jeremy Girard tomonidan 7/5/17 yil tahrirlangan