S dolaskom osobnih računala i prvim sustavima stolnog izdavaštva dogodio se tektonski pomak u tipografiji čije posljedice tek sada postaju vidljive. Ovo nije prva globalna promjena u tipografiji; bilo je i drugih. Dovoljno je sjetiti se vremena kada su strojevi industrijskog svijeta pobijedili obrtnike. Masovna proizvodnja i profit postali su važniji od ljepote fontova. Kvantiteta je bila važnija od kvalitete.

Veliki majstori prestali su stvarati nove fontove; oni koji su već postojali bili su prikladni za tiskanje knjiga. Obrtnici, ma koliko bili stručni, ostali su besposleni i postali dio tehnološkog procesa.

Međutim, pobjeda industrijalizma nije značila da su veliki majstori nestali s pojavom tiskarskih strojeva. Ta dva svijeta nastavila su postojati neovisno jedan o drugom - tiskari su prepoznali talent zanatlija, a oni su pak shvatili da se napredak ne može zaustaviti. Bila je to druga promjena u tipografiji, čime je izgubila dio svoje “duše” ili, da tako kažem, ljudskosti. Ali da biste razumjeli što se nedavno dogodilo, morat ćete otputovati u prošlost 500 godina i saznati gdje je sve počelo.

PRVI PRIJELAZ

Prvi sukob između novog i starog nastao je nakon izuma prvog tiskarskog stroja. Njegov tvorac, Johannes Guttenberg, mogao je koristiti stroj za stvaranje najrazličitijih kompozicija, s brzinama ispisa do 240 stranica na sat. Bila je to revolucija.

Prije toga sve su se knjige izrađivale isključivo ručno. Sveske iz prošlosti bile su pisane rukom i ukrašene zamršenim dizajnom i dizajnom. Proces kopiranja bio je vrlo dug, ali kao rezultat toga, svaka knjiga, pa čak i kopija, bila je umjetničko djelo.

Naravno, prve tiskane knjige nisu se mogle usporediti s rukom pisanim. Nisu bile posebno lijepe, ali su bile manje i jeftinije. I što je najvažnije: mogućnost zamjene pojedinačnih znakova i cijelih obitelji fontova omogućila je tiskanje knjiga ne samo na latinici, već i na drugim europskim jezicima.

Ljudi su samo pozdravili ove promjene. Trebale su im knjige na jeziku koji razumiju i knjige koje su mogle ponijeti sa sobom. Imali su žeđ za znanjem, a tiskane knjige su je gasile.

Međutim, kao rezultat prve tranzicije, knjiga je izgubila velik dio svoje ljudskosti. Strojevi su preuzeli glavni proces, ali zanatlije su i dalje bile tražene. Svako slovo izrezbareno je ručno, a dizajn i ilustracije također su izradili ljudi. Međutim, neće proći dugo prije nego što umješnost počne nestajati iz procesa proizvodnje knjiga.

DIGITALNO DOBA

Prvi prijelaz uništio je rukom pisane knjige. Industrijalizacija je konačno lišila tisak humanosti, sve je postalo mehanizirano, a majstori su ostali bez posla. No treća tranzicija konačno je dokrajčila tipografiju kao umjetnost. Ovih je dana većina slušalica iznenađujuće beznačajna. To je samo zbirka fontova na računalu. Malo tko zna povijest ovog ili onog fonta. Nikoga nije briga za ovo. Prelistavamo stotine fontova u minuti u potrazi za odgovarajućim stilom, a sve ostalo nije toliko važno.

_______________________

“U našem potpuno kompjuteriziranom svijetu, proliferacija fontova i njihovih raznih varijacija predstavlja nova razina vizualno zagađenje koje izravno ugrožava našu kulturu, kaže dizajner Massimo Vignelli. “Od tisuća fontova, trebamo samo nekoliko osnovnih, jer sve ostalo je samo smeće.”
_______________________

Na neki način je u pravu. Tipografija je više od samih fontova. Ovo nisu samo lijepa slova, ona su nešto drugo, nešto što nas budi. U biti, tipografija je poruka. Prema poznatom ruskom tipografu Lazaru Lissitzkom, tipografija treba optički prenijeti čitatelju istu ideju koju govornik izgovara.”

Odavno nitko nije pisao na pergamentu iglom. Nestao je grubi papir koji miriše na tiskarsku boju. Tržište sjajnog tiska smanjilo se na mikroskopske količine. Danas čitamo tekstove koji nisu tiskani, nego tipkani, a uopće ih ne čitamo na papiru. I, očito, tipografiju čeka još jedna tranzicija. Nitko ne zna kakav će biti, ali će, po svemu sudeći, nakon papira zastarjeti i nama poznati zasloni. Teško je reći kada će se dogoditi sljedeća revolucija, ali novi prijelaz nužno će.

Najžalosnije u svemu ovome je to što su ljudi izgubili dio sebe u težnji za savršenstvom. Vještina kaligrafije danas gotovo nikome nije potrebna. Traje dugo, zahtijeva brigu i upornost. Danas to nema smisla - uostalom, postoje slušalice za svaki ukus. Biramo fontove kao zombije: ime, veličinu, stil... Poruka? Poruka? Nema poruke iza računalnih fontova, nema priče, ničega.

NOSTALGIJA ZA PROŠLOŠĆU

Danas mnogi dizajneri osjećaju potrebu za novim fontovima koji bi tekstu dali potrebnu individualnost. Postoji mnogo načina za rad s tipografijom, a svaki od njih ima isti cilj - pobjeći od bezličnosti digitalnih pisama. Koristi se sve - kontrast boja, iluzija volumena, negativni prostor, ukratko sve ono što standardni font može pretvoriti u malo 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 teško ih je ne primijetiti, budući da se pojavljuju doslovno posvuda. Govorimo o takvim stilovima kao što su retro, akvarel i kape.

VINTAGE GRUNGE TIPOGRAFIJA

Ispravio sam stari članak o tipografiji, tko ga nije vidio, bit će korisno pročitati

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

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

Tipovi vs fontovi - koja je razlika?

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

Slušalice je skup stilski sličnih znakova koji se mogu napisati/ispisati. To su brojevi, slova, simboli. Font- Riječ je o užem pojmu, koji je određen s nekoliko čimbenika, poput veličine i stila. Općenito, Arial je tip slova, a Arial Bold je font.

Klasifikacija

Fontove možemo podijeliti u nekoliko skupina - serif (serif), sans serif (sans-serif), rukopis (script), display (display). Međutim, postoje i druge vrste klasifikacije.

Serif fontovi, Antiqua (Serif)

Zovu se tako jer svako slovo ima male serife. Ne preporučuju se pri ispisu velikih blokova teksta u web dizajnu jer se smatraju teškima za čitanje. Ovi se fontovi obično koriste za naslove.

Serif fontovi imaju dosta podvrsta - na primjer, Stari stil("Stari stil" - nazivaju se i humanistima, humanistički serif) - prvi fontovi ove klasifikacije, korišteni su još u 1400-ima. Njihovo Posebnost- da se dio simbola koji se nalazi pod kutom stanji. Primjeri fontova uključuju Adobe Jenson, Centaur i Goudy Old Style.

Prijelazni serifi- korišten u 1700-ima. To uključuje fontove kao što su Times New Roman i Baskerville, kao i Caslon, Georgia i Bookman. Njihova je razlika između debljih i tankih dijelova slova uočljivija nego kod Old Stylea, ali manje uočljiva nego kod Moderna.

Moderni serifi (starinski novi stil)- koriste se 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 konačno , Slab serifi (Slab fontovi)- općenito imaju jednaku debljinu svih linija i velike serife na krajevima

Isjeckani fontovi, groteskni (Sans Serif)

Serifni fontovi nazivaju se tako jer nemaju serife). Izgledaju modernije, a počeli su se koristiti u 18. stoljeću.

Ovdje su 4 glavne vrste sans serif fontova: Groteskno (Stara groteska), Neogroteskno (Nova groteska), Humanističko (Humanističko) i Geometrijsko (Geometrijsko).
Stare groteske- prvi, slični su serifnim 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 ostalih sans serif fontova (odnosno, njihova debljina linija 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 temelju 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.

Rukopis (skripta)

Rukopisni fontovi temelje se na rukopisu. Postoje dvije vrste takvih fontova - formalni i casual. Čini se da su formalni pisani rukom i potječu iz 17. i 18. stoljeća. Neki fontovi temelje se 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 naglasak. Obično se koriste u tiskarstvu, iako se počinju pojavljivati ​​i na internetskim stranicama. Među displejima možete pronaći, primjerice, blackletter - izvorne fontove prvih tiskarskih strojeva.

Neabecedni fontovi (Dingbats)

Neabecedni fontovi- to su oni fontovi koji uopće ne sadrže slova, ali sadrže simbole i ukrase.

Proporcionalno nasuprot jednoprostornom

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

Raspoloženje

Raspoloženje fonta uvelike utječe na to hoće li ga koristiti u određenoj situaciji. Kontrasti se također često koriste - poslovni stil kombinira se s neformalnim, lagan s dramatičnim. Na primjer, Times New Roman je strogi font i to je onaj koji se tako često koristi poslovno dopisivanje. Ali, na primjer, Helvetica općenito mijenja svoje raspoloženje ovisno o okolnim fontovima.

Debljina i stil

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

Postoje tri stila fonta - kurziv, koso i mala velika slova. Za naslove se obično koriste mala velika slova.

Kurziv i kosi su zamjenjivi, iako su različiti stilovi. Oblique je kosa verzija uobičajenih fontova. Da biste ga dobili, samo upotrijebite 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 načina na koji 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đenu visinom slova "x". Odatle dolazi koncept x-visine.

Gornji red velikih slova (Cap)- visina veliko slovo"A".

Gornja slika prikazuje tri zajednička dijela svih slova.

Glavni potez, stabljika- glavna okomica svakog simbola, uključujući nagnutu.

Prečka (šipka)- horizontalni dio fonta

Ovalni (zdjela)- zaobljeni dio fonta.

Gornji produžetak (Ascender)- dio slova koji strši prema 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- posebnost serifnih fontova). Kod nekih su fontova jače izraženi, dok su kod drugih manje izraženi.

Otvor- 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.

Povezivanje poteza (linija kose) Ovo je najtanji dio serifnog fonta.

Prečka - vodoravna crta, kao u simbolima “A” i “H”.

Ispusti (terminal)- okrugli ili ovalni (u obliku kapi) završetak crte u dizajnu nekih znakova fonta.

Petlja javlja se samo na nekim malim "g" slovima i može biti potpuno zatvoren ili djelomično zatvoren.

ostruga- mali nadimak na nekim slovima, poput "G".

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

Kralježnica- središnja krivulja koju ima slovo “s”.

Zadnja slova (Tail)- ukrasna linija, na primjer, na slovu "R" ili "Q".

Krajnji element (terminal, završni)- 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 pojma)

Od autora: Pozdrav prijatelji! Nastavljamo istraživati ​​zamršenosti profesionalnog web dizajna, a danas imamo vrlo vruću temu - web tipografiju. Nažalost, mnogi programeri ne znaju niti same osnove i pravila ovog područja. Možda se jednostavno ne zamaraju i ne žele gubiti vrijeme na to, ili možda ne razumiju u potpunosti njegovo značenje. Općenito, cilj mi je prenijeti vam da je tipografija u web dizajnu temelj osnova i bez nje će biti vrlo teško ići naprijed.

Tipografija i slanje poruka

Svrha bilo kojeg internetskog izvora je informativna poruka ciljanu publiku. Na što će posjetitelji vaše web stranice prvo obratiti pozornost? Naravno, na tekstu! (naravno, ako nije zakrčen nasumičnim oglašavanjem i gomilom glupih bannera). Uspjeh vašeg projekta u konačnici će ovisiti o tekstu, i samo o tekstu.

Hajdemo shvatiti što tipografija stvarno utječe na web dizajn.

Prvo, slika web resursa. Kvalitetan razvoj vidljiv je golim okom, a ne morate biti mega-specijalist da procijenite koliko dugo želite ostati na stranici. Kriv, 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 pronalazak apsolutno jedinstvenog sadržaja jednostavno nerealan zadatak, vaš zadatak je taj sadržaj jedinstveno prezentirati. U borbi konkurentskih stranica uvijek pobjeđuje onaj koji ne zanemaruje jednostavna pravila razvoja, već naprotiv, učinkovito ih primjenjuje i izvlači maksimalnu korist.

Osnove tipografije u web dizajnu

Fontovi u web dizajnu

Tipografija u web dizajn ima potpuno prirodne zakone i pravila. Počnimo s fontovima. Pravi izbor fontovi će uvelike 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 sustav. Sve sjajne verzije nisu bile ništa više od slike ili bljeskalice. Postojala su rješenja, ali su uzrokovala mnogo problema.

Uvođenje @font-face CSS svojstva jednostavno je oslobodilo ruke dizajnerima. Registrirao sam vezu na bilo koju datoteku fonta i sada se već koristi na stranicama web mjesta. Kod programera postoji određeno nezadovoljstvo ovom temom, no pokazalo se da je to potpuno rješiv problem.

Napominjem da nisu svi fontovi prikladni za kompetentan web dizajn. Uglavnom zbog njihove nečitljivosti i otežanog gledanja s ekrana. Neki fontovi su preteški i usporavaju resurse - svakako obratite pozornost na ovo. Dodat ću još tehnička značajka pri radu s fontovima: njihov prikaz u različitim preglednicima- postoji takav problem obrade datoteke ili čak cijele obitelji.

Makro i mikro tipografija

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

makro razina - gradi opća struktura tekst, određuje položaj sadržaja u odnosu na dizajn;

mikrorazina - obraća pozornost na najsitnije detalje, razmake, razmake, udubljenja itd.

Zadaća makro tipografije je globalna - učiniti tekstualne blokove živima, aktivnima, ali u isto vrijeme skladnima i cjelovitima. Mikrotipografija ima jednostavniji, ali ništa manje važan zadatak - osigurati čitljivost. Na internetu ima puno primjera uspješnih i neuspješnih 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 rastaviti na detalje. Ovdje nema beznačajnih elemenata: naslova, pasusa, okomitih razmaka između elemenata, registara, debljine...

Preporučljivo je odrediti fontove za web dizajn u relativnim jedinicama (% ili "em"), što promiče prilagodljivost i fleksibilnost sadržaja. Ima smisla koristiti poznatije "px" piksele za spremnike koji ne reagiraju, kada se blokovi pomiču kada se promijeni veličina zaslona, ​​ali font ostaje stabilan.

Dekoracija teksta

Važan dio tipografije je računalno simboličko slaganje. To uključuje: postavljanje interpunkcijskih znakova, korištenje zagrada, crtica i crtica, točaka, razmaka itd.

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

Sada o izgledu. Ovdje postoje pravila:

Blok teksta trebao bi biti ograničen na 40–50% širine stranice.

Između odlomaka treba biti 1,5 razmaka.

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

Oku ugodan font je 12–16 px, ali ni najmanji blok ne smije biti manji od 10 px.

Prored se održava u odnosu na veličinu fonta i mjeri se kao postotak; idealno bi bilo 140-150% biti dovoljno.

Smatra se izuzetno lošim oblikom poravnati tekst centriran ili obostran. Neravni razmaci između riječi, kao i neravni rubovi odlomaka, smanjuju percepciju i, češće nego ne, jednostavno iritiraju.

CSS stilovi

CSS stil je alat za rad s fontovima u web dizajnu. Od razvoja CSS stilovi bilo koji tečaj obuke počinje. Za što su oni potrebni? Da sažmemo svu tipografiju resursa! CSS spaja stranice i blokove u jedinstvenu cjelinu i kontrolira eventualna odstupanja od glavnog toka. Kao što razumijete, jedna ideja nije dovoljna; da biste je implementirali, trebat će vam znanje i vještine.

Jednom sam pročitao u cool članku da je web dizajn 95% tipografija. Vjerovati ili ne, svatko će odlučiti za sebe. Ali tekst koji se ne čita je proizvod bez svrhe. Moj vam je savjet da odmah počnete paziti na kvalitetu dostave informacija, nemojte odgađati. To je sve za mene. Pretplatite se na ažuriranja i nećete propustiti najzanimljivije stvari! Doviđenja!

Kako biste razjasnili zabune koje bi mogle nastati, važno je razjasniti značenje nekih ključnih pojmova. Prvi važan set ključne riječi definirati pojmove “font” i “font”.

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

Prilikom izrade izgleda web stranice odabir fonta je vrlo važan. Naravno, najbolje je koristiti fontove iz standarda Set prozora ili Mac. Ali ponekad ovaj set nije dovoljan da oživi ideju dizajnera, a tada sav teret pada na ramena dizajnera izgleda. srećom, Google web fontovi nudi vrlo elegantno rješenje za ovaj problem.

Tu su i pojmovi kao što su "težina" i kerning. Svi se oni mogu promijeniti pomoću CSS alati i primijeniti na odlomke, naslove ili druge elemente teksta. Svojstvo "težine" fonta određuje stupanj debljine linija prilikom pisanja. 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 "bold" font odgovara 700. Kerning je promjena razmaka između slova ovisno o njihovom obliku. To je proces pravilnog postavljanja simbola, prilagođavanja udaljenosti između njih, čime se treba postići sklad. Iako mnogi ljudi ne obraćaju puno pozornosti 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 zadnje vrijeme mnoge web stranice su zastarjele. Koriste standardne fontove od kojih smo već prilično umorni.

Danas postoje stotine fontova, ali različitih OS nude vlastite pakete. A samo je nekoliko fontova uključeno u ove pakete. Ako odaberete font koji netko drugi možda nema na vašem sustavu, font će biti zamijenjen zadanim fontom. Iz tih razloga preporuča 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 učitati je na svoju web stranicu. Napravite svoje naslove, zaglavlja ili grafike izbornika i koristite ih.

Provjerite odgovaraju li naslovi temama stranice. Oni mogu uključivati ​​različite boje, podcrtavanje, pozadinske ikone ili grafički tekst. U konačnici, odluka je vaša.

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

Odabir pravog fonta

Također treba napomenuti da različiti fontovi mogu imati različite učinke na raspoloženje čitatelja. Općenito, serifni fontovi su prikladniji za tiskane materijale. Serifi pomažu stvoriti razmak između slova i također odvajaju jedan znak od drugog. Često serifni fontovi daju osobni dojam; izražavaju poštovanje, inteligenciju i profesionalnost.

Sans serif fontovi su najbolji za web stranice. Niske razlučivosti zaslona čine da serifi izgledaju mutno i, zauzvrat, teško ih je uočiti. Sans serif fontovi teže izražavanju osjećaja racionalnosti, stila, mladosti i modernosti.

Na primjer, izbor serifa daje osjećaj profesionalizma i vjerodostojnih informacija. To se često može vidjeti u glavnim medijima kao što je New York Times. Za manje blogove možete koristiti sans serif font s velikom visinom retka. To korisnicima daje mogućnost brzog pregledavanja teksta bloga.

Uvijek treba razmišljati o tome koje informacije pokušavate prenijeti posjetitelju. Prilikom odabira fonta treba imati na umu da vesele poruke trebaju biti popraćene svijetlim, prozračnim i mekim oblicima slova, dok bi poruke s nešto tamnijim temama, poput Halloween-a, bolje pratile fontove tvrđih rubova.

Čitljivost

Tipografija, a češće nečitka tipografija, može biti jako neugodna za oči. Postoje, naravno, neke iznimke u kojima se mogu koristiti Funky ili drugi nečitki fontovi, kao što su promocije noćnih klubova.

Ali ipak, ako imate želju koristiti, na primjer, Soda, Bored ili Akka, onda je bolje odustati od ove ideje. Ako je želja još uvijek dovoljno jaka, ove fontove treba koristiti štedljivo. Na primjer, kao naslov. Ali tada bi glavni tekst trebao biti čitljiviji. To može pomoći u stvaranju zamaha na vašoj web-lokaciji. I morate zapamtiti da bi korištenje takvih fontova trebala biti prednost dizajna, a ne nedostatak.

Sadržaj informacija

Dizajn bi trebao nadopunjavati vašu poruku. Korisnik ne mora shvatiti što je točno dizajner imao na umu. Pogrešan odabir tipografije može pridonijeti pogrešnoj predodžbi korisnika o tvrtki i njenim uslugama.

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

Smještaj i dimenzije

Za učinkovit dizajn vrlo je važno - na kojim mjestima tekst treba biti postavljen i koje veličine treba biti. Nitko ne želi naprezati oči da bi pročitao informacije ili vidio nevjerojatno velike riječi na web stranici. Cilj dobrog dizajna je pronaći ravnotežu. A prvi korak k tome je shvatiti koja će informacija biti važnija.

Obično je potrebno malo više raditi na riječima na koje želite obratiti pozornost. Ili obrnuto - manje bi trebale biti manje. Sve ovisi o važnosti. Drugim riječima, morate stvoriti hijerarhiju riječi.

Kada je riječ o postavljanju fonta, pokušajte ga održati uravnoteženim. Nema potrebe razbacivati ​​dijelove teksta u četiri kuta. Ovo može značajno ometati korisnike.

Boja

Ovo je jedan od najlakših aspekata. Morate odabrati boju kojom će se tekst izdvojiti iz pozadine i ostati čitljiv.

Vaši pomoćnici bit će kontrastne boje, kao i korištenje efekata poput poteza (stroke) i sjaja (glow). To će pomoći da stranica bude privlačnija i lakša za čitanje. Morate odabrati boju koja će natjerati ljude da zastanu i pogledaju te da informacije budu dominantan dio dizajna.

Zaključak

Korištenje fontova u Photoshopu znatno se razlikuje od korištenja na web stranicama. To objašnjava zašto je nekim dizajnerima tako teško raditi s tipografijom. Tipografija na webu prilično je široka tema i zahtijeva puno istraživanja. Uvijek biste trebali imati na umu da je vrlo važno pronaći pristup korištenju tipografije koji odgovara raspoloženju i estetici dizajna. Nemojte se bojati miješati i spajati Različite vrste fontove, samo provjerite jesu li dobri.

Prijatelji!

U ovom ću članku nastaviti analizirati najčešće pogreške dizajnera početnika.

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

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

Minimalni broj fontova promiče usklađenost i dosljednost u dizajnu. Što manje vaš rad sadrži različite stilove i prepun je svih vrsta boja i fontova, to je smisleniji i profesionalniji.

Najčešće, dizajner odabire jedan font za projekt. Štoviše, karakter odabranog fonta mora odgovarati kreativnoj ideji ili raspoloženju dizajna. Na primjer, ako radimo knjižicu posvećenu mobitel treće generacije, onda će nam najvjerojatnije 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 nogama". Općenito, uspješan odabir fontova iznimno je važan u radu dizajnera, jer nesklad između prirode fonta i ideje i prirode projekta može uništiti cijeli posao.

Ponekad je potrebno koristiti dodatni font. Kada radite s dva fonta, čini se da prvi font 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 za 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.

Budući da u jednom djelu nema toliko naslova, princip kontrasta funkcionira besprijekorno, tim više što su naslovi znatno veći od glavnog teksta.

Drugi font je u pravilu poznatiji oku i njegova zadaća nije privući pozornost gledatelja, već obavljati čisto informativnu funkciju. Trebalo bi biti lako za čitanje i ne bi zamaralo oči. Početnici često čine veliku pogrešku stvarajući velike fragmente teksta ekstravagantnim, teško čitljivim fontom. Također uključujem veliku većinu takozvanih "rukopisnih" fontova kao takve fontove. Takvi fontovi su dobri za, recimo, malu čestitku, ali ne i za rad veliki iznos tekst.

Evo primjera dobre upotrebe fonta:

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

Evo loše upotrebe fontova:

Ovdje sam namjerno koristio neke neobične fontove kako biste osjetili disharmoniju i nedosljednost ovog dizajna. Ne koristite 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 puno takvih radova, a radili su ih u pravilu ili dizajneri početnici ili amateri.

Ako pogledate udžbenik o dizajnu, vjerojatno ćete pronaći preporuke za korištenje sans serif fonta za naslove i serif fonta za glavni tekst.

Ali ovo je pravilo preopćenito i u praksi ga se često mora zaobići.
Pa za kraj još jedan savjet. Ako font naslova izgleda moderno, onda je bolje odabrati sans-serif font kao glavni font. Ako je vaš prvi font staromodan, tada bi glavni font trebao biti serif.

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