S prihodom osebni računalniki in prvih namiznih založniških sistemov se je v tipografiji zgodil tektonski premik, katerega posledice so opazne šele zdaj. To ni prva globalna sprememba tipografije; bile so tudi druge. Dovolj je, če se spomnimo časa, ko so stroji industrijskega sveta premagali obrtnike. Množična proizvodnja in dobiček sta postala pomembnejša od lepote pisav. Količina je bila pomembnejša od kakovosti.

Veliki mojstri so prenehali ustvarjati nove pisave, tiste, ki so že obstajale, so bile primerne za tiskanje knjig. Obrtniki, ne glede na to, kako poklicni so bili, so ostali brez dela in postali del tehnološkega procesa.

Vendar zmaga industrializma ni pomenila, da so veliki mojstri izginili s pojavom tiskarskih strojev. Ta dva svetova sta še naprej obstajala neodvisno drug od drugega - tiskarji so prepoznali talent rokodelcev, ti pa so razumeli, da napredka ni mogoče ustaviti. To je bila že druga sprememba tipografije, zaradi katere je ta izgubila del svoje »duše« oziroma tako rekoč človečnosti. A da bi razumeli, kaj se je nedavno zgodilo, se boste morali odpraviti 500 let nazaj v preteklost in ugotoviti, kje se je vse začelo.

PRVI PREHOD

Prvi konflikt med novim in starim je nastal po izumu prvega tiskarskega stroja. Njegov ustvarjalec Johannes Guttenberg je lahko uporabil stroj za ustvarjanje najrazličnejših kompozicij s hitrostjo tiskanja do 240 strani na uro. To je bila revolucija.

Pred tem so bile vse knjige ustvarjene izključno ročno. Knjige preteklosti so bile ročno napisane in okrašene z zapletenimi vzorci in dizajni. Postopek prepisovanja je bil zelo dolg, a posledično je bila vsaka knjiga, tudi kopija, umetniško delo.

Seveda se prve tiskane knjige niso mogle primerjati z rokopisnimi. Niso bile posebno lepe, so pa bile manjše in cenejše. In kar je najpomembneje: možnost zamenjave posameznih znakov in celotnih družin pisav je omogočila tiskanje knjig ne samo v latinici, ampak tudi v drugih evropskih jezikih.

Ljudje so te spremembe le pozdravili. Potrebovali so knjige v jeziku, ki ga razumejo, in knjige, ki bi jih lahko vzeli s seboj. Imeli so žejo po znanju in tiskane knjige so jo potešile.

Vendar pa je zaradi prvega prehoda knjiga izgubila velik del svoje človečnosti. Glavni proces so prevzeli stroji, vendar so bili obrtniki še vedno iskani. Vsaka črka je bila izrezljana ročno, dizajn in ilustracije pa so prav tako ustvarili ljudje. Vendar pa ne bo minilo dolgo, ko bo obrtništvo začelo izginjati iz procesa izdelave knjig.

DIGITALNA DOBA

Prvi prehod je uničil rokopisne knjige. Industrializacija je tisku dokončno odvzela človečnost, vse se je mehaniziralo, mojstri pa so ostali brez dela. A tretji prehod je tipografijo kot umetnost dokončno dokončal. Dandanes je večina slušalk presenetljivo brezpredmetnih. To je samo zbirka pisav v računalniku. Skoraj nihče ne pozna zgodovine te ali one pisave. Nikogar ne zanima to. V minuti se pomikamo po stotinah pisav v iskanju primernega sloga, vse ostalo pa ni tako pomembno.

_______________________

»V našem popolnoma računalniško podprtem svetu širjenje pisav in njihovih različnih različic predstavlja nova raven vizualno onesnaženje, ki neposredno ogroža našo kulturo, pravi oblikovalec Massimo Vignelli. "Od tisočih pisav potrebujemo le nekaj osnovnih, ker je vse ostalo le smeti."
_______________________

Na nek način ima prav. Tipografija je več kot le pisava. To niso samo lepa pisma, so nekaj drugega, nekaj, kar nam daje občutek. V bistvu je tipografija sporočilo. Po mnenju slavnega ruskega tipografa Lazarja Lissitzkega naj bi tipografija bralcu optično posredovala isto idejo, kot jo govornik izreče.”

Že dolgo ni nihče pisal na pergament s pisalom. Grobega papirja, ki diši po tiskarski barvi, ni več. Trg sijajnega tiska se je skrčil na mikroskopske količine. Danes beremo besedila, ki niso bila natisnjena, ampak natipkana, na papirju pa jih sploh ne beremo. In očitno tipografijo čaka še en prehod. Nihče ne ve, kakšen bo, a očitno bodo za papirjem zastareli tudi zasloni, ki jih poznamo. Težko je reči, kdaj se bo zgodila naslednja revolucija, vendar nov prehod nujno bo.

Najbolj žalostno pri vsem tem pa je, da so ljudje v iskanju popolnosti izgubili del sebe. Veščine kaligrafije danes skoraj nihče ne potrebuje. Traja dolgo, zahteva skrb in vztrajnost. Danes to nima smisla - navsezadnje obstajajo slušalke za vsak okus. Pisave izbiramo kot zombiji: ime, velikost, stil ... Sporočilo? sporočilo? Za računalniškimi pisavami ni nobenega sporočila, nobene zgodbe, ničesar.

NOSTALGIJA PO PRETEKLOSTI

Danes mnogi oblikovalci čutijo potrebo po novih pisavah, ki bi besedilu dale individualnost, ki jo potrebuje. Obstaja veliko načinov za delo s tipografijo in vsak od njih sledi istemu cilju - ubežati brezosebnosti digitalnih pisav. Uporabljeno je vse - barvni kontrast, iluzija volumna, negativni prostor, skratka vse, kar lahko standardno pisavo spremeni v malo manj standardno.

In v zvezi s tem lahko opazimo tri naraščajoče trende, ki kažejo željo oblikovalcev, da ponovno pridobijo izgubljeno pristnost pisav. V tipografiji obstajajo le trije glavni trendi, ki pa jih je težko ne opaziti, saj se pojavljajo dobesedno povsod. Govorimo o stilih, kot so retro, akvarel in kape.

VINTAGE GRUNGE TIPOGRAFIJA

Popravil sem star članek o tipografiji; kdor ga še ni videl, bo koristno prebrati

Tipografija- eden najpomembnejših vidikov spletnega oblikovanja, saj se z njegovo pomočjo prenašajo osnovne informacije. Na žalost se mnogi oblikovalci in stranke bojijo drznih eksperimentov in za svoje projekte izberejo eno ali dve "preizkušeni" pisavi.

Ta članek je torej namenjen tistim, ki so se izgubili v oceanu tipografije. Govorili bomo o osnovah tipografije, o tem, katere vrste pisav obstajajo in o strukturi pisav.

Pisave proti pisavam - kakšna je razlika?

Veliko ljudi uporablja besedi "pisava" in "pisava" zamenljivo. Pravzaprav to ni isto, zdaj bom pojasnil, zakaj.

Slušalke je skupek slogovno podobnih znakov, ki jih lahko pišemo/tiskamo. To so številke, črke, simboli. Pisava- To je ožji koncept, ki ga določa več dejavnikov, kot sta velikost in slog. Na splošno je Arial pisava, Arial Bold pa pisava.

Razvrstitev

Pisave lahko razdelimo v več skupin - serif (serif), sans serif (sans-serif), ročno napisane (script), display (display). Vendar pa obstajajo tudi druge vrste klasifikacije.

Serifne pisave, Antiqua (Serif)

Tako se imenujejo, ker ima vsaka črka majhne serife. Pri tiskanju velikih blokov besedila v spletnem oblikovanju niso priporočljivi, saj veljajo za težko berljive. Te pisave se običajno uporabljajo za naslove.

Serifne pisave imajo kar nekaj podvrst - npr. Stari slog("Stari slog" - imenujejo jih tudi humanisti, humanistični serif) - prve pisave te klasifikacije so bile uporabljene že v 1400-ih. Njihovo značilnost- da se del simbola, ki se nahaja pod kotom, stanjša. Primeri pisav vključujejo Adobe Jenson, Centaur in Goudy Old Style.

Prehodni serifi- uporabljen v 1700-ih. To vključuje pisave, kot so Times New Roman in Baskerville, pa tudi Caslon, Georgia in Bookman. Njihova razlika med debelimi in tankimi deli črk je bolj opazna kot pri Old Style, vendar manj opazna kot pri Moderni.

Moderni serifi (starinski nov stil)- uporabljajo se po letu 1700 in imajo močan kontrast med debelimi in tankimi deli likov. To vključuje pisave, kot sta Didot in Bodoni

In končno , Slab serifi (Slab fonts)- na splošno imajo enako debelino vseh črt in velike serife na koncih

Sesekljane pisave, groteske (brez serifov)

Serifne pisave se tako imenujejo, ker nimajo serifov). Izgledajo bolj moderno, uporabljati pa so jih začeli v 18. stoletju.

Tukaj so 4 glavne vrste pisav sans serif: Groteska (stara groteska), neogroteska (nova groteska), humanistična (humanistična) in geometrična (geometrična).
Stare groteske- prvi so podobni serifnim pisavam, vendar brez serifov.
Na primer Franklin Gothic in Akzidenze

Nove groteske imajo poenostavljen videz v primerjavi s starimi groteskami. Veliko danes najbolj priljubljenih pisav je novih sans serifov, na primer MS Sans Serif, Arial, Helvetica in Univers.

Humanisti- bolj kaligrafske kot vse druge pisave sans serif (to pomeni, njihova debelina črt se spreminja). Sem spadajo na primer Gill Sans, Frutiger, Tahoma, Verdana, Optima in Lucide Grande - pogosto se uporabljajo za zapolnitev telesa spletnega mesta.

Geometrijski na podlagi običajnih številk, na primer "O" je krog itd.; veljajo za najsodobnejše pisave sans serif. Primeri - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Ročno napisano (pisava)

Rokopisne pisave temeljijo na rokopisu. Obstajata dve različici takšnih pisav - formalne in priložnostne. Zdi se, da so formalni napisani ročno in izhajajo iz 17. in 18. stoletja. Nekatere pisave temeljijo na rokopisih znanih umetnikov, kot sta George Snell in George Bickham. Kot primer sodobnih pisav lahko vzamete Kuenstler Script. Čeprav je lep in eleganten, se ne prilega telesu strani.

Casual pisave so sodobnejša različica, izvirajo iz 20. stoletja. Je manj uraden, pogosto z drznimi potezami in učinkom poteze s čopičem. Te pisave vključujejo Mistral in Brush Script.

Prikaz pisav

Kategorija prikaznih pisav vključuje tiste pisave, ki na splošno niso primerne za pisanje besedila. Najpogosteje služijo kot naglas. Običajno se uporabljajo v tiskarstvu, čeprav se začenjajo pojavljati na spletnih straneh. Med displeji lahko najdete na primer blackletter - originalne pisave prvih tiskarskih strojev.

Neabecedne pisave (Dingbats)

Neabecedne pisave- to so tiste pisave, ki sploh ne vsebujejo črk, ampak vsebujejo simbole in okraske.

Proporcionalno proti enoprostornemu

Pri proporcionalnih pisavah znak zavzame toliko prostora, kot zahteva njegov naravni zapis. Na primer, Times New Roman je proporcionalna pisava. Toda pisave z enoprostornim prostorom imajo vse znake enake širine. Takšne pisave vključujejo na primer Courier New

Razpoloženje

Razpoloženje pisave močno vpliva na to, ali jo je v določeni situaciji primerno uporabiti. Kontrasti se uporabljajo tudi precej pogosto - poslovni slog je kombiniran z neformalnim, lahkoten z dramatičnim. Na primer, Times New Roman je stroga pisava in je tista, za katero se tako pogosto uporablja poslovno dopisovanje. Toda na primer Helvetica na splošno spreminja svoje razpoloženje glede na okoliške pisave.

Debelina in stil

Debelina pisav je: lahka, tanka, običajna, srednja, krepka, težka ali črna.

Na voljo so trije slogi pisave - ležeča, poševna in velike velike črke. Za naslove se običajno uporabljajo majhne velike črke.

Ležeče in poševno sta zamenljiva, čeprav sta različna sloga. Oblique je poševna različica običajnih pisav. Če ga želite dobiti, preprosto uporabite funkcijo Free Transform-distort v Photoshopu. Toda ležeče je ločen nabor znakov, ki je odgovoren za poševno različico pisave.

Struktura pisave

Vsak znak ima določen niz značilnosti, na podlagi katerih lahko določite, kako se združuje z drugimi pisavami. Tu so glavne:

Vrstica pisave (osnovna črta)- namišljena vrstica, na kateri se nahaja besedilo. Včasih se zaobljene pisave nekoliko umaknejo od črte pisave.

Meanline označuje višino večine malih črk, običajno določeno z višino črke "x". Od tod izvira koncept x-height.

Zgornja vrstica velikih črk (Cap)- višina velika začetnica"A".

Zgornja slika prikazuje tri skupne dele vseh črk.

Glavna poteza, Stem- glavna navpičnica vsakega simbola, vključno z nagnjenim.

Prečka (bar)- vodoravni del pisave

Ovalna (skleda)- zaobljen del pisave.

Zgornji podaljšek (Ascender)- del črk, ki štrli navzgor, kot so "d", "h" in "b".

Descender- del črk, ki štrli navzdol, kot so "p", "q" in "f"

Serifi- posebnost serifnih pisav). Pri nekaterih pisavah so bolj, pri drugih pa manj izraziti.

Zaslonka- označuje prostor za odprte znake, kot so "A", "c" ali "m"

Uho to je okrasni dodatek k simbolu, kot je črka "g" v zgornjem primeru.

Povezovalna poteza (Hairline) To je najtanjši del serifne pisave.

Prečka - vodoravna črta, kot v simbolih "A" in "H".

Spusti (terminal)- okrogel ali ovalen (v obliki kapljice) konec poteze pri oblikovanju nekaterih znakov pisave.

Zanka se pojavi samo na nekaterih malih črkah "g" in je lahko popolnoma zaprt ali delno zaprt.

Spur- majhen vzdevek na nekaterih črkah, kot je "G".

Povezava (povezava) povezuje vrh in spodnji delčrke "g".

Hrbtenica- središčna krivulja, ki jo ima črka "s".

Zadnje črke (Tail)- okrasna črta, na primer na črki "R" ali "Q".

Končni element (terminal, zaključek)- zaključek poteze brez serifa

Ramo- zaobljena črta, ki sega od glavne poteze. (če sem iskren, mnoga ruska spletna mesta dajejo popolnoma drugačno definicijo tega pojma)

Od avtorja: Lep pozdrav, prijatelji! Nadaljujemo z raziskovanjem zapletenosti profesionalnega spletnega oblikovanja in danes imamo zelo vročo temo - spletno tipografijo. Na žalost mnogi razvijalci ne poznajo niti samih osnov in pravil tega področja. Morda se preprosto ne obremenjujejo in ne želijo izgubljati časa s tem ali pa morda ne razumejo popolnoma njegovega pomena. Na splošno je moj cilj, da vam povem, da je tipografija v spletnem oblikovanju osnova osnov in brez nje bo zelo težko napredovati.

Tipografija in sporočanje

Namen katerega koli internetnega vira je informativno sporočilo ciljna publika. Na kaj bodo obiskovalci vaše spletne strani najprej pozorni? Seveda, na besedilo! (seveda, če ni zamašen z naključnim oglaševanjem in veliko neumnimi pasicami). Uspeh vašega projekta bo na koncu odvisen od besedila in samo od besedila.

Ugotovimo, kaj tipografija dejansko vpliva na spletno oblikovanje.

Prvič, slika spletnega vira. Kakovosten razvoj je viden s prostim očesom in ni vam treba biti megaspecialist, da ocenite, kako dolgo želite ostati na spletnem mestu. Krivo, neberljivo besedilo je prvi razlog, zakaj obiskovalec zapusti vašo povezavo 10–15 sekund po vstopu.

Drugič, edinstvenost spletnega vira. Upoštevajoč dejstvo, da je ob današnjem tempu progresivnega razvoja internetnega prostora iskanje popolnoma unikatne vsebine preprosto nerealna naloga, je vaša naloga unikatno predstaviti to vsebino. V boju med konkurenčnimi stranmi vedno zmaga tisti, ki ne zanemari preprosta pravila razvoja, temveč jih, nasprotno, učinkovito uporablja in ima največjo korist.

Osnove tipografije v spletnem oblikovanju

Pisave v spletnem oblikovanju

Tipografija v oblikovanje spletnih strani ima popolnoma naravne zakone in pravila. Začnimo s pisavami. Prava izbira pisave bodo v veliki meri določile koncept vašega razvoja in vplivale na splošno dojemanje vira.

Tudi v zelo bližnji preteklosti, čeprav je malo znanega o tistih časih, so oblikovalci lahko uporabljali le tiste pisave, ki so spremljale operacijski sistem. Vse odlične različice niso bile nič drugega kot slika ali bliskavica. Obstajale so rešitve, ki pa so povzročale veliko težav.

Uvedba lastnosti CSS @font-face je preprosto razvezala roke oblikovalcem. Registriral sem povezavo do katere koli datoteke s pisavami in zdaj se že uporablja na straneh spletnega mesta. S strani razvijalcev je nekaj nezadovoljstva s to temo, a se je izkazalo, da je to povsem rešljiv problem.

Opažam, da niso vse pisave primerne za kompetentno spletno oblikovanje. Predvsem zaradi njihove nečitljivosti in težavnega gledanja z ekrana. Nekatere pisave so pretežke in upočasnjujejo vire - bodite pozorni na to. Bom še dodal tehnična lastnost pri delu s pisavami: njihov prikaz v različne brskalnike- obstaja taka težava pri obdelavi datoteke ali celo celotne družine.

Makro in mikro tipografija

Kot ste verjetno že razumeli iz imen teh izrazov:

makro raven - gradi splošna struktura besedilo, določa postavitev vsebine glede na dizajn;

mikro nivo - pozoren je na najmanjše podrobnosti, presledke, razmake, vdolbine itd.

Naloga makro tipografije je globalna - narediti besedilne bloke žive, aktivne, a hkrati harmonične in celovite. Mikrotipografija ima enostavnejšo, a zato nič manj pomembno nalogo - zagotoviti berljivost. Na internetu je veliko primerov uspešnih in neuspešnih rešitev teh težav.

Gradnja celostne kompozicije je najprej v razumevanju prostora. Spletni oblikovalec mora videti celotno sliko, a jo hkrati kompetentno razdelati na podrobnosti. Tu ni nepomembnih elementov: naslov, odstavek, navpične razdalje med elementi, registri, debelina ...

Pisave za spletno oblikovanje je priporočljivo določiti v relativnih enotah (% ali "em"), kar spodbuja prilagodljivost in fleksibilnost vsebine. Smiselno je uporabiti bolj znane slikovne pike »px« za neodzivne vsebnike, ko se bloki premaknejo, ko se spremeni velikost zaslona, ​​vendar pisava ostane stabilna.

Dekoracija besedila

Pomemben del tipografije je računalniško simbolno stavljanje. To vključuje: postavitev ločil, uporabo oklepajev, vezajev in pomišljajev, pik, presledkov itd.

Takšne napake na prvi pogled ne predstavljajo posebne grožnje za vsebino ali edinstvenost vsebine, vendar ne pozabite: noben samospoštljiv vir ne bo dovolil primitivnih napak v besedilih. Ne pozabite na sliko, v njej ni malenkosti!

Zdaj o postavitvi. Tu so pravila:

Blok besedila mora biti omejen na 40–50 % širine strani.

Med odstavki naj bo 1,5 razmika.

Kontrast med ozadjem in besedilom naj bo med 75–90 %.

Pisava, ki je udobna za oči, je 12–16 px, vendar tudi najmanjši blok ne sme biti manjši od 10 px.

Razmik med vrsticami se ohranja glede na velikost pisave in se meri v odstotkih; idealno bo zadostovalo 140–150 %.

Poravnava besedila na sredino ali poravnava se šteje za izjemno slabo. Neravni presledki med besedami, pa tudi neravni robovi odstavkov zmanjšujejo zaznavo in pogosteje preprosto dražijo.

Slogi CSS

Slog CSS je orodje za delo s pisavami v spletnem oblikovanju. Od razvoja slogi CSS kateri koli tečaj usposabljanja se začne. Za kaj so potrebni? Če povzamem vso tipografijo vira! CSS združuje strani in bloke v eno celoto in nadzoruje morebitna odstopanja od glavne jedi. Kot razumete, ena ideja ni dovolj, za njeno izvedbo boste potrebovali znanje in spretnosti.

Nekoč sem v kul članku prebral, da je spletno oblikovanje 95 % tipografija. Verjeti ali ne, se bo vsak odločil sam. Toda besedilo, ki ga ni mogoče prebrati, je izdelek brez namena. Svetujem vam, da takoj začnete paziti na kakovost podajanja informacij, ne odlašajte. To je zame vse. Naročite se na posodobitve in ne boste zamudili najbolj zanimivih stvari! Adijo!

Da bi odpravili morebitno zmedo, je pomembno razjasniti pomen nekaterih ključnih izrazov. Prvi pomemben niz ključne besede opredeliti pojma "pisava" in "tipografija".

Pisava je niz znakov določene velikosti in oblike. Pisava podobno definira družine slogov pisav. Ključna beseda pri tem so slogi, ki različne pisave ločujejo v skupine ali družine. Na primer, to so lahko serif, sans serif, rokopis, zaslon, monospace in drugi. Lahko rečemo, da je pisava nabor pisav različnih slogov in velikosti, ki jih združuje skupen slog izvedbe. Kot vidite, je pisava ožji pojem.

Pri izdelavi postavitve spletne strani je izbira pisave zelo pomembna. Seveda je najbolje uporabiti pisave iz standarda Windows set ali Mac. Toda včasih ta sklop ni dovolj za uresničitev ideje oblikovalca, potem pa celotno breme pade na ramena oblikovalca postavitve. na srečo Googlove spletne pisave ponuja zelo elegantno rešitev tega problema.

Obstajajo tudi izrazi, kot sta "teža" in kerning. Vse jih je mogoče spremeniti z uporabo orodja CSS in uporabiti za odstavke, naslove ali druge besedilne elemente. Lastnost "teža" pisave določa stopnjo debeline črt pri pisanju. To je serija vrednosti od 100 do 900, kjer vsaka številka označuje težo, ki ustreza drznosti sloga. Normalna pisava "normal" ustreza številu 400, krepka "bold" pisava ustreza 700. Kerning je sprememba razmika med črkami glede na njihovo obliko. To je postopek pravilnega postavljanja simbolov, prilagajanja razdalje med njimi, zaradi česar je treba doseči harmonijo. Čeprav veliko ljudi kerningu ne posveča veliko pozornosti, so majhne stvari tiste, ki pomagajo doseči zelo dobre rezultate.

Kršitev norm

Povsem razumno je razpravljati o potrebi po ustvarjanju novih pisav. zadaj Zadnje čase veliko spletnih mest je zastarelih. Uporabljajo standardne pisave, ki smo se jih že precej naveličali.

Danes obstaja na stotine pisav, vendar različnih OS ponujajo svoje pakete. In le nekaj pisav je vključenih v te pakete. Če izberete pisavo, ki je nekdo drug morda nima v vašem sistemu, bo pisava zamenjana s privzeto pisavo. Zaradi teh razlogov je priporočljiva uporaba osnovnih pisav. Toda včasih osnovne pisave ne morejo v celoti ujeti oblikovalčeve domišljije. Če torej trdno verjamete, da je za vaš dizajn potrebna posebna pisava, lahko svojo posebno pisavo spremenite v sliko in jo naložite na svoje spletno mesto. Ustvarite svoje naslove, glave ali grafike menijev in jih uporabite.

Prepričajte se, da naslovi ustrezajo temam spletnega mesta. Ti lahko vključujejo različne barve, podčrtaje, ikone za ozadje ali grafično besedilo. Navsezadnje je odločitev vaša.

Poleg tega morate zagotoviti, da imajo vse besedilne povezave na spletnem mestu enako pisavo. Uporaba povezav različnih pisav in dizajnov bo uporabniku povzročila precejšnje težave pri navigaciji.

Izbira prave pisave

Upoštevati je treba tudi, da lahko različne pisave različno vplivajo na razpoloženje bralcev. Na splošno so serifne pisave bolj primerne za tiskovine. Serifi pomagajo ustvariti prostor med črkami in tudi ločijo en znak od drugega. Serifne pisave pogosto dajejo oseben občutek; izražajo spoštovanje, inteligenco in strokovnost.

Sans serifne pisave so najboljše za spletne strani. Zaradi nizkih ločljivosti zaslona so serifi videti zamegljeni in jih je težko zaznati. Sans serifne pisave ponavadi izražajo občutke racionalnosti, stila, mladosti in modernosti.

Na primer, izbira serifov daje občutek profesionalnosti in verodostojnih informacij. To je pogosto mogoče videti v osrednjih medijih, kot je New York Times. Za manjše bloge lahko uporabite pisavo sans serif z veliko višino vrstice. To daje uporabnikom možnost hitrega ogleda besedila bloga.

Vedno morate razmišljati o tem, katere informacije želite posredovati obiskovalcu. Pri izbiri pisave si morate zapomniti, da naj vesela sporočila spremljajo svetle, zračne in mehke oblike pisave, medtem ko bi sporočila z nekaj temnejšimi temami, kot je noč čarovnic, bolje spremljala pisava s tršimi robovi.

Čitljivost

Tipografija, še pogosteje nečitljiva, je lahko zelo moteča za oči. Seveda obstajajo nekatere izjeme, kjer je mogoče uporabiti pisave Funky ali druge nečitljive pisave, na primer za promocije nočnih klubov.

Ampak vseeno, če imate željo po uporabi, na primer, Soda, Bored ali Akka, potem je bolje, da to idejo opustite. Če je želja še dovolj močna, je treba te pisave uporabljati zmerno. Na primer kot naslov. Ampak potem bi moralo biti glavno besedilo bolj berljivo. To lahko pomaga ustvariti zagon na vašem spletnem mestu. In ne smete pozabiti, da mora biti uporaba takšnih pisav prednost dizajna in ne slabost.

Informacijska vsebina

Dizajn mora dopolnjevati vaše sporočilo. Uporabniku ni treba ugotoviti, kaj točno je oblikovalec imel v mislih. Napačna izbira tipografije lahko prispeva k napačni predstavi uporabnika o podjetju in njegovih storitvah.

Pri oblikovanju za poslovne projekte bi morali večinoma uporabljati tradicionalne gladke pisave. To je treba upoštevati tudi, če nimate uradnega dizajna. Še posebej, če želite, da ljudje vaše spletno mesto jemljejo resno.

Postavitev in dimenzije

Za učinkovito oblikovanje je zelo pomembno - na katerih mestih naj bo besedilo postavljeno in kakšna naj bo njegova velikost. Nihče si ne želi naprezati oči, da bi prebral informacije ali videl neverjetno velike besede na spletnem mestu. Cilj dobrega dizajna je najti ravnotežje. In prvi korak k temu je ugotoviti, katere informacije bodo pomembnejše.

Običajno je treba besede, na katere želite biti pozorni, narediti malo več. Ali obratno - manjši naj bodo manjši. Vse je odvisno od pomembnosti. Z drugimi besedami, ustvariti morate hierarhijo besed.

Ko gre za postavitev pisave, jo poskušajte ohraniti uravnoteženo. Delov besedila ni treba raztresati v štiri vogale. To je lahko precejšnja motnja za uporabnike.

barva

To je eden najlažjih vidikov. Izbrati morate barvo, s katero bo besedilo izstopalo iz ozadja in ostalo berljivo.

Vaši pomočniki bodo kontrastne barve, pa tudi uporaba učinkov, kot so poteze (stroke) in sijaji (glow). To bo pripomoglo k temu, da bo spletno mesto bolj privlačno in lažje berljivo. Izbrati morate barvo, zaradi katere se bodo ljudje ustavili in pogledali, informacije pa naj bodo prevladujoč del dizajna.

Zaključek

Uporaba pisav v Photoshopu se bistveno razlikuje od njihove uporabe na spletnih straneh. To pojasnjuje, zakaj nekateri oblikovalci tako težko delajo s tipografijo. Tipografija na spletu je precej široka tema in zahteva veliko raziskav. Vedno se morate zavedati, da je zelo pomembno najti pristop k uporabi tipografije, ki se ujema z razpoloženjem in estetiko dizajna. Naj vas ne bo strah mešati in kombinirati Različne vrste pisave, samo poskrbite, da bodo dobre.

prijatelji!

V tem članku bom še naprej analiziral najpogostejše napake oblikovalcev začetnikov.

Danes bomo govorili o uporabi pisav. Ali veste, kako lahko ločim delo začetnika od profesionalca? Začetnik praviloma poskuša v svojem delu pokazati vse, česar se je naučil. To se kaže v obilni uporabi različnih barv, različnih efektih in seveda številnih pisavah v istem delu. Profesionalni oblikovalec, nasprotno, običajno uporablja eno ali največ dve pisavi v enem projektu, pa tudi omejeno barvno paleto. In če brez grafičnih učinkov nikakor ne more, poskuša njihovo uporabo zmanjšati na minimum.

Torej, če je pravilo številka ena za dober dizajn konstrukcija modularna mreža(glej članek), potem je pravilo številka dve: omejite število pisav!

Minimalno število pisav spodbuja skladnost in doslednost v oblikovanju. Manj ko vaše delo vsebuje različnih slogov in je polno vseh vrst barv in pisav, bolj smiselno in profesionalno je videti.

Najpogosteje oblikovalec izbere eno pisavo za projekt. Poleg tega mora značaj izbrane pisave ustrezati kreativni zamisli ali razpoloženju dizajna. Na primer, če izdelujemo knjižico, posvečeno mobitel tretje generacije, potem nam bo najverjetneje ustrezala lahka, moderna sans-serif pisava. Toda knjižica na temo impresionistične razstave v Ermitažu bi bila bolj primerna za klasično, "mirno na nogi" serifno pisavo. Nasploh je uspešen izbor pisave pri delu oblikovalca izjemno pomemben, saj lahko neskladje med naravo pisave ter idejo in naravo projekta pokvari celotno delo.

Včasih je treba uporabiti dodatno pisavo. Pri delu z dvema pisavama se zdi, da prva pisava poudarja razpoloženje in značaj dela ter mu pogosto daje individualnost. Ta pisava se uporablja za naslove in podnaslove. Včasih oblikovalci za ta namen uporabljajo nenavadne pisave. To ni storjeno zaradi izvirnosti, ampak z namenom, da se določeni deli besedila poudarijo s povečanjem kontrasta glede na drugo, bolj znano pisavo.

Ker v enem delu ni toliko naslovov, princip kontrasta deluje brezhibno, še posebej, ker so naslovi veliko večji od glavnega besedila.

Druga pisava je praviloma bolj znana očesu in njena naloga ni pritegniti pozornost gledalcev, temveč opravljati izključno informativno funkcijo. Biti mora lahko berljiv in ne sme utrujati oči. Začetniki pogosto delajo hudo napako in ustvarjajo velike fragmente besedila v ekstravagantni, težko berljivi pisavi. Med take pisave uvrščam tudi veliko večino tako imenovanih »ročno napisanih« pisav. Take pisave so dobre recimo za kakšno majhno voščilnico, ne pa za delo velik znesek besedilo.

Tu so primeri dobre uporabe pisave:

Kot lahko vidite, sta tukaj uporabljeni samo dve pisavi. Ena za naslove in druga za telo besedila. To delo izgleda elegantno in skladno.

Tukaj je slaba uporaba pisav:

Tukaj sem namenoma uporabil nekaj nenavadnih pisav, da boste občutili disharmonijo in nedoslednost tega dizajna. Pri svojem delu ne uporabljajte preveč pisav! Ni hujšega kot delo, kjer se meša 8 različnih pisav, predvsem pa ekstravagantne in težko berljive pisave.

Tu je primer takega dela:

To ni plod moje domišljije. Videl sem veliko takih del in praviloma so jih delali začetniki oblikovalci ali amaterji.

Če pogledate učbenik o oblikovanju, boste verjetno našli priporočila za uporabo pisave sans serif za naslove in pisave serif za telo besedila.

Toda to pravilo je preveč splošno in ga je v praksi pogosto treba zaobiti.
Torej za konec še en nasvet. Če je pisava naslova videti moderna, je bolje izbrati pisavo sans-serif kot glavno pisavo. Če je vaša prva pisava staromodna, naj bo glavna pisava serif.

Tematika uporabe pisav je neizčrpna, zato je nemogoče govoriti o vsem v enem majhnem članku. Kadar bo le mogoče, bom z vami delil svoje znanje o delu s pisavami. Mimogrede, v mojem Tečaj usposabljanja InDesign, tej pomembni temi posvečam veliko pozornosti.