1. Nemojte koristiti otmjene fontove
Ako nemate dovoljno iskustva i znanja, nemojte ni pokušavati koristiti neobične, otmjene fontove. Neka bude jednostavno.
2. Zaboravite Comic Sans
Zamislite da ga uopće niste vidjeli.
3. Nemojte izbjegavati standardne, zadane fontove
Ozbiljno, ako vam netko kaže da su standardni fontovi dosadni, jednostavno ne razumije tipografiju. Kako će font izgledati ovisi o tome kako je ispisan. Times New Roman može izgledati jako cool. I što je najvažnije: bolje da je tekst dosadan nego ružan ili nečitljiv.
OmegaTransFer / DepositphotosMiješanje fontova
4. Nemojte koristiti više od dva fonta u isto vrijeme
Ne isplati se eksperimentirati s velikim brojem fontova u početnoj fazi. Dvije su dovoljne. Ne želite valjda pretvoriti tekst u razne gluposti?
5. Miješajte samo kontrastne fontove
Serif sans serif, rukom pisano secesijom. Važno je održavati kontrast. Dva slična fonta jedan pored drugog izgledaju nemarno.
6. Odaberite fontove s ujednačenom visinom slova
Visina malih slova bez silaznih oznaka je udaljenost od baze do gornjeg retka fonta, drugim riječima, bodovna vrijednost malih slova. Prilikom odabira fontova koje želite koristiti zajedno, morate paziti da visina njihovih malih slova bude ista. To će pomoći u održavanju iste razine zasićenosti odlomka. Osim toga, takav će tekst biti lakše čitljiv.
Upisivanje teksta
7. Veličina slova
Veličina teksta na webu ne smije biti manja od 13 piksela. Po mom mišljenju, najbolji izbor je unutar 14–18 px. Nije prevelik, au isto vrijeme čitljiv.
8. Odaberite pravu duljinu linije
Neka vas ne zavare glasine da točnu duljinu retka možete dobiti množenjem veličine fonta s dva. Ovo je sranje. Samo pokušajte zadržati duljinu retka između 45-75 znakova. GOST za tiskane publikacije preporučuje duljinu od 60 znakova, ali to je, naravno, teško postići na webu. A ipak vrijedi težiti. Upotrijebite svoje oko da vidite je li linija preduga ili prekratka.
9. Ivering treba odgovarati veličini slova
Kako biste postigli ravnotežu između teksta i zraka, neka prored bude otprilike jedan i pol puta veći od visine malih slova. Postoji još jedna jednostavnija metoda: postavite vodeće na 125% veličine fonta.
stavak
10. Poravnajte lijevo
Ako niste sigurni koje opravdanje odabrati, odaberite lijevo poravnanje: opcije "Desno" i "Oprosteno" na webu rijetko rade. Nema ništa loše u nazubljenom rubu. Tekst okrenut ulijevo lakše je čitati jer oko vidi jasan vizualni završetak svakog retka. Ali na ruskom je takav tekst prikladan za čitanje ako redak nije predug. Stoga, ako vaš niz ima više od 60 znakova, pokušajte onemogućiti tipkanje. Samo ne zaboravite staviti crtice i provjerite izgleda li sve dobro: nekoliko crtica u nizu sigurno će otežati čitanje.
11. Izbjegavajte previše crtica
Općenito, rastavljanje crtica na webu treba izbjegavati kad god je to moguće. Pokušajte premjestiti riječ u novi red ili malo promijeniti razmak između slova. Ako ima previše crtica, promijenite veličinu fonta ili razmak. A kada se prebacujete ulijevo, uopće nemojte koristiti prelamanje riječi.
12. Bez uvlačenja
Nemojte uvlačiti prvi pasus iz naslova. Ako odlomke prekidate praznim redcima, nemojte koristiti uvlake odlomaka. Suvišno je i neukusno. S druge strane, tekst bez ikakvih uvlaka ili razmaka bit će teže vidljiv. Općenito, odaberite jednu od metoda: ili crvenu liniju ili razmaknicu - i koristite je kroz cijeli tekst.
13. Uski stupac
Ako trebate upisati mali stupac teksta, pokušajte koristiti uski font. Na taj način tekst ne samo da će izgledati bolje, već će biti i lakši za čitanje, jer će više znakova stati u red.
14. Viseća interpunkcija
Trebali biste staviti navodnike, zagrade, crtice, točke i zareze izvan reda za tipkanje. To uvijek izgleda elegantno i pomaže održati odlomak u pravilnom obliku.
15. “Udovice” i “siročići”
Govorimo o visećim linijama. "Udovica" je jedna riječ u cijelom retku na kraju odlomka ili vrlo kratak redak na kraju teksta ili stranice. "Siroče" je viseći redak koji završava na početku nove stranice ili stupca. Moraju se izbjegavati. Pokušajte smanjiti razmake između slova, pomicati retke ili prilagoditi veličinu fonta - općenito, ne dopustite da se "udovice" i "siročići" ušuljaju u vaš tekst.
16. Nemojte pretjerano koristiti razmake
Za početak novog retka pritisnite Shift+Enter. Za početak novog odlomka pritisnite Enter. Tako je jednostavno.
riječi
17. Kerning
Ako ste neiskusan dizajner i nemate oko za najsitnije detalje, nemojte ručno ispisivati kernel tekst.
18. Praćenje
Zapamtite: kada povećavate veličinu fonta, povećava se i razmak između znakova. Stoga, ako postavite veliki naslov u tekstu, preporučujemo proporcionalno podešavanje udaljenosti između znakova i riječi.
19. Izdvajamo u tekstu
Možete istaknuti važnu ideju ili riječ na koju trebate obratiti pozornost na razne načine. Ne pretjerujte s njima. Ne biste trebali istaknuti cijelu rečenicu samo velikim slovima - početnik to ne može uvijek učiniti na odgovarajući način. Samo koristite podebljani stil fonta.
20. Mala slova bez razmaka
Ne biste trebali povećavati razmak između malih slova. Razlog je jednostavan: čitljivost je smanjena.
21. Kapiteli s razmakom
Povećajte razmak između velikih slova. U ovom slučaju, čitljivost se povećava. Povećanje prostora za slova za 10% obično dobro funkcionira.
22. Ne pišite sve velikim slovima.
Nemojte pretjerivati s velikim slovima. Duljina takvog skupa ne smije prelaziti jedan redak.
23. Ne koristite mala velika slova bez potrebe
Ako font ne uključuje poseban stil malih slova, nemojte ga uopće koristiti.
pisma
24. Ne mijenjaj širinu slova
Samo nemoj to učiniti. Molim.
Tipografija– proces i umijeće razvoja komunikacijske arhitekture; modeliranje, grafičko oblikovanje materijala tipkanjem i prijelomom, na temelju određenih pravila specifičnih za određeni jezik.
Tipografija je umijeće pružanja tekstualnih informacija, pretvaranje teksta u grafički dizajn, osnova grafičkog dizajna.
Pojam tipografije dolazi od grčkog τύπος - otisak + γράφω - pišem) - umijeće oblikovanja tiskanog teksta.
Tipografija je, s jedne strane, skup pravila koja određuju korištenje fontova i alata za dizajn, s druge strane, umjetnost grafičkog dizajna.
Namjena tiskare– pojednostaviti komunikaciju s publikom, poboljšati percepciju prenesenih informacija.
Tipografski zadaci, najkreativnija faza oblikovanja teksta, predlažemo:
- određivanje parametara za naknadne procese tipkanja, prijeloma i pripreme za tisak;
- olakšavanje prijenosa emocija, raspoloženja, stavova koje je autor namjeravao uključiti u čitanje i proučavanje;
- modeliranje vrste i oblika kontakta publike i objekta autorskog i dizajnerskog stvaralaštva;
- učiniti tekst što je moguće optimalnijim i jasnijim, maksimizirajući čitljivost teksta;
- učiniti tekst zanimljivim u percepciji čitatelja, spektakularnim, skladnim u ukupnoj strukturi komunikacije.
Tipografija u marketingu– alat i sredstvo koje omogućuje bolju komunikaciju s ciljnom publikom. Tipografija određuje cjelokupni format konačnog marketinškog materijala:
- proporcije, format brojčanika, raspored margina;
- parametri fonta: veličina, razmak između riječi i redaka;
- veličine, mjesto i mjera vizualne “težine” ilustracija.
Printer– specijalist koji se bavi topografskom djelatnošću: umjetnički i tehnički urednik, grafički dizajner i umjetnik, kaligraf i tipograf, grafički dizajner – svi koji se na ovaj ili onaj način susreću s tipografijom. Tipograf u marketingu je posrednik između vlasnika, proizvođača proizvoda, razvijača njegovih reklamnih komunikacija i ciljane publike.
Povijest tipografije počinje sredinom 15. stoljeća, kada se stvaraju prvi temelji tipografije: koristi se čitka “Antiqua”; Uvodi se načelo jedinstvene početne i abecedne uvlake. U 16. stoljeću u tipografiju je uveden koncept "kurziva". U 17. stoljeću tipografija je promijenila svoje zadaće kako bi stvorila knjige za širok krug čitatelja – format knjiga je smanjen, fontovi su modificirani, posebna uloga pripala je J. Baskervilleu, koji je napustio upotrebu ornamenta u korist tipografija, isključivo temeljena na dizajnu slova.
Kako tekst učiniti čitljivijim? Kako odabrati parove fontova? Koji font odabrati za posao i ne pogriješiti? Odgovorite na ova i druga važna pitanja u Skillboxovom vodiču za tipografiju.
Jedan od izvora informacija je tekst. Kako bi privukli pozornost čitatelja i razlikovali materijal od ostalih, nastoje ga lijepo dizajnirati i učiniti ga lakim za razumijevanje. Smjer koji sadrži pravila o rasporedu teksta, izboru fontova i veličina naziva se tipografija.
Kako biste tekst učinili lakim za čitanje i odabrali pravi font, morate znati od čega se sastoji tipografija i koji se fontovi mogu koristiti na web mjestu.
Što je tipografija
Tipografija je dizajn slovnog teksta. Postavlja se na papir ili ekran, podešavaju se uvlake i razmaci te odabire font. Dobro dizajniran materijal izgleda sažeto i ugodno. Lako se čita, osjeća se sklad.
Gdje nabaviti fontove
Na internetu možete pronaći besplatne i plaćene fontove. Oba fonta se mogu koristiti na stranici.
Besplatno
Velika biblioteka kvalitetnih fontova zove se Google Fontovi. Lako je odabrati font prema traženim parametrima: odaberite samo ćirilicu, potražite serif ili sans serif. Možete ih preuzeti s Google Fontova ili ih izravno povezati sa web mjestom.
Često dizajneri crtaju svoje fontove i
Hajdemo shvatiti što je tipografija i za što se koristi.
Tipografija je grafički dizajn tiskanog teksta tipkanjem i rasporedom uz korištenje normi i pravila specifičnih za određeni jezik. Drugim riječima, tipografija je i umjetnost i zanat te skup pravila koja koriste fontove i alate za dizajn kako bi se postigao jedan jedini cilj - stvoriti tekst najoptimalniji u percepciji čitatelja.
Tipografsko oblikovanje teksta, a u ovom slučaju govorimo o ovoj pojavi na internetu, ima tri važna ograničenja:
Kontekst upotrebe tekst. Ovisno o tome radi li se o dizajnu popisa oglasa, plakata ili članka u časopisu, potrebno je koristiti različita izražajna sredstva.
Dostupni alati. Vrsta teksta koji stvarate dramatično će se razlikovati bilo da su vaši alati ulje i platno, teški papir i olovka, tanki papir i tiskarski stroj ili računalni zaslon i različiti preglednici na različitim operativnim sustavima.
Tipografski alati i mediji se razlikuju, ali cilj je uvijek isti
O trećem limiteru u većoj mjeri ovisi tipografija ekrana, odnosno dizajn teksta za čitanje na monitoru računala. Robert Bringhurst, u svojoj knjizi Osnove stila u tipografiji, piše:
“Uvijek ima iznimaka, uvijek ima mjesta za trikove i iznenađenja. Ali vjerojatno se možemo složiti da bi tipografija čitatelju u pravilu trebala pružati sljedeće usluge:
- pozvati čitatelja u tekst;
- prepoznati sadržaj i značenje teksta;
— pojasniti strukturu i slijed teksta;
— povezati tekst s ostalim elementima publikacije;
— dovesti čitatelja u stanje smirenosti bogate energijom, idealno za čitanje.”
Jedino što poštovani autor zaboravlja napomenuti je da vas nikakva tipografija ne može spasiti ako je sam tekst izuzetno loše napisan. Ipak, tekstovi na internetu slijede ove zakonitosti, ali za razliku od knjige ili časopisa, imaju svoje karakteristike. Ovisno o preglednicima i operativnim sustavima, krajnji čitač može doživjeti drugačije:
- instalirani fontovi;
- preglednici. A postići isti dizajn i prikaz teksta u različitim preglednicima nije uvijek jednostavno. Na primjer, u Apple Safariju je standardno instalirano izglađivanje teksta, što značajno mijenja njegovu percepciju; Firefox, Opera i IE nemaju ovu funkciju, barem ne standardno;
- razlučivost monitora i druge parametre kao što su svjetlina, vrsta monitora, kalibracija, itd., itd.
Iz tih razloga, govoriti o strogim pravilima tipografije na Internetu postaje prilično teško. Međutim, možete i trebate slijediti neka opća načela koja su praktički neovisna o alatima.
 |
U tipografiji nema nepromjenjivih pravila, kao u gramatici ruskog jezika. Sva "pravila" su upravo takva formalizirano iskustvo tisuća tipografa, odražavajući najbolju praksu i tradiciju. Potonji, usput, odražavaju navike čitatelja u pogledu jednog ili drugog dizajna teksta. Navika čitanja teksta oblikovanog na općeprihvaćen, adekvatan način omogućuje čitatelju da u potpunosti sagleda npr. značenje teksta oblikovanog interpunkcijskim znakovima. U isto vrijeme, sama upotreba interpunkcijskih znakova (i ne samo) ostaje nezapažena od strane čitatelja - na to smo navikli. Danas se ta tradicija narušava zbog naslijeđa strojopisa i širenja interneta, ali najbolje prakse i opća načela kvalitetnog dizajna teksta nigdje ne nestaju.
Naravno, glavna točka u konceptu "tipografije" je koncept "fonta". O tome uglavnom ovisi čitateljeva percepcija teksta.
Jedna poznata izreka kaže da "slika vrijedi tisuću riječi". Kao što to često biva s nekim izrekama, ima u tome istine, ali i to treba uzeti s rezervom. Dobro odabrana slika na pravom mjestu može vrijediti puno više od tisuću riječi, ali dodatna, nepotrebna slika nosit će beskoristan teret.
Grafike i slike na webu obično spadaju u tri kategorije: dekorativne, navigacijske i informativne. Nitko nema ništa protiv ukrasnih slika - svi vole kada rezultat njihovog rada izgleda privlačno. Navigacijski elementi uključuju gumbe, strelice, točkice i druge vizualne tragove za pojašnjavanje strukture informacija. Ali grafika, čudno, nije sposobna prenijeti veliku količinu specifičnih i točnih informacija. "Koliko ljudi - toliko mišljenja" - ovo pravilo u životu bilo koje grafike ne igra uvijek pozitivnu ulogu, jer će percepcija iste slike od strane različitih ljudi biti potpuno drugačija.
Zato jezik općenito, kao sredstvo prijenosa informacija, a posebno riječi, igraju nezamjenjivu ulogu u našim životima. Tekst može prenijeti mnogo više informacija i fleksibilnije od bilo koje slike.
Tradicija tiskanja, razvijana stoljećima, pomaže nam da tekst predstavimo u najjasnijem i najatraktivnijem obliku. Nije bitno radi li se o tiskanoj ili ekranskoj tipografiji. Jedino što moramo uzeti u obzir je samo riječ "Internet". Posao tipografa i njegovog alata, fonta, je oblikovati tekst na takav način da rezultat ostane atraktivan bez obzira na operativni sustav, preglednik, veličinu fonta, prozor, hardver računalne grafike ili bilo što drugo. Srećom, postoji mnogo načina za postizanje ovog cilja.
Postoji određeni standard za 100% čitljive web stranice, abeceda svakog tipografa. No, za razliku od dječje knjige, abecedu znaju svi, ali se najjednostavniji i najprirodniji zakoni tipografije neprestano i sustavno krše. Mislim da nema potrebe navoditi određene resurse kao primjere - svaki korisnik Interneta će ih pronaći bez poteškoća.
Tipografija je iz tiska prešla na web - nije ni čudo što pokušava učiniti sa stranicama knjige
Ako se riječ "tipografija" prvenstveno povezuje s glagolom "čitati", onda je gotovo sve čemu bi tipograf trebao težiti povećanje čitljivosti teksta i web stranice. Istovremeno, postoje stvari na koje korisnika nikada ne treba prisiljavati, jer postoji velika vjerojatnost da jednostavno neće pročitati tekst do kraja, a još je vjerojatnije da se više nikada neće vratiti na vaš resurs. Tako:
Ne forsiraj korisnik za promjenu veličine fonta. Čitatelj ne želi stalno mijenjati postavke veličine fonta u pregledniku svaki put kad posjeti novu stranicu.
Nema potrebe pokušavajući uvjeriti korisnika da je skrolanje loše. U ovom slučaju, devedeset posto svih stranica na internetu je loše. Ne postoji apsolutno ništa negativno u listanju, baš kao što nema apsolutno ništa negativno u okretanju stranica knjige.
Ne pokušavaj reći korisniku da tekst na stranici nije važan. Devedeset pet posto onoga što web dizajner radi je tipografija.
Slijedeći ova naizgled jednostavna ograničenja, dolazimo do nekoliko pravila koja su dovoljno jednostavna da ih je lako slijediti.
Lebedev je učinio jednu veliku uslugu svim dizajnerima Runeta - postavio je letvicu koju nitko nije mogao dosegnuti.
Osim uputa, koje će se nekima učiniti sasvim prirodnim, a drugima prvi put vidjeti, obećao sam sebi odgovoriti na jedno pitanje: “ Zašto Je li ekranska tipografija sada toliko popularna u Rusiji?” Da biste odgovorili na ovo pitanje, morate razumjeti neke trendove na Runetu. Prvo, nisam ja to smislio i nisam taj koji tvrdi da "naš internet" zaostaje za "njihovim internetom" nekoliko godina. To je normalno, navikli smo na to i guramo Runet na svoj način.
Situacija s Webom Europe i SAD-a u usporedbi s Runetom jako podsjeća na interakciju Sunca i Zemlje. Sunčeve zrake koje vidimo i osjećamo napustile su površinu zvijezde prije osam minuta, prešavši za to vrijeme ogromnu udaljenost. Ali to nije važno - na kraju krajeva, te zrake vidimo ovdje i sada, u ovom trenutku. Tako je izašlo sunce. Samo je Sunce uspjelo ispustiti još milijun takvih zraka, a mi se zadovoljavamo uhvatiti dvije-tri. Sve je ovo pretjerano, ali nadam se da je bit jasna: Runet je još dosta daleko od interneta Europe i SAD-a, a ljudi koji tamo stvaraju trendove su za glavu iznad naših uspješnih poduzetnika i poslovnih ljudi s interneta. Drugim riječima, tipografija je postala tako popularna i neophodna u Rusiji iz jednog razloga - Zapad je to već naučio.
Za veliku većinu ljudi u Rusiji povezanih s dizajnom, razvojem i internetom, tipografija je započela čitanjem besmrtnog § 62 "Kovodstva" studija Lebedev, objavljenog 17. prosinca 2000. Do ovog trenutka većina dizajnera ili nije čula za tipografiju, ili je čula, ali nije znala što bi s njom, ili nije htjela slušati. Sada dolazi trenutak kada više nije moguće ignorirati ovaj trend - postoje veliki (i mali) studiji koji određuju tempo u kvaliteti i kvantiteti svog rada. Mnogo toga s čime se dizajner mora baviti prilikom izrade web stranice je tipografija. Ono što je najvažnije nije njegovo odsustvo.
Tipografija je vještina, umjetnost stvaranja teksta ne samo lijepim, već i lakim za čitanje. Važno je da natpis odražava prirodu objave ili određene informativne poruke. Tipografija je sposobnost unošenja vizualnog sklada u tiskani tekst ili web stranicu. Nije ograničeno samo na odabir fonta i poravnanja sadržaja. Tipografija je umjetnost izražavanja značenja pisanja ne samo kroz riječi, već i kroz njihov prikaz. Ovo je vrlo zanimljiva, duboka i kompleksna disciplina. U ovom članku ćemo vam reći točno o tome.
Što je tipografija?
Za izradu web stranice dizajner koristi tekst, fotografije i grafike koje su izradili drugi. Ovakva podjela rada omogućuje nam postizanje najboljeg mogućeg rezultata zahvaljujući činjenici da se radovi izvode s visokokvalitetnim materijalima. Dizajner nije fotograf ili tekstopisac. Osim toga, ne mora niti razumjeti računalno ili HTML kodiranje.
Univerzalni stručnjaci - postoje li?
Sasvim je druga stvar da je tijekom potpune informatizacije jednostavno nezamislivo baviti se čak i izravno dizajnom bez poznavanja takvog alata kao što je računalo, pogotovo ako se uzme u obzir da se i web stranica i tiskani materijali inicijalno kreiraju pomoću programa.
Ako želite nešto stvoriti pomoću računala, morate znati kako se to "nešto" može stvoriti. Osim toga, suvremeni računalni softver se svakim danom poboljšava i pruža sve širi spektar mogućnosti. A ako niste upoznati s ovim spektrom, malo je vjerojatno da ćete moći dizajnirati na visokoj razini, jer nećete moći stvoriti proizvod koji se može natjecati s najboljim uzorcima.
Naravno, razina znanja grafičkog dizajnera u računalnim programima znatno će premašiti razinu običnog korisnika. Grafički dizajner je prije svega umjetnik. No veza između umjetnika i “informatičara” više je nego opipljiva: primjerice osnove stila u tipografiji i dizajnerska rješenja koja nastaju pomoću određenog softvera.
S kim rade grafički dizajneri?
Da bi izradio potpunu web stranicu, grafički dizajner mora surađivati s barem programerom. Osobito ako stvarate resurs na više razina koji će sadržavati mnoge interaktivne funkcije. Međutim, malu prosječnu web stranicu može dovršiti samo jedan dizajner, bez potrebe za pomoći webmastera ili programera.
U životu se gotovo nikada ne susrećete s idealnim lancem koji se sastoji od kreativca, dizajnera i dizajnera izgleda. Često sve te tri funkcije obavlja jedna osoba koja ima višu likovnu naobrazbu, poznaje većinu potrebnih grafičkih programa, ima pristup internetu i računalu, a uz to proizvodi originalne ideje bez puno truda. Osim toga, takva univerzalna osoba zamislit će dizajn budućeg časopisa, sve kontrole za novu, još nestvorenu stranicu web-mjesta i kakvu će se vrstu oglašavanja tamo nalaziti.
Gdje se obučavaju grafički dizajneri?
U profesiji grafičkog i web dizajnera, više nego u bilo kojoj drugoj, nije čak ni želja ono što je iznimno važno, već stalna želja da svoje ideje oživite - i to se može sa sigurnošću reći.
U ovom se zanimanju mnoga znanja stječu kroz stalnu praksu na radnom mjestu. Trebam nacrtati upravo takav gumb na web stranici - povrijedit ću se, ali ću to učiniti. Možda je to razlog zašto grafički dizajneri često brzo prestanu studirati u klasičnom smislu riječi, odnosno svakodnevno pohađati institut ili fakultet. Njihovo učenje odvija se do kraja života na radnom mjestu, rješavajući svakodnevne probleme.
Vjeruje se da možete postati grafički dizajner bez studiranja na višoj ili srednjoj specijaliziranoj obrazovnoj ustanovi. Dovoljno je kontinuirano dugogodišnje bavljenje obrtom i umjetnošću (poznati su i takvi primjeri). U isto vrijeme čovjek puno radi i analizira svoj i tuđi rad.
Istina, grafički dizajneri s ogromnim iskustvom u potpunom nedostatku specijaliziranog obrazovanja postoje samo u Rusiji. U drugim uvjetima, ljudi koji žele raditi u ovoj specijalnosti trebaju visoko umjetničko obrazovanje, kao i poznavanje softvera i hardvera.
Naravno, sasvim je moguće steći osnovne vještine rada s grafičkim programima i samostalno i na kratkotrajnim tečajevima, ali to će samo pomoći da se pokrpa rupa i neće pružiti temeljito znanje koje se može dobiti na sveučilištu.