Apa typography lan, kanthi extension, desain tipografi? Kanggo nggunakake panjelasan sing paling dhasar, tipografi yaiku desain lan panggunaan typefaces minangka sarana komunikasi. Akeh wong mikirake tipografi wis diwiwiti karo Gutenberg lan pangembangan jinis sing bisa dipindhahake, nanging tipografi luwih akeh maneh. Cabang iki bener-bener duwe werna-werna tulisan ing tangan. Typography kalebu kabeh saka kaligrafi liwat jinis digital sing kita waca dina kaca web kabeh jinis. Seni tipografi uga kalebu desainer tipe sing nggawe huruf gedhe anyar sing banjur diowahi dadi file font sing desain liyane bisa digunakake ing karya, saka karya cetak menyang situs kasebut kasebat. Minangka beda karo sing dienggo, tèks-tètil tèkstil ditepungi.
Elemen saka Typography
Typefaces and Fonts: Yen sampeyan tau ngomong karo desain sing nggunakake tipografi ing karya-karyané, sampeyan wis krungu istilah "typeface" lan / utawa "font". Akeh wong nggunakake rong istilah iki saling ganti, nanging ana uga sawetara beda antarane rong item.
"Typeface" yaiku istilah kanggo kulawarga font (kayata Helvetica Regular, Helvetica Italic, Helvetica Black, lan Helvetica Bold ). Kabeh versi Helvetica macem-macem nyebabake typeface sing lengkap.
"Font" yaiku istilah sing dipigunakaké nalika wong nganggep mung bobot utawa gaya ing kulawarga kasebut (kayata Helvetica Bold). Dadi akeh typefaces sing kalebu sawetara fonts individu, kabeh sing padha lan gegandhengan nanging beda ing sawetara cara. Sawetara typefaces mung kalebu font siji, dene liyane bisa kalebu akeh variasi saka bentuk surat sing nggawe fonts.
Apa swara iki bisa nyirip? Yen mangkono, aja padha sumelang. Ing kasunyatan, yen wong ora ahli typography, bakal nggunakake tembung "font" tanpa alesan kang salah sawijining istilah kasebut saestu tegese - lan malah akeh perancang profesional nggunakake rong istilah kasebut sithik. Yen sampeyan ora ngomongake desainer jinis murni babagan mekanika, mesthine sampeyan bisa nggunakake aman miturut whichever kasebut. Kang ngandika, yen sampeyan ngerti beda lan bener bisa nggunakake istilah sing bener, sing ora tau ala!
Typeface Klasifikasi: Kadhangkala disebut "famili font generik" , iki minangka klompok akeh typefaces miturut klasifikasi umum sing beda karo fonts beda. Ing kaca Web , ana enem jinis klasifikasi font sing cenderung sampeyan ndeleng:
- serif
- sans-serif
- monospaced
- cursive
- fantasi
- skrip
Ana uga sawetara klasifikasi font sing kalebu cabang kasebut. Contone, fonts "slab serif" padha karo serif, nanging kabeh iki nduweni rancangan sing bisa ditemokake kanthi serif tebal, serif ing huruf.
Siji situs web iki, serif lan sans-serif minangka klasifikasi rong jinis sing paling umum sing digunakake.
Anatomi typeface : Saben typeface digawe saka unsur sing beda-beda sing mbedakake saka typefaces liyane. Kajaba yen sampeyan bakal mlaku-mlaku kanthi desain tipikal lan pengin nggawe font anyar, desainer web ora perlu ngerti spesifik anatomi typeface. Yen sampeyan kepengin sinau luwih lengkap babagan pamblokiran gedhene typefaces lan letterforms, ana artikel gedhe babagan anatomi typeface ing situs penerbitan desktop About.com.
Ing tingkat dhasar, unsur anatomi typeface sing sampeyan kudu ngerti yaiku:
- Cap lan x-dhuwur: Iki dhuwure huruf kapital ing typeface lan dhuwur huruf x. Ngandhani yen dhuwur huruf paling gedhé bakal, uga minangka huruf paling gedhé sing paling cilik. Huruf kasebut ukuran adhedhasar ciri kasebut.
- Decenders and ascenders: Iki minangka bagian saka huruf sing ana ing ngisor lan ing ndhuwur garis x-dhuwur . Iki biasane ngrujuk marang huruf cilik. Contone, huruf "b" nduweni ascender (bagian sing "munggah" saka huruf) nalika huruf "p" nduweni descender (bagean sing dips "mudhun" saka huruf).
Spasi Around Sastra
Ana sawetara pangaturan sing bisa digawe antarane lan watara huruf sing mengaruhi typography. Font digital digawe kanthi akeh ciri-ciri kasebut ing panggonan, lan ing situs web kita duwe kemampuan winates kanggo ngganti aspek-aspek font kasebut. Iki asring bab sing apik amarga cara default sing ditampilake fonts biasane luwih apik.
- kerning - spasi horisontal antarane aksara siji
- ranging - spasi ing antarane kelompok aksara
- spasi utama - vertikal antarane garis jinis (iki dikenal minangka baris dhuwur ing situs web istilah)
- ukuran - dawa garis teks
- Alignment - visual ditempatkan teks ing kiwa, tengen, pusat, utawa sabdho
- ligatures - aksara dipindhah bebarengan supaya anatomi sing dikombinasi, ateges mili siji huruf menyang liyane
Unsur soket liyane
Tipografi luwih tipis tinimbang typefaces sing dipigunakaké lan spasi langit ing saubengé. Ana uga sawetara perkara sing sampeyan kudu eling nalika nggawe sistem tipografis sing apik kanggo desain apa wae:
Hyphenation: Hyphenation minangka tambahan hyphen (-) ing mburi garis kanggo mbiyantu masalah bisa dibaca utawa nggawe kabeneran luwih apik. Nalika umum ditemokake ing dokumen dicithak, paling perancang web ora nglirwakake hipotesis lan ora digunakake ing karya amarga ora ana sing ditangani kanthi otomatis dening browser web.
Rag: Gendheng vertikal saka pinggiran teks disebut rag. Nalika menehi perhatian marang tipografi, sampeyan kudu ndeleng pamblokiran teks minangka sakabehe kanggo mesthekake yen klambi ora nyebabake desain. Yen klambi uga jagged utawa ora rata, bisa mangaruhi kabaca ing pamblokiran teks kasebut lan nggawe gangguan. Iki soko sing ditangani kanthi otomatis dening browser ing babagan cara ngetik jinis saka garis menyang baris.
Bapak lan bocah yatim: Tembung siji ing mburi kolom iku randha lan yen ana ing ndhuwur kolom anyar, iku asu. Biyung lan bocah yatim katon apik lan bisa dadi angel diwaca.
Njupuk garis teks kanggo nampilake kanthi sampurna ing browser web yaiku proposisi apik, utamané nalika sampeyan duwe situs web responsif lan layar sing beda kanggo ukuran layar sing beda. Tujuan sampeyan kudu mriksa situs kasebut ing macem-macem ukuran kanggo nyoba nggawe tampilan paling apik bisa, nalika nrima ing kasus tartamtu isi sampeyan bakal duwe jendhela, anak yatim piatu, utawa layar kurang becik tinimbang. Tujuan sampeyan kudu ngurangi aspèk kasebut saka desain tipe, nalika uga realistis ing kasunyatan sing sampeyan ora bisa entuk kasempurnan kanggo saben ukuran layar lan tampilan.
Langkah-langkah Ngecek Typography Panjenengan
- Milih typefaces kanthi teliti, nyawang anatomi jinis kasebut uga apa jinis jinis kasebut.
- Yen sampeyan mbangun desain nggunakake teks placeholder , ora setuju desain final nganti sampeyan ndeleng teks asli ing desain.
- Priksani rincian cilik tipografi kasebut .
- Katrangan saben teks minangka ora ana tembung. Apa wangun sing nggawe teks ing kaca? Priksa manawa formulir kasebut mawa desain kaca kabeh maju.
Artikel asli dening Jennifer Krynin. Diedit dening Jeremy Girard ing 7/5/17