S príchodom osobné počítače a prvých počítačových publikačných systémov nastal v typografii tektonický posun, ktorého dôsledky sú badateľné až teraz. Toto nie je prvá globálna zmena v typografii. Stačí si spomenúť na dobu, keď stroje priemyselného sveta porazili remeselníkov. Hromadná výroba a zisk sa stali dôležitejšími ako krása písma. Na kvantite záležalo viac ako na kvalite.

Veľkí majstri prestali vytvárať nové písma – tie, ktoré už existovali, boli vhodné aj na tlač kníh. Remeselníci, akokoľvek boli profesionáli, zostali nečinní a stali sa súčasťou technologického procesu.

Víťazstvo industrializmu však neznamenalo, že veľkí majstri zmizli s príchodom tlačiarenských strojov. Tieto dva svety naďalej existovali nezávisle od seba – tlačiari rozpoznali talent remeselníkov a tí zase pochopili, že pokrok nemožno zastaviť. Bola to už druhá zmena typografie, v dôsledku ktorej stratila časť svojej „duše“ alebo takpovediac ľudskosť. Aby ste však pochopili, čo sa nedávno stalo, budete sa musieť vrátiť v čase o 500 rokov a zistiť, kde to všetko začalo.

PRVÝ PRECHOD

Prvý konflikt medzi novým a starým vznikol po vynájdení prvého tlačiarenského lisu. Jeho tvorca, Johannes Guttenberg, mohol použiť stroj na vytváranie širokej škály kompozícií s rýchlosťou tlače až 240 strán za hodinu. Bola to revolúcia.

Predtým boli všetky knihy vytvorené výlučne ručne. Knihy minulosti boli písané ručne a zdobené zložitými vzormi a vzormi. Proces kopírovania bol veľmi dlhý, ale v dôsledku toho bola každá kniha, dokonca aj kópia, umeleckým dielom.

Samozrejme, prvé tlačené knihy sa nedali porovnávať s ručne písanými. Neboli obzvlášť krásne, ale boli menšie a lacnejšie. A čo je najdôležitejšie: možnosť nahradiť jednotlivé znaky a celé rodiny písma umožnila tlačiť knihy nielen v latinke, ale aj v iných európskych jazykoch.

Ľudia tieto zmeny len privítali. Potrebovali knihy v jazyku, ktorému rozumeli, a knihy, ktoré by si mohli vziať so sebou. Mali smäd po vedomostiach a tlačené knihy ho uhasili.

V dôsledku prvého prechodu však kniha stratila veľa zo svojej ľudskosti. Hlavný proces prevzali stroje, no remeselníci boli stále žiadaní. Každé písmeno bolo vyrezané ručne, dizajn a ilustrácie vytvorili tiež ľudia. Nebude to však dlho trvať a remeselná zručnosť sa začne vytrácať z procesu výroby kníh.

DIGITÁLNA DOBA

Prvý prechod zničil ručne písané knihy. Industrializácia napokon zbavila polygrafiu ľudskosti, všetko sa zmechanizovalo a majstri remeselníci zostali bez práce. Ale tretí prechod konečne ukončil typografiu ako umenie. V súčasnosti je väčšina náhlavných súprav prekvapivo bez funkcií. Je to len zbierka fontov v počítači. Len málokto pozná históriu toho či onoho písma. Toto nikoho nezaujíma. Pri hľadaní vhodného štýlu prelistujeme stovky fontov za minútu a všetko ostatné nie je také dôležité.

_______________________

„V našom dokonale počítačovom svete predstavuje šírenie fontov a ich rôznych variácií nová úroveň vizuálne znečistenie, ktoré priamo ohrozuje našu kultúru, hovorí dizajnér Massimo Vignelli. "Z tisícov fontov potrebujeme len niekoľko základných, pretože všetko ostatné je len odpad."
_______________________

V niektorých ohľadoch má pravdu. Typografia je viac než len fonty. Nie sú to len krásne písmená, sú to niečo iné, niečo, čo v nás vyvoláva pocit. Typografia je v podstate posolstvo. Podľa známeho ruského typografa Lazara Lissitzkého má typografia opticky sprostredkovať čitateľovi rovnakú myšlienku, akú vyslovuje hovoriaci.“

Už je to dávno, čo niekto písal na pergamen dotykovým perom. Preč sú drsné papiere páchnuce tlačiarenskou farbou. Trh s lesklou tlačou sa zmenšil na mikroskopické objemy. Dnes čítame texty, ktoré neboli tlačené, ale strojopisné a na papieri ich už vôbec nečítame. A očividne čaká typografia ďalší prechod. Nikto nevie, aké to bude, ale očividne po papieri budú displeje, ktoré poznáme, zastarané. Ťažko povedať, kedy bude ďalšia revolúcia, ale nový prechod nevyhnutne bude.

Najsmutnejšie na tom všetkom je, že ľudia v honbe za dokonalosťou stratili časť seba. Zručnosť kaligrafie dnes nepotrebuje takmer nikto. Trvá to dlho, vyžaduje si starostlivosť a vytrvalosť. Dnes to nemá zmysel - koniec koncov, existujú náhlavné súpravy pre každý vkus. Vyberáme fonty ako zombie: názov, veľkosť, štýl... Správa? správu? Za počítačovými fontami nie je žiadna správa, žiadny príbeh, nič.

NOSTALGIA ZA MINULOSŤ

Dnes mnohí dizajnéri cítia potrebu nových fontov, ktoré by dodali textu potrebnú individualitu. Existuje mnoho spôsobov práce s typografiou a každý z nich sleduje rovnaký cieľ – uniknúť neosobnosti digitálnych typov písma. Použité je všetko – farebný kontrast, ilúzia objemu, negatívny priestor, skrátka všetko, čo dokáže zo štandardného písma urobiť trochu menej štandardné.

A v tomto smere môžeme zaznamenať tri rastúce trendy, ktoré demonštrujú túžbu dizajnérov získať späť stratenú autenticitu písiem. V typografii existujú iba tri hlavné trendy, ale je ťažké si ich nevšimnúť, pretože sa objavujú doslova všade. Hovoríme o takých štýloch ako retro, akvarel a čiapky.

VINTAGE GRUNGE TYPOGRAFIA

Opravil som starý článok o typografii, pre tých, ktorí ho nevideli, bude užitočné prečítať si ho

Typografia- jeden z najdôležitejších aspektov webdizajnu, pretože s jeho pomocou sa prenášajú základné informácie. Bohužiaľ, mnohí dizajnéri a klienti sa obávajú odvážnych experimentov a vyberajú si pre svoje projekty jeden alebo dva „osvedčené“ fonty.

Tento článok je teda venovaný tým, ktorí sú stratení v oceáne typografie. Povieme si o základoch typografie, aké typy písma existujú a o štruktúre písma.

Typy písma vs fonty – aký je rozdiel?

Mnoho ľudí používa slová „typ písma“ a „písmo“ zameniteľné. V skutočnosti to nie je to isté, teraz vysvetlím prečo.

Headset je súbor štylisticky podobných znakov, ktoré je možné napísať/vytlačiť. Sú to čísla, písmená, symboly. Písmo- Ide o užší pojem, ktorý je určený viacerými faktormi, ako je veľkosť a štýl. Vo všeobecnosti je Arial typ písma a Arial Bold je písmo.

Klasifikácia

Písma možno rozdeliť do niekoľkých skupín – pätkové (pätkové), bezpätkové (bezpätkové), ručne písané (skript), zobrazovacie (zobrazovacie). Existujú však aj iné typy klasifikácie.

Serif fonty, Antiqua (Serif)

Nazývajú sa tak, pretože každé písmeno má malé pätky. Pri tlači veľkých blokov textu vo webdizajne sa neodporúčajú, pretože sa považujú za ťažko čitateľné. Tieto fonty sa zvyčajne používajú pre nadpisy.

Pätkové písma majú pomerne veľa podtypov – napr. Starý štýl(„Starý štýl“ - nazývajú sa aj humanisti, humanistický serif) - úplne prvé písma tejto klasifikácie, ktoré sa používali už v roku 1400. ich rozlišovacia črta- že časť symbolu, ktorá je umiestnená pod uhlom, sa stáva tenšou. Príklady písiem zahŕňajú Adobe Jenson, Centaur a Goudy Old Style.

Prechodné pätky- používaný v roku 1700. Patria sem fonty ako Times New Roman a Baskerville, ako aj Caslon, Georgia a Bookman. Ich rozdiel medzi hrubými a tenkými časťami písmen je výraznejší ako pri Old Style, no menej nápadný ako pri Modern.

Moderné pätky (nový štýl starožitnosti)- používané po roku 1700 a majú silný kontrast medzi hrubými a tenkými časťami postáv. Patria sem fonty ako Didot a Bodoni

A nakoniec , Slab serifs (Slab fonty)- vo všeobecnosti majú rovnakú hrúbku všetkých čiar a veľké pätky na koncoch

Sekané písma, Grotesques (Sans Serif)

Pätkové písma sa tak nazývajú, pretože nemajú pätky). Vyzerajú modernejšie a začali sa používať v 18. storočí.

Tu sú 4 hlavné typy bezpätkových písiem: Groteska (stará groteska), neogroteska (nová groteska), humanistická (humanistická) a geometrická (geometrická).
Staré grotesky- úplne prvé, sú podobné pätkovým písmom, ale bez pätiek.
Napríklad Franklin Gothic a Akzidenze

Nové grotesky majú v porovnaní so starými groteskami zjednodušený vzhľad. Mnohé z najpopulárnejších písiem sú dnes nové bezpätkové písma, napríklad MS Sans Serif, Arial, Helvetica a Univers.

Humanisti- viac kaligrafické ako všetky ostatné bezpätkové písma (to znamená, že ich hrúbka čiary sa mení). Patria sem napríklad Gill Sans, Frutiger, Tahoma, Verdana, Optima a Lucide Grande - často sa používajú na vyplnenie tela stránky.

Geometrické založené na pravidelných číslach, napríklad „O“ je kruh atď.; sú považované za najmodernejšie bezpätkové písma. Príklady - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Ručne písané (skript)

Ručne písané písma sú založené na rukopise. Existujú dva druhy takýchto písiem - formálne a neformálne. Formálne sa zdajú byť písané rukou a pochádzajú zo 17. a 18. storočia. Niektoré fonty sú založené na rukopise známych umelcov ako George Snell a George Bickham. Ako príklad moderných písiem si môžete vziať Kuenstler Script. Hoci je krásna a elegantná, nehodí sa k telu stránky.

Príležitostné písma sú modernejšou verziou, vznikli v 20. storočí. Je menej formálny, často s výraznými ťahmi a efektom ťahu štetcom. Tieto fonty zahŕňajú Mistral a Brush Script.

Zobraziť písma

Kategória zobrazovaných fontov zahŕňa tie fonty, ktoré vo všeobecnosti nie sú vhodné na písanie textu. Najčastejšie slúžia ako prízvuk. Zvyčajne sa používajú v tlači, aj keď sa začínajú objavovať na internetových stránkach. Medzi displejmi možno nájsť napríklad blackletter – pôvodné písma prvých tlačiarenských strojov.

Neabecedné písma (Dingbats)

Neabecedné písma- to sú tie písma, ktoré vôbec neobsahujú písmená, ale obsahujú symboly a ornamenty.

Proporcionálne vs

V proporcionálnych písmach znak zaberá toľko miesta, koľko vyžaduje jeho prirodzený pravopis. Napríklad Times New Roman je proporcionálne písmo. Jednopriestorové písma však majú všetky znaky rovnakej šírky. Medzi takéto fonty patrí napríklad Courier New

Nálada

Nálada písma do veľkej miery ovplyvňuje, či je vhodné ho v danej situácii použiť. Pomerne často sa využívajú aj kontrasty – biznis štýl sa spája s neformálnym, ľahký s dramatickým. Napríklad Times New Roman je prísne písmo a práve naň sa tak často používa Obchodná korešpondencia. Ale napríklad Helvetica vo všeobecnosti mení náladu v závislosti od okolitých fontov.

Hrúbka a štýl

Hrúbka písma je: svetlý, tenký, pravidelný, stredný, tučný, ťažký alebo čierny.

Existujú tri štýly písma – kurzíva, šikmé písmo a malé veľké písmená. Na nadpisy sa zvyčajne používajú malé čiapky.

Kurzíva a šikmé sú zameniteľné, hoci ide o rôzne štýly. Oblique je šikmá verzia bežných písiem. Ak ju chcete získať, stačí použiť funkciu Free Transform-Dort vo Photoshope. Ale kurzíva je samostatná znaková sada, ktorá je zodpovedná za šikmú verziu písma.

Štruktúra písma

Každý znak má určitý súbor charakteristík, ktoré možno použiť na určenie toho, ako sa kombinuje s inými písmami. Tu sú tie hlavné:

Riadok písma (základný riadok)- pomyselná čiara, na ktorej sa nachádza text. Niekedy zaoblené písma mierne ustupujú od riadku písma.

Meanline označuje výšku väčšiny malých písmen, zvyčajne určenú výškou písmena „x“. Odtiaľ pochádza pojem x-výška.

Horný riadok veľkých písmen (veľké písmená)- výška veľké písmeno"A".

Na obrázku vyššie sú tri spoločné časti všetkých písmen.

Hlavný ťah, Stem- hlavná vertikála každého symbolu vrátane nakloneného.

Hrazda (Tyč)- vodorovná časť písma

Ovál (miska)- zaoblená časť písma.

Horné rozšírenie (Acender)- vyčnievajúca časť písmen, ako napríklad „d“, „h“ a „b“.

Descender- vyčnievajúca časť písmen ako „p“, „q“ a „f“

Serify- charakteristický znak pätkového písma). V niektorých typoch písma sú výraznejšie, v iných menej.

Clona- označuje medzeru pre voľné znaky ako „A“, „c“ alebo „m“

Ucho ide o dekoratívny doplnok k symbolu, ako napríklad v písmene „g“ vo vyššie uvedenom príklade.

Spojovací ťah (vlasová línia) Toto je najtenšia časť pätkového písma.

Hrazda - horizontálna čiara, ako pri symboloch „A“ a „H“.

Drop (terminál)- okrúhly alebo oválny (kvapkovitý) koniec ťahu v dizajne niektorých znakov písma.

Slučka vyskytuje sa len na niektorých malých písmenách „g“ a môže byť úplne alebo čiastočne uzavreté.

Spur- malý zárez na niektorých písmenách, napríklad „G“.

Pripojenie (odkaz) spája hornú a spodná časť písmená "g".

Chrbtica- stredová krivka, ktorú má písmeno „s“.

chvostové písmená (chvostové)- ozdobná čiara, napríklad na písmene „R“ alebo „Q“.

Koncový prvok (Terminál, Final)- zakončenie zdvihu bez pätky

Rameno- zaoblená línia, ktorá sa tiahne od hlavného ťahu. (aby som bol úprimný, mnoho ruských stránok dáva úplne inú definíciu tohto pojmu)

Od autora: Zdravím vás priatelia! Pokračujeme v skúmaní zložitosti profesionálneho webdizajnu a dnes tu máme veľmi horúcu tému – webovú typografiu. Žiaľ, veľa vývojárov nepozná ani samotné základy a pravidlá tejto oblasti. Možno sa tým len neobťažujú a nechcú tým strácať čas, alebo možno úplne nerozumejú jeho významu. Vo všeobecnosti je mojím cieľom sprostredkovať vám, že typografia vo webdizajne je základom základov a bez nej sa len veľmi ťažko posuniete vpred.

Typografia a posielanie správ

Účelom akéhokoľvek internetového zdroja je informačná správa cieľové publikum. Čomu budú návštevníci vášho webu venovať pozornosť ako prvé? Samozrejme, na texte! (samozrejme, ak to nie je zanesené náhodnou reklamou a množstvom hlúpych bannerov). Úspech vášho projektu bude v konečnom dôsledku závisieť od textu a iba od textu.

Poďme zistiť, čo typografia skutočne ovplyvňuje webdizajn.

Po prvé, obrázok webového zdroja. Kvalitný vývoj je viditeľný voľným okom a nemusíte byť megašpecialista, aby ste odhadli, ako dlho chcete na stránke zostať. Krivý, nečitateľný text je prvým dôvodom, prečo návštevník opustí váš odkaz 10–15 sekúnd po zadaní.

Po druhé, jedinečnosť webového zdroja. Ak vezmeme do úvahy skutočnosť, že pri dnešnom tempe progresívneho rozvoja internetového priestoru je hľadanie absolútne unikátneho obsahu jednoducho nereálna úloha, vašou úlohou je tento obsah jedinečne prezentovať. V súboji konkurenčných stránok vždy vyhráva ten, kto nezanedbá jednoduché pravidlá vývoj, ale naopak ich efektívne aplikuje a získa maximálny úžitok.

Základy typografie vo webdizajne

Fonty vo webdizajne

Typografia v vzhľad stránky má úplne prirodzené zákony a pravidlá. Začnime s fontmi. Správna voľba fonty do značnej miery určia koncepciu vášho rozvoja a ovplyvnia celkové vnímanie zdroja.

Dokonca aj v nedávnej minulosti, hoci sa o tých časoch vie len málo, dizajnéri mohli používať iba tie písma, ktoré sprevádzali operačný systém. Všetky skvelé verzie neboli nič iné ako obrázok alebo blesk. Existovali riešenia, ktoré však spôsobili veľa problémov.

Zavedenie CSS vlastnosti @font-face jednoducho uvoľnilo dizajnérom ruky. Zaregistroval som odkaz na ľubovoľný súbor písma a teraz sa už používa na stránkach lokality. S touto témou je zo strany vývojárov určitá nespokojnosť, no ukázalo sa, že ide o úplne riešiteľný problém.

Podotýkam, že nie všetky fonty sú vhodné pre kompetentný webdizajn. Predovšetkým pre ich nečitateľnosť a sťažené sledovanie z obrazovky. Niektoré fonty sú príliš ťažké a spomaľujú zdroje – na to určite dávajte pozor. ešte pridám technická vlastnosť pri práci s písmami: ich zobrazenie v rôzne prehliadače- je taký problém spracovania spisu alebo aj celej rodiny.

Makro a mikro typografia

Ako ste už pravdepodobne pochopili z názvov týchto výrazov:

makroúroveň – stavia všeobecná štruktúra text, určuje umiestnenie obsahu vzhľadom na dizajn;

mikroúroveň - dbá na najmenšie detaily, medzery, rozostupy, priehlbiny atď.

Úloha makrotypografie je globálna – urobiť textové bloky živými, aktívnymi, no zároveň harmonickými a celistvými. Mikrotypografia má jednoduchšiu, no nemenej dôležitú úlohu – zabezpečiť čitateľnosť. Na internete je množstvo príkladov úspešných a neúspešných riešení týchto problémov.

Konštrukcia holistickej kompozície spočíva predovšetkým v chápaní priestoru. Webdizajnér musí vidieť celý obraz, no zároveň ho kompetentne rozobrať do detailov. Nie sú tu žiadne nepodstatné prvky: nadpis, odsek, zvislé vzdialenosti medzi prvkami, registre, hrúbka...

Písma pre webdizajn je vhodné špecifikovať v relatívnych jednotkách (% alebo „em“), podporuje to prispôsobivosť a flexibilitu obsahu. Pre necitlivé kontajnery má zmysel používať známejšie „px“ pixely, keď sa bloky pohybujú pri zmene veľkosti obrazovky, ale písmo zostáva stabilné.

Textová výzdoba

Dôležitou časťou typografie je počítačová symbolická sadzba. To zahŕňa: umiestnenie interpunkčných znamienok, používanie zátvoriek, spojovníky a pomlčky, bodky, medzery atď.

Takéto chyby na prvý pohľad nepredstavujú osobitnú hrozbu pre obsah alebo jedinečnosť obsahu, pamätajte však: žiadny sebarešpektujúci zdroj nedovolí primitívne chyby v textoch. Pamätajte na obrázok, v ňom nie sú žiadne maličkosti!

Teraz o rozložení. Tu sú niektoré pravidlá:

Textový blok by mal byť obmedzený na 40–50 % šírky strany.

Medzi odsekmi by mala byť medzera 1,5.

Kontrast medzi pozadím a textom by mal byť v rozsahu 75–90 %.

Písmo, ktoré je príjemné pre oči, je 12–16 px, ale ani ten najmenší blok by nemal byť menší ako 10 px.

Riadkovanie sa zachováva vzhľadom na veľkosť písma a meria sa v percentách, ideálne bude stačiť 140 – 150 %.

Zarovnanie textu na stred alebo zarovnanie sa považuje za mimoriadne zlú formu. Roztrhané medzery medzi slovami, ako aj rozstrapkané okraje odsekov, znižujú vnímanie a častejšie len dráždia.

CSS štýly

CSS štýl je nástroj na prácu s fontmi vo webdizajne. Z vývoja CSS štýly začína akýkoľvek tréningový kurz. Na čo sú potrebné? Aby som zhrnul celú typografiu zdroja! CSS spája stránky a bloky do jedného celku a kontroluje prípadné odchýlky od hlavného chodu. Ako viete, jeden nápad nestačí na jeho realizáciu, budete potrebovať znalosti a zručnosti.

Raz som čítal v skvelom článku, že webdizajn je z 95 % typografia. Či tomu veriť alebo nie, každý sa rozhodne sám. Ale text, ktorý sa nedá prečítať, je produkt bez účelu. Moja rada pre vás je, aby ste okamžite začali venovať pozornosť kvalite poskytovania informácií, neodkladajte to. To je z mojej strany všetko. Prihláste sa na odber aktualizácií a už vám neuniknú tie najzaujímavejšie veci! čau čau!

Na objasnenie akýchkoľvek nejasností, ktoré môžu vzniknúť, je dôležité objasniť význam niektorých kľúčových pojmov. Prvý dôležitý set Kľúčové slová definovať pojmy „písmo“ a „druh písma“.

Písmo je súbor znakov určitej veľkosti a dizajnu. Typ písma podobne definuje rodiny štýlov písma Kľúčovým slovom sú štýly, ktoré rozdeľujú rôzne písma do skupín alebo rodín. Môžu to byť napríklad pätkové, bezpätkové, písané rukou, displej, monospace a iné. Dá sa povedať, že typ písma je súbor písiem rôznych štýlov a veľkostí, ktoré spája spoločný štýl vykonávania. Ako vidíte, písmo je užší pojem.

Pri vytváraní rozloženia webovej stránky je výber písma veľmi dôležitý. Prirodzene, najlepšie je použiť fonty zo štandardu Súprava Windows alebo Mac. Niekedy však táto súprava nestačí na to, aby oživila nápad dizajnéra a celé bremeno potom padá na plecia dizajnéra rozloženia. Našťastie Webové písma Google ponúka veľmi elegantné riešenie tohto problému.

Existujú aj pojmy ako „váha“ a kerning. Všetky je možné zmeniť pomocou CSS nástroje a použiť na odseky, nadpisy alebo iné prvky textu. Vlastnosť písma „weight“ určuje mieru hrúbky čiar pri písaní. Ide o sériu hodnôt od 100 do 900, kde každé číslo označuje váhu zodpovedajúcu odvážnosti štýlu. Normálnemu fontu „normal“ zodpovedá číslo 400, tučnému „tučnému“ fontu 700. Kerning je zmena medzier medzi písmenami v závislosti od ich tvaru. Toto je proces správneho umiestňovania symbolov, úpravy vzdialeností medzi nimi, v dôsledku čoho by sa mala dosiahnuť harmónia. Hoci veľa ľudí nevenuje veľkú pozornosť kerningu, sú to maličkosti, ktoré pomáhajú dosiahnuť veľmi dobré výsledky.

Porušenie noriem

Je celkom rozumné diskutovať o potrebe vytvárať nové fonty. vzadu V poslednej dobe mnohé webové stránky sú zastarané. Používajú štandardné fonty, z ktorých sme už dosť unavení.

Dnes existujú stovky fontov, ale rôznych OS ponúkajú svoje vlastné balíčky. A v týchto balíkoch je zahrnutých len niekoľko písiem. Ak vyberiete písmo, ktoré nemusí mať niekto iný vo vašom systéme, písmo sa nahradí predvoleným písmom. Z týchto dôvodov sa odporúča používať základné fonty. Niekedy však základné písma nedokážu úplne zachytiť fantáziu dizajnéra. Preto, ak pevne veríte, že pre váš dizajn je potrebné špeciálne písmo, môžete svoje špeciálne písmo premeniť na obrázok a nahrať ho na svoj web. Vytvorte si grafiku nadpisov, hlavičiek alebo ponúk a používajte ich.

Uistite sa, že nadpisy zodpovedajú témam stránky. Môžu zahŕňať rôzne farby, podčiarknutie, ikony na pozadí alebo grafický text. V konečnom dôsledku je rozhodnutie na vás.

Okrem toho musíte zabezpečiť, aby všetky textové odkazy mali na stránke rovnaké písmo. Používanie odkazov rôznych typov písma a dizajnu spôsobí používateľovi značné ťažkosti pri navigácii.

Výber správneho písma

Treba tiež poznamenať, že rôzne typy písma môžu mať rôzny vplyv na náladu čitateľov. Vo všeobecnosti sú pätkové písma vhodnejšie pre tlačené materiály. Pätky pomáhajú vytvárať medzery medzi písmenami a tiež oddeľujú jeden znak od druhého. Pätkové písma často poskytujú osobný pocit, vyjadrujú rešpekt, inteligenciu a profesionalitu.

Bezpätkové písma sú najlepšie pre webové stránky. Nízke rozlíšenie obrazovky znamená, že pätky budú vyzerať rozmazane a následne budú zle vnímané. Bezpätkové písma majú tendenciu vyjadrovať pocity racionality, štýlovosti, mladosti a modernosti.

Napríklad výber pätiek dáva pocit profesionality a autoritatívnej informácie. Často to možno vidieť v médiách hlavného prúdu, ako je New York Times. Pre menšie blogy môžete použiť bezpätkové písmo s veľkou výškou riadku. Používatelia tak môžu rýchlo zobraziť text blogu.

Vždy by ste sa mali zamyslieť nad tým, aké informácie sa snažíte návštevníkovi sprostredkovať. Pri výbere písma treba pamätať na to, že veselé správy by mali byť sprevádzané svetlými, vzdušnými a mäkkými tvarmi písma, zatiaľ čo správy s niektorými tmavšími témami, ako je napríklad Halloween, by boli lepšie doplnené písmom s tvrdšími okrajmi.

Čitateľnosť

Typografia a častejšie nečitateľná typografia môže byť pre oči veľmi nepríjemná. Samozrejme, existujú výnimky, pri ktorých je možné použiť Funky alebo iné nečitateľné písmo, napríklad pri akciách v nočných kluboch.

Ale napriek tomu, ak máte túžbu použiť napríklad Soda, Bored alebo Akka, potom je lepšie opustiť túto myšlienku. Ak je túžba stále dostatočne silná, potom by sa tieto písma mali používať s mierou. Napríklad ako titulok. Ale potom by mal byť hlavný text čitateľnejší. To môže pomôcť vytvoriť impulz na vašom webe. A musíte si uvedomiť, že použitie takýchto písiem by malo byť výhodou dizajnu a nie nevýhodou.

Informačný obsah

Dizajn by mal dopĺňať vašu správu. Používateľ nemusí prísť na to, čo presne mal dizajnér na mysli. Nesprávny výber typografie môže prispieť k mylnej predstave používateľa o spoločnosti a jej službách.

Pri navrhovaní obchodných projektov by ste mali väčšinou používať tradičné hladké písma. Toto treba brať do úvahy aj vtedy, ak nemáte oficiálny dizajn. Najmä ak chcete, aby ľudia brali vašu stránku vážne.

Umiestnenie a rozmery

Pre efektívny dizajn je veľmi dôležité – na akých miestach má byť text umiestnený a aká má byť jeho veľkosť. Nikto nechce namáhať oči, aby si prečítal informácie alebo videl neuveriteľne veľké slová na webovej stránke. Cieľom dobrého dizajnu je nájsť rovnováhu. A prvým krokom k tomu je zistiť, ktoré informácie budú dôležitejšie.

Slová, ktorým musíte venovať pozornosť, je zvyčajne potrebné urobiť trochu viac. Alebo naopak – menšie by mali byť menšie. Všetko závisí od dôležitosti. Inými slovami, musíte vytvoriť hierarchiu slov.

Pokiaľ ide o umiestnenie písma, snažte sa ho udržiavať vyvážené. Nie je potrebné rozhadzovať časti textu v štyroch rohoch. Používateľov to môže výrazne rozptyľovať.

Farba

Toto je jeden z ľahších aspektov. Musíte si vybrať farbu, vďaka ktorej bude text vyčnievať z pozadia a zostane čitateľný.

Vašimi pomocníkmi budú kontrastné farby, ale aj využitie efektov ako ťahy (ťah) a žiary (žiara). Pomôže to urobiť stránku atraktívnejšou a ľahšie čitateľnou. Musíte si vybrať farbu, ktorá prinúti ľudí zastaviť sa a pozrieť sa a urobiť z informácií dominantnú časť dizajnu.

Záver

Používanie fontov vo Photoshope sa výrazne líši od ich používania na webových stránkach. To vysvetľuje, prečo niektorí dizajnéri majú taký problém pracovať s typografiou. Typografia na webe je pomerne široká téma a vyžaduje si veľa výskumu. Vždy by ste mali pamätať na to, že je veľmi dôležité nájsť prístup k používaniu typografie, ktorý zodpovedá nálade a estetike dizajnu. Nebojte sa kombinovať Rôzne druhy fonty, len sa uistite, že sú dobré.

Priatelia!

V tomto článku budem pokračovať v analýze najčastejších chýb začínajúcich dizajnérov.

Dnes si povieme niečo o používaní fontov. Viete, ako rozoznám prácu začiatočníka od profesionála? Začiatočník sa spravidla snaží vo svojej práci preukázať všetko, čo sa naučil. Prejavuje sa to v hojnom používaní rôznych farieb, rôznych efektov a samozrejme početných fontov v tom istom diele. Profesionálny dizajnér, naopak, v rámci jedného projektu zvyčajne používa jeden, maximálne dva fonty, ako aj obmedzenú paletu farieb. A ak sa bez grafických efektov absolútne nezaobíde, snaží sa ich použitie zredukovať na minimum.

Ak je teda pravidlom číslo jeden pre dobrý dizajn konštrukcia modulárna mriežka(pozri článok), potom pravidlo číslo dva znie: obmedziť počet fontov!

Minimálny počet písiem podporuje súlad a konzistentnosť dizajnu. Čím menej vaša práca obsahuje rôzne štýly a je plná najrôznejších farieb a fontov, tým zmysluplnejšie a profesionálnejšie pôsobí.

Najčastejšie si dizajnér vyberá jedno písmo pre projekt. Navyše, charakter zvoleného písma musí zodpovedať kreatívnemu nápadu alebo nálade dizajnu. Napríklad, ak robíme brožúru venovanú mobilný telefón tretej generácie, potom nám bude s najväčšou pravdepodobnosťou vyhovovať svetlé, moderné bezpätkové písmo. Ale ku klasickému pätkovému fontu „stále na nohách“ by sa viac hodila brožúrka na tému impresionistickej výstavy v Ermitáži. Vo všeobecnosti platí, že úspešný výber fontov je v práci dizajnéra mimoriadne dôležitý, pretože rozpor medzi charakterom fontu a myšlienkou a charakterom projektu môže celé dielo pokaziť.

Niekedy je potrebné použiť dodatočné písmo. Pri práci s dvoma typmi písma sa zdá, že prvé písmo zdôrazňuje náladu a charakter diela a často mu dodáva osobitosť. Toto písmo sa používa pre nadpisy a podnadpisy. Niekedy dizajnéri používajú na tento účel neobvyklé písma. Nerobí sa to kvôli originalite, ale s cieľom zvýrazniť konkrétne časti textu zvýšením kontrastu vo vzťahu k druhému, známejšiemu písmu.

Keďže v jednom diele nie je toľko nadpisov, princíp kontrastu funguje bezchybne, najmä preto, že nadpisy sú oveľa väčšie ako hlavný text.

Druhé písmo je spravidla oku známejšie a jeho úlohou nie je upútať pozornosť divákov, ale plniť čisto informatívnu funkciu. Mal by byť ľahko čitateľný a neunavovať oči. Začiatočníci často robia vážnu chybu, keď vytvárajú veľké fragmenty textu v extravagantnom, ťažko čitateľnom písme. Medzi také písma zahŕňam aj veľkú väčšinu takzvaných „ručne písaných“ fontov. Takéto písma sú dobré povedzme na malé blahoželanie, ale nie na prácu s nimi veľké množstvo text.

Tu sú príklady dobrého použitia písma:

Ako vidíte, sú tu použité iba dva typy písma. Jeden pre nadpisy a druhý pre hlavný text. Táto práca vyzerá elegantne a konzistentne.

A tu je neúspešné použitie fontov:

Tu zámerne používam niektoré nezvyčajné fonty, aby ste pocítili disharmóniu a nesúlad tohto dizajnu. Vo svojej práci nepoužívajte príliš veľa fontov! Nie je nič horšie ako práca, kde sa mieša 8 rôznych fontov a hlavne extravagantné a ťažko čitateľné fonty.

Tu je príklad takejto práce:

Toto nie je výplod mojej fantázie. Videl som veľa takýchto prác a spravidla ich robili začínajúci dizajnéri alebo amatéri.

Ak sa pozriete do učebnice dizajnu, pravdepodobne nájdete odporúčania použiť bezpätkové písmo pre nadpisy a patkové písmo pre hlavný text.

Toto pravidlo je však príliš všeobecné a v praxi sa často musí obchádzať.
Takže na záver ešte jedna rada. Ak nadpisové písmo vyzerá moderne, potom je lepšie zvoliť ako hlavné písmo bezpätkové písmo. Ak je vaše prvé písmo staromódne, hlavné písmo by malo byť pätkové.

Téma používania fontov je nevyčerpateľná, preto sa v jednom malom článku nedá porozprávať o všetkom. Vždy, keď to bude možné, podelím sa s vami o svoje poznatky o práci s písmami. Mimochodom, v mojom Školiaci kurz InDesign, tejto dôležitej téme venujem veľkú pozornosť.