Sa dolaskom personalni računari i prvim desktop izdavačkim sistemima, došlo je do tektonskog pomaka u tipografiji, čije posljedice tek sada postaju uočljive. Ovo nije prva globalna promjena u tipografiji; bilo je i drugih. Dovoljno je prisjetiti se vremena kada su mašine industrijskog svijeta pobijedile zanatlije. Masovna proizvodnja i profit postali su važniji od ljepote fontova. Količina je bila važnija od kvaliteta.

Veliki majstori su prestali da stvaraju nove fontove; oni koji su već postojali bili su pogodni za štampanje knjiga. Zanatlije, koliko god da su bili profesionalni, ostali su besposleni i postali dio tehnološkog procesa.

Međutim, pobjeda industrijalizma nije značila da su veliki majstori nestali s pojavom štamparskih mašina. Ova dva svijeta nastavila su postojati nezavisno jedan od drugog - štampari su prepoznali talenat zanatlija, a oni su zauzvrat shvatili da se napredak ne može zaustaviti. Ovo je bila druga promjena u tipografiji, uslijed koje je izgubila dio svoje "duše" ili, da tako kažem, ljudskosti. Ali da biste razumeli šta se nedavno dogodilo, moraćete da otputujete u prošlost 500 godina i saznate gde je sve počelo.

PRVA TRANZICIJA

Prvi sukob između novog i starog nastao je nakon pronalaska prve štamparije. Njegov tvorac, Johannes Guttenberg, mogao je koristiti mašinu za kreiranje širokog spektra kompozicija, sa brzinom štampanja do 240 stranica na sat. Bila je to revolucija.

Prije toga, sve su knjige u potpunosti kreirane ručno. Tomovi iz prošlosti bili su pisani rukom i ukrašeni zamršenim dizajnom i dizajnom. Proces kopiranja je bio veoma dug, ali kao rezultat toga, svaka knjiga, čak i kopija, bila je umjetničko djelo.

Naravno, prve štampane knjige nisu se mogle porediti sa rukom pisanim. Nisu bili posebno lijepi, ali su bili manji i jeftiniji. I što je najvažnije: mogućnost zamjene pojedinačnih znakova i čitavih porodica fontova omogućila je štampanje knjiga ne samo na latinskom, već i na drugim evropskim jezicima.

Ljudi su samo pozdravili ove promjene. Trebale su im knjige na jeziku koji razumiju i knjige koje mogu ponijeti sa sobom. Imali su žeđ za znanjem i štampane knjige su je gasile.

Međutim, kao rezultat prve tranzicije, knjiga je izgubila veći dio svoje ljudskosti. Mašine su preuzele glavni proces, ali su zanatlije i dalje bile tražene. Svako slovo je izrezbareno ručno, a dizajn i ilustracije su takođe kreirali ljudi. Međutim, neće proći mnogo vremena prije nego što zanatsko umijeće počne da blijedi iz procesa proizvodnje knjige.

DIGITALNO DOBA

Prva tranzicija uništila je rukom pisane knjige. Industrijalizacija je konačno lišila štamparstvo humanosti, sve je postalo mehanizovano, a majstori su ostali bez posla. Ali treća tranzicija je konačno završila tipografiju kao umjetnost. Ovih dana, većina slušalica je iznenađujuće bez karakteristika. To je samo kolekcija fontova na računaru. Malo ko zna istoriju ovog ili onog fonta. Nikoga nije briga za ovo. U minuti skrolujemo kroz stotine fontova u potrazi za odgovarajućim stilom, a sve ostalo nije toliko važno.

_______________________

“U našem potpuno kompjuteriziranom svijetu, proliferacija fontova i njihovih različitih varijacija predstavlja novi nivo vizuelno zagađenje koje direktno ugrožava našu kulturu, kaže dizajner Massimo Vignelli. “Od hiljada fontova, potrebno nam je samo nekoliko osnovnih, jer je sve ostalo samo smeće.”
_______________________

Na neki način je u pravu. Tipografija je više od samo fontova. Ovo nisu samo lijepa slova, to su nešto drugo, nešto što nas čini da se osjećamo. U suštini, tipografija je poruka. Prema čuvenom ruskom tipografu Lazaru Lisickom, tipografija treba optički da prenese čitaocu istu ideju koju izgovara govornik.”

Prošlo je dosta vremena otkad je iko pisao na pergamentu olovkom. Nestao je grubi papir koji miriše na štamparsko mastilo. Tržište sjajne štampe smanjilo se na mikroskopske količine. Danas čitamo tekstove koji nisu štampani, već otkucani, a na papiru ih uopšte ne čitamo. I, očigledno, tipografiju čeka još jedna tranzicija. Niko ne zna kako će to biti, ali će, po svemu sudeći, nakon papira, displeji koji su nam poznati zastareli. Teško je reći kada će se desiti sledeća revolucija, ali nova tranzicija nužno hoće.

Najtužnije u svemu ovome je što su ljudi izgubili dio sebe u potrazi za savršenstvom. Danas gotovo nikome nije potrebna vještina kaligrafije. To traje dugo, zahtijeva brigu i upornost. Danas to nema smisla - na kraju krajeva, postoje slušalice za svaki ukus. Biramo fontove poput zombija: ime, veličinu, stil... Poruka? Poruka? Nema poruke iza kompjuterskih fontova, nema priče, ničega.

NOSTALGIJA ZA PROŠLOŠĆU

Danas mnogi dizajneri osjećaju potrebu za novim fontovima koji bi tekstu dali individualnost koja mu je potrebna. Postoji mnogo načina rada sa tipografijom, a svaki od njih teži istom cilju - pobjeći od bezličnosti digitalnih slova. Korišteno je sve – kontrast boja, iluzija volumena, negativan prostor, ukratko, sve ono što standardni font može pretvoriti u nešto manje standardni.

I u tom smislu možemo primijetiti tri rastuća trenda koji pokazuju želju dizajnera da povrate izgubljenu autentičnost fontova. Postoje samo tri glavna trenda u tipografiji, ali ih je teško ne primijetiti, jer se pojavljuju bukvalno posvuda. Govorimo o stilovima kao što su retro, akvarel i kape.

VINTAGE GRUNGE TYPOGRAPHY

Ispravio sam stari članak o tipografiji, za one koji ga nisu vidjeli bit će korisno da pročitate

Tipografija- jedan od najvažnijih aspekata web dizajna, jer se uz njegovu pomoć prenose osnovne informacije. Nažalost, mnogi dizajneri i klijenti se boje hrabrih eksperimenata, birajući jedan ili dva "provjerena" fonta za svoje projekte.

Dakle, ovaj članak je posvećen onima koji su izgubljeni u okeanu tipografije. Govorit ćemo o osnovama tipografije, koje vrste fontova postoje i strukturi fontova.

Tipografi i fontovi - u čemu je razlika?

Mnogi ljudi koriste riječi "tip" i "font" naizmjenično. Zapravo, ovo nije ista stvar, sad ću objasniti zašto.

Slušalice je skup stilski sličnih znakova koji se mogu napisati/ispisati. To su brojevi, slova, simboli. Font- Ovo je uži pojam, koji je određen više faktora, kao što su veličina i stil. Generalno, Arial je font, a Arial Bold je font.

Klasifikacija

Fontovi se mogu podijeliti u nekoliko grupa - serif (serif), sans serif (sans-serif), rukopisni (skripta), displej (displej). Međutim, postoje i druge vrste klasifikacije.

Serif fontovi, Antiqua (Serif)

Zovu se tako jer svako slovo ima male serife. Kada ispisujete velike blokove teksta u web dizajnu, oni se ne preporučuju jer se smatraju teškim za čitanje. Ovi fontovi se obično koriste za naslove.

Serif fontovi imaju dosta podtipova - na primjer, Old Style(“Stari stil” - nazivaju ih i humanisti, humanistic serif) - prvi fontovi ove klasifikacije, korišteni su još u 1400-ima. Njihova razlikovna karakteristika- da dio simbola koji se nalazi pod uglom postaje tanak. Primjeri fontova uključuju Adobe Jenson, Centaur i Goudy Old Style.

Prijelazni serifi- korišteno u 1700-im. Ovo uključuje fontove kao što su Times New Roman i Baskerville, kao i Caslon, Georgia i Bookman. Njihova razlika između debljih i tankih dijelova slova je uočljivija nego kod starog stila, ali manje uočljiva nego kod modernog.

Moderni serifi (novi stil starine)- korišteni nakon 1700-ih, i imaju jak kontrast između debelih i tankih dijelova likova. Ovo uključuje fontove kao što su Didot i Bodoni

I na kraju , Slab serifi (Slab fontovi)- generalno imaju istu debljinu svih linija, i velike serife na krajevima

Seckani fontovi, Groteske (Sans Serif)

Serif fontovi se tako nazivaju jer nemaju serife). Izgledaju modernije, a počeli su da se koriste u 18. veku.

Evo 4 glavne vrste sans serif fontova: Groteska (stara groteska), neogroteska (nova groteska), humanistička (humanistička) i geometrijska (geometrijska).
Stare groteske- prvi, slični su serif fontovima, ali bez serifa.
Na primjer, Franklin Gothic i Akzidenze

Nove groteske imaju pojednostavljen izgled u odnosu na stare groteske. Mnogi od najpopularnijih fontova danas su novi sans serifi, na primjer, MS Sans Serif, Arial, Helvetica i Univers.

Humanisti- kaligrafskiji od svih drugih fontova bez serifa (odnosno, njihova debljina se mijenja). To uključuje, na primjer, Gill Sans, Frutiger, Tahoma, Verdana, Optima i Lucide Grande - oni se često koriste za popunjavanje tijela stranice.

Geometrijski na osnovu pravilnih figura, na primjer, "O" je krug, itd.; smatraju se najmodernijim sans serif fontovima. Primjeri - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Rukopisno (skripta)

Rukopisni fontovi su zasnovani na rukopisu. Postoje dvije varijante takvih fontova - formalni i casual. Čini se da su formalni pisani rukom i potiču iz 17. i 18. stoljeća. Neki fontovi su zasnovani na rukopisu poznatih umjetnika kao što su George Snell i George Bickham. Kao primjer modernih fontova, možete uzeti Kuenstler Script. Iako je lijep i elegantan, ne pristaje uz tijelo stranice.

Casual fontovi su modernija verzija; nastali su u 20. stoljeću. Manje je formalan, često s podebljanim potezima i efektom poteza kistom. Ovi fontovi uključuju Mistral i Brush Script.

Prikaz fontova

Kategorija fontova za prikaz uključuje one fontove koji općenito nisu prikladni za pisanje teksta. Najčešće služe kao akcenat. Obično se koriste u štampi, iako se počinju pojavljivati ​​na Internet stranicama. Među displejima možete pronaći, na primjer, blackletter - originalne fontove prvih tiskarskih mašina.

Neabecedni fontovi (Dingbats)

Fontovi koji nisu abecedni- to su oni fontovi koji uopće ne sadrže slova, ali sadrže simbole i ornamente.

Proporcionalno naspram monoprostornog

U proporcionalnim fontovima, znak zauzima onoliko prostora koliko zahtijeva njegov prirodni pravopis. Na primjer, Times New Roman je proporcionalni font. Ali jednorazredni fontovi imaju sve znakove iste širine. Takvi fontovi uključuju, na primjer, Courier New

Raspoloženje

Raspoloženje fonta uvelike utiče na to da li ga je prikladno koristiti u datoj situaciji. Kontrasti se također često koriste - poslovni stil se kombinira s neformalnim, lagani s dramatičnim. Na primjer, Times New Roman je strog font i to je onaj koji se tako često koristi poslovnu korespondenciju. Ali, na primjer, Helvetica općenito mijenja svoje raspoloženje ovisno o okolnim fontovima.

Debljina i stil

Debljina fontova je: lagana, tanka, pravilna, srednja, podebljana, teška ili crna.

Postoje tri stila fonta - kurziv, kosi i mala slova. Mala slova se obično koriste za naslove.

Kurziv i kosi su zamjenjivi, iako su različiti stilovi. Oblique je koso verzija regularnih fontova. Da biste ga dobili, samo koristite funkciju Free Transform-distort u Photoshopu. Ali kurziv je zaseban skup znakova koji je odgovoran za nagnutu verziju fonta.

Struktura fonta

Svaki znak ima određeni skup karakteristika koje se mogu koristiti za određivanje kako se kombinira s drugim fontovima. Evo glavnih:

Linija fonta (osnovna linija)- zamišljena linija na kojoj se nalazi tekst. Ponekad se zaobljeni fontovi malo povlače od linije fonta.

Srednja linija označava visinu većine malih slova, obično određena visinom slova "x". Odatle dolazi koncept x-visine.

Gornja linija velikih slova (Cap)- visina veliko slovo"A".

Slika iznad prikazuje tri zajednička dijela svih slova.

Glavni potez, Stem- glavna vertikala svakog simbola, uključujući i nagnutu.

Prečka (prečka)- horizontalni dio fonta

ovalna (zdjela)- zaobljeni dio fonta.

Gornji nastavak (Ascender)- dio slova koji strši gore, kao što su “d”, “h” i “b”.

Descender- dio koji strši prema dolje od slova kao što su “p”, “q” i “f”

Serifi- karakteristična karakteristika serifnih fontova). U nekim fontovima su izraženiji, dok su kod drugih manje izraženi.

Otvor blende- označava prostor za otvorene znakove kao što su “A”, “c” ili “m”

Uho ovo je ukrasni dodatak simbolu, kao što je slovo “g” u gornjem primjeru.

Hod povezivanja (linija kose) Ovo je najtanji dio serifnog fonta.

Prečka - horizontalna linija, kao u simbolima “A” i “H”.

Ispusti (terminal)- okrugli ili ovalni (u obliku kapi) kraj poteza u dizajnu nekih znakova fonta.

Petlja pojavljuje se samo na nekim malim slovima “g” i može biti potpuno zatvorena ili djelomično zatvorena.

Spur- mali urez na nekim slovima, poput "G".

Veza (link) povezuje vrh i donji dio slova "g".

Kičma- centralna krivina koju ima slovo “s”.

repna slova (rep)- ukrasna linija, na primjer, na slovu "R" ili "Q".

Završni element (Terminal, Final)- završetak poteza bez serifa

Rame- zaobljena linija koja se proteže od glavnog poteza. (da budem iskren, mnoge ruske stranice daju potpuno drugačiju definiciju ovog koncepta)

Od autora: Pozdrav, prijatelji! Nastavljamo da istražujemo zamršenosti profesionalnog web dizajna, a danas imamo vrlo vruću temu - web tipografiju. Nažalost, mnogi programeri ne poznaju ni same osnove i pravila ove oblasti. Možda se jednostavno ne trude i ne žele gubiti vrijeme na to, ili možda ne razumiju u potpunosti njegovo značenje. Općenito, moj cilj je da vam dočaram da je tipografija u web dizajnu osnova osnova, a bez nje će biti vrlo teško napredovati.

Tipografija i poruka

Svrha svakog Internet izvora je informativna poruka ciljana publika. Na šta će posjetitelji vaše web stranice prvo obratiti pažnju? Naravno, na tekstu! (naravno, ako nije zakrčen slučajnim oglašavanjem i puno glupih banera). Uspjeh vašeg projekta će u konačnici zavisiti od teksta, i to samo od teksta.

Hajde da shvatimo šta tipografija zaista utiče na web dizajn.

Prvo, slika web resursa. Kvalitetan razvoj vidljiv je golim okom i ne morate biti mega specijalista da biste procijenili koliko dugo želite ostati na stranici. Iskrivljen, nečitljiv tekst je prvi razlog zašto će posjetitelj napustiti vaš link 10-15 sekundi nakon ulaska.

Drugo, jedinstvenost web resursa. Uzimajući u obzir činjenicu da je današnjim tempom progresivnog razvoja internetskog prostora pronalaženje apsolutno jedinstvenog sadržaja jednostavno nerealan zadatak, vaš zadatak je jedinstveno prezentirati ovaj sadržaj. U borbi sa konkurentskim sajtovima uvek pobeđuje onaj ko ne zanemaruje jednostavna pravila razvoja, već naprotiv, efikasno ih primenjuje i dobija maksimalnu korist.

Osnove tipografije u web dizajnu

Fontovi u web dizajnu

Tipografija u web dizajn ima potpuno prirodne zakone i pravila. Počnimo sa fontovima. Pravi izbor fontovi će u velikoj mjeri odrediti koncept vašeg razvoja i utjecati na cjelokupnu percepciju resursa.

Čak iu nedavnoj prošlosti, iako se malo zna o tim vremenima, dizajneri su mogli koristiti samo one fontove koji su pratili operativni sistem. Sve sjajne verzije nisu bile ništa drugo do slika ili blic. Bilo je zaobilaznih rješenja, ali su izazvali mnogo problema.

Uvođenje CSS svojstva @font-face jednostavno je oslobodilo ruke dizajnerima. Registrirao sam vezu na bilo koju datoteku fontova, a sada se već koristi na stranicama stranice. Postoji određeno nezadovoljstvo ovom temom od strane programera, ali se pokazalo da je to potpuno rješiv problem.

Napominjem da nisu svi fontovi prikladni za kompetentan web dizajn. Uglavnom zbog njihove nečitljivosti i poteškoća pri gledanju sa ekrana. Neki fontovi su preteški i usporavaju resurse - svakako obratite pažnju na to. Dodaću još tehnička karakteristika kada radite sa fontovima: njihov prikaz u različitim pretraživačima- postoji takav problem obrade fajla ili čak cijele porodice.

Makro i mikro tipografija

Kao što ste vjerovatno već shvatili iz naziva ovih pojmova:

makro nivo - gradi opšta struktura tekst, određuje položaj sadržaja u odnosu na dizajn;

mikro nivo - obraća pažnju na najsitnije detalje, razmake, razmake, udubljenja itd.

Zadatak makro tipografije je globalan - učiniti tekstualne blokove živim, aktivnim, ali u isto vrijeme skladnim i integralnim. Mikrotipografija ima jednostavniji, ali ne manje važan zadatak - osigurati čitljivost. Na internetu postoji mnogo primjera uspješnih i neuspjelih rješenja ovih problema.

Izgradnja holističke kompozicije, prije svega, leži u razumijevanju prostora. Web dizajner mora vidjeti cijelu sliku, ali je u isto vrijeme kompetentno razbiti na detalje. Ovdje nema beznačajnih elemenata: naslov, pasus, vertikalni razmaci između elemenata, registri, debljina...

Preporučljivo je specificirati fontove za web dizajn u relativnim jedinicama (% ili “em”), što promovira prilagodljivost i fleksibilnost sadržaja. Ima smisla koristiti poznatije "px" piksele za kontejnere koji ne reaguju, kada se blokovi pomiču kada se veličina ekrana promijeni, ali font ostaje stabilan.

Dekoracija teksta

Važan dio tipografije je kompjutersko simboličko slaganje. Ovo uključuje: postavljanje znakova interpunkcije, upotrebu zagrada, crtica i crtica, tačaka, razmaka itd.

Takve greške, na prvi pogled, ne predstavljaju posebnu prijetnju sadržaju ili jedinstvenosti sadržaja, međutim, zapamtite: nijedan resurs koji poštuje sebe neće dopustiti primitivne greške u tekstovima. Zapamtite sliku, u njoj nema sitnica!

Sada o izgledu. Ovdje postoje pravila:

Blok teksta treba da bude ograničen na 40-50% širine stranice.

Razmak između pasusa treba da bude 1,5.

Kontrast između pozadine i teksta trebao bi biti unutar 75–90%.

Font koji je ugodan za oči je 12–16 px, ali čak ni najmanji blok ne bi trebao biti manji od 10 px.

Razmak između redova se održava u odnosu na veličinu fonta i mjeri se kao postotak; u idealnom slučaju, 140–150% će biti dovoljno.

Smatra se da je izuzetno loš oblik poravnati tekst u sredini ili poravnati. Neravni razmaci između riječi, kao i neravni rubovi pasusa, smanjuju percepciju i, češće nego ne, jednostavno iritiraju.

CSS stilovi

CSS stil je alat za rad sa fontovima u web dizajnu. Od razvoja CSS stilovi počinje svaki kurs obuke. Za šta su oni potrebni? Da sumiramo svu tipografiju izvora! CSS spaja stranice i blokove u jedinstvenu cjelinu i kontrolira sva odstupanja od glavnog kursa. Kao što razumete, jedna ideja nije dovoljna, da biste je sproveli trebaće vam znanje i veštine.

Jednom sam pročitao u jednom cool članku da je web dizajn 95% tipografija. Da li verovati ili ne, svako će odlučiti za sebe. Ali tekst koji se ne može pročitati je proizvod bez svrhe. Moj savjet vam je da odmah počnete paziti na kvalitetu dostavljanja informacija, nemojte odgađati. To je sve za mene. Pretplatite se na ažuriranja i nećete propustiti najzanimljivije stvari! Ćao ćao!

Da biste razjasnili svaku zabunu koja može nastati, važno je razjasniti značenje nekih ključnih pojmova. Prvi važan set ključne riječi definisati koncepte „font” i „tip slova”.

Font je skup znakova određene veličine i dizajna. Pismo na sličan način definira porodice stilova fontova.Ključna riječ ovdje su stilovi, koji razdvajaju različite fontove u grupe ili porodice. Na primjer, to mogu biti serif, sans serif, rukopis, displej, monospace i drugi. Možemo reći da je font skup fontova različitih stilova i veličina, ujedinjenih zajedničkim stilom izvršavanja. Kao što vidite, font je uži koncept.

Prilikom kreiranja izgleda web stranice, izbor fonta je vrlo važan. Naravno, najbolje je koristiti fontove iz standarda Windows set ili Mac. Ali ponekad ovaj set nije dovoljan da oživi ideju dizajnera i tada cijeli teret pada na pleća dizajnera izgleda. srećom, Google Web Fontovi nudi vrlo elegantno rješenje za ovaj problem.

Postoje i termini kao što su "težina" i kerning. Svi se mogu mijenjati korištenjem CSS alati i primijeniti na pasuse, naslove ili druge elemente teksta. Svojstvo “težine” fonta određuje stepen debljine linija kada se napiše. Ovo je niz vrijednosti od 100 do 900, gdje svaki broj označava težinu koja odgovara odvažnosti stila. Normalni font "normal" odgovara broju 400, podebljani "podebljani" font odgovara 700. Kerning je promjena razmaka između slova ovisno o njihovom obliku. Ovo je proces pravilnog postavljanja simbola, prilagođavanja udaljenosti između njih, kao rezultat toga treba postići harmoniju. Iako mnogi ljudi ne obraćaju mnogo pažnje na kerning, male stvari pomažu u postizanju vrlo dobrih rezultata.

Kršenje normi

Sasvim je razumno raspravljati o potrebi stvaranja novih fontova. Iza U poslednje vreme mnoge web stranice su zastarjele. Koriste standardne fontove od kojih smo se već dosta umorili.

Danas postoje stotine fontova, ali drugačiji OS nude svoje pakete. I samo nekoliko fontova je uključeno u ove pakete. Ako odaberete font koji neko drugi možda nema na vašem sistemu, font će biti zamijenjen zadanim fontom. Iz ovih razloga preporučuje se korištenje osnovnih fontova. Ali ponekad osnovni fontovi ne mogu u potpunosti zaokupiti maštu dizajnera. Stoga, ako čvrsto vjerujete da je poseban font neophodan za vaš dizajn, možete svoj poseban font pretvoriti u sliku i postaviti ga na svoju web stranicu. Napravite svoje naslove, zaglavlja ili menije grafičkim i koristite ih.

Uvjerite se da naslovi odgovaraju temama stranice. One mogu uključivati ​​različite boje, podvlačenje, pozadinske ikone ili grafički tekst. Na kraju, odluka je na vama.

Osim toga, morate osigurati da sve tekstualne veze imaju isti font na web stranici. Korištenje linkova različitih fontova i dizajna će uzrokovati značajne poteškoće za korisnika u navigaciji.

Odabir pravog fonta

Također treba napomenuti da različiti fontovi mogu imati različite efekte na raspoloženje čitatelja. Općenito, serifni fontovi su prikladniji za štampane materijale. Serifi pomažu u stvaranju razmaka između slova i odvajaju jedan znak od drugog. Često serifni fontovi pružaju lični osjećaj; prenose poštovanje, inteligenciju i profesionalizam.

Sans serif fontovi su najbolji za web stranice. Niske rezolucije ekrana čine da serifi izgledaju zamućeno i, zauzvrat, teško uočljivi. Fontovi bez serifa imaju tendenciju da izraze osjećaje racionalnosti, stila, mladosti i modernosti.

Na primjer, izbor serifa daje osjećaj profesionalizma i mjerodavnih informacija. Ovo se često može vidjeti u mejnstrim medijima kao što je New York Times. Za manje blogove možete koristiti sans serif font sa velikom visinom reda. Ovo korisnicima daje mogućnost brzog pregleda teksta bloga.

Uvijek treba razmišljati o tome koje informacije pokušavate prenijeti posjetitelju. Prilikom odabira fonta, morate imati na umu da vesele poruke trebaju biti praćene svijetlim, prozračnim i mekim oblicima fonta, dok bi poruke s nekim tamnijim temama, kao što je Halloween, bolje pratili fontovi sa tvrđim rubovima.

Čitljivost

Tipografija, a češće i nečitka tipografija, može biti jako neugodna za oči. Postoje, naravno, neki izuzeci u kojima se mogu koristiti Funky ili drugi nečitki fontovi, na primjer za promocije noćnih klubova.

Ali ipak, ako imate želju da koristite, na primjer, Soda, Bored ili Akka, onda je bolje napustiti ovu ideju. Ako je želja još uvijek dovoljno jaka, onda ove fontove treba koristiti štedljivo. Na primjer, kao naslov. Ali tada bi glavni tekst trebao biti čitljiviji. Ovo može pomoći u stvaranju zamaha na vašoj web lokaciji. I morate imati na umu da bi upotreba takvih fontova trebala biti prednost dizajna, a ne nedostatak.

Informativni sadržaj

Dizajn treba da dopuni vašu poruku. Korisnik ne mora da shvati šta je dizajner tačno imao na umu. Pogrešan izbor tipografije može doprinijeti pogrešnoj predodžbi korisnika o kompaniji i njenim uslugama.

Kada dizajnirate poslovne projekte, uglavnom biste trebali koristiti tradicionalne glatke fontove. Ovo također treba uzeti u obzir ako nemate službeni dizajn. Pogotovo ako želite da ljudi ozbiljno shvate vašu stranicu.

Položaj i dimenzije

Za efektivan dizajn veoma je važno - na koja mjesta treba postaviti tekst i koja bi trebala biti njegova veličina. Niko ne želi da napreže oči da pročita informacije ili vidi nevjerovatno velike riječi na web stranici. Cilj dobrog dizajna je pronaći ravnotežu. I prvi korak ka tome je da shvatite koje će informacije biti važnije.

Obično riječi na koje želite da obratite pažnju treba da se rade malo više. Ili obrnuto - manji bi trebali biti manji. Sve zavisi od važnosti. Drugim riječima, trebate kreirati hijerarhiju riječi.

Kada je u pitanju postavljanje fonta, pokušajte ga održati uravnoteženim. Nema potrebe da se delovi teksta razbacuju u četiri ugla. Ovo može biti značajno ometanje za korisnike.

Boja

Ovo je jedan od najlakših aspekata. Morate odabrati boju koja će učiniti da se tekst izdvoji iz pozadine i da ostane čitljiv.

Vaši pomagači će biti kontrastne boje, kao i korištenje efekata kao što su potezi (stroke) i sjaji (glow). To će pomoći da web stranica bude privlačnija i lakša za čitanje. Morate odabrati boju koja će natjerati ljude da zastanu i pogledaju, a informacije će učiniti dominantnim dijelom dizajna.

Zaključak

Korištenje fontova u Photoshopu značajno se razlikuje od korištenja na web stranicama. Ovo objašnjava zašto je nekim dizajnerima tako teško raditi s tipografijom. Tipografija na webu je prilično široka tema i zahtijeva mnogo istraživanja. Uvijek treba imati na umu da je vrlo važno pronaći pristup korištenju tipografije koji odgovara raspoloženju i estetici dizajna. Ne plašite se mešanja i spajanja Razne vrste fontove, samo se uvjerite da su dobri.

Prijatelji!

U ovom članku nastavit ću analizirati najčešće greške dizajnera početnika.

Danas ćemo govoriti o korištenju fontova. Znate li kako mogu razlikovati posao početnika od profesionalca? Početnik, po pravilu, pokušava da u svom radu pokaže sve što je naučio. To se očituje u obilnoj upotrebi različitih boja, raznih efekata i, naravno, brojnih fontova u istom djelu. Profesionalni dizajner, naprotiv, obično koristi jedan ili najviše dva fonta unutar jednog projekta, kao i ograničenu paletu boja. A ako apsolutno ne može bez grafičkih efekata, pokušava svesti njihovu upotrebu na minimum.

Dakle, ako je pravilo broj jedan za dobar dizajn konstrukcija modularna mreža(pogledajte članak), onda je pravilo broj dva: ograničite broj fontova!

Minimalni broj fontova promovira usklađenost i dosljednost u dizajnu. Što manje vaš rad sadrži različite stilove i prepun je svih vrsta boja i fontova, to izgleda smislenije i profesionalnije.

Dizajner najčešće bira jedan font za projekat. Štoviše, karakter odabranog fonta mora odgovarati kreativnoj ideji ili raspoloženju dizajna. Na primjer, ako pravimo knjižicu posvećenu mobitel treća generacija, tada će nam najvjerovatnije odgovarati lagani, moderni sans-serif font. Ali knjižica na temu impresionističke izložbe u Ermitažu više bi odgovarala klasičnom serifnom fontu koji je „stabilan na nozi“. Općenito, uspješan odabir fontova izuzetno je važan u radu dizajnera, jer nesklad između prirode fonta i ideje i prirode projekta može pokvariti cijeli rad.

Ponekad je potrebno koristiti dodatni font. Kada se radi s dva fonta, prvi font kao da naglašava raspoloženje i karakter djela i često mu daje individualnost. Ovaj font se koristi za naslove i podnaslove. Ponekad dizajneri koriste neobične fontove u tu svrhu. Ovo nije učinjeno radi originalnosti, već s ciljem da se istaknu određeni dijelovi teksta povećanjem kontrasta u odnosu na drugi, poznatiji font.

Kako u jednom djelu nema toliko naslova, princip kontrasta funkcionira besprijekorno, pogotovo što su naslovi mnogo veći od glavnog teksta.

Drugi je font, u pravilu, poznatiji oku i njegov zadatak nije da privuče pažnju gledatelja, već da obavlja čisto informativnu funkciju. Trebalo bi da se lako čita i da ne zamara oči. Početnici često prave tešku grešku stvarajući velike fragmente teksta u ekstravagantnom, teško čitljivom fontu. Uključujem i veliku većinu takozvanih „ručno pisanih“ fontova kao takve fontove. Takvi fontovi su dobri za, recimo, malu čestitku, ali ne i za rad sa njima veliki iznos tekst.

Evo primjera dobre upotrebe fonta:

Kao što vidite, ovdje se koriste samo dva fonta. Jedan za naslove, a drugi za osnovni tekst. Ovaj rad izgleda elegantno i dosljedno.

Evo loše upotrebe fontova:

Ovdje namjerno koristim neke neobične fontove kako biste osjetili nesklad i nedosljednost ovog dizajna. Nemojte koristiti previše fontova u svom radu! Nema ništa gore od posla u kojem se miješa 8 različitih fontova, a posebno ekstravagantni i teško čitljivi fontovi.

Evo primjera takvog rada:

Ovo nije plod moje mašte. Vidio sam mnogo takvih radova, a radili su ih po pravilu ili dizajneri početnici ili amateri.

Ako pogledate udžbenik dizajna, vjerovatno ćete pronaći preporuke za korištenje sans serif fonta za naslove i serif fonta za osnovni tekst.

Ali ovo pravilo je previše opšte i u praksi ga se često mora zaobići.
Dakle, za kraj, još jedan savjet. Ako naslovni font izgleda moderno, onda je bolje odabrati sans-serif font kao glavni font. Ako je vaš prvi font staromodan, onda bi glavni font trebao biti serif.

Tema korištenja fontova je neiscrpna, pa je nemoguće o svemu govoriti u jednom malom članku. Kad god je to moguće, podijelit ću s vama svoje znanje o radu sa fontovima. Usput, u mom InDesign kurs obuke, posvećujem veliku pažnju ovoj važnoj temi.