Aké písmo je originál použiť na napísanie mena. Dajte písmam rôzne úlohy. Dobrá typografia je veľmi dôležitá – presvedčil sa o tom aj známy perfekcionista Steve Jobs.

Od autora: typografické značenie je rozsiahla oblasť činnosti. Ľudia tomuto starodávnemu remeslu venujú roky svojho života a vždy sa dá niečo nové naučiť. V tomto článku preskúmam hlavné body, ktoré treba zvážiť pri výbere písma pre vašu stránku a typu písma (súbor jedného alebo viacerých písiem). Potom otázky ako "Ktoré písmo si mám vybrať?" odpadnete sami.

Praktické typografické značenie

Pri navrhovaní pre web musíte počítať s tým, že obsah sa bude meniť. Tráviť čas kerningom (úpravou medzier medzi jednotlivými písmenami) každého nadpisu na veľkom webe neprichádza do úvahy. Inými slovami, vzdávate sa kontroly.

Dnes sa zameriam na praktické označenie. Pre mňa to znamená pochopiť plnú kontrolu cez typografiu svojich webových stránok nikdy nedostanete. Výber typov písma, otázka veľkosti – to všetko môžeme ako dizajnéri ovplyvniť. Praktické označenie znamená, ako a čo je dôležitejšie, prečo upratovať to, čo máte pod kontrolou. Začnime.

Čitateľnosť pri výbere písma

Pred výberom písma pre stránku by ste si mali zodpovedať niekoľko otázok. Čo robíš s tým, čo píšeš? Čítanie! Prečo to toľko webových stránok sťažuje? Či už ide o malé veľkosti písma, náhodné výšky riadkov alebo dokonca obyčajné škaredé písma, zdá sa, že veľa stránok nechce, aby ste mohli správne čítať ich obsah!

Tým, že vaše písanie bude čitateľné, okamžite predbehnete aspoň polovicu svojich konkurentov, čo je vlastne skvelé, pretože to nie je také ťažké!

Moderné tendencie a prístupy k vývoju webu

Naučte sa algoritmus pre rýchly rast od nuly pri vytváraní webových stránok

Ako si vybrať typ písma?

Pri rozhodovaní o tom, ktorý typ písma použijete na svojej webovej lokalite, je dôležité mať na pamäti: nebuď príliš múdry. Viem, koľko dizajnérov nemá rado používať Helveticu, pretože je široko používaná. Súhlasím, ale toto tvrdenie ponecháva bokom dôležité údaje: prečo. Ľudia používajú Helveticu príliš často, pretože to strasne dobre. Skvele sa hodí k akémukoľvek dizajnu, ktorý si dokážete predstaviť, funguje dobre v malých aj veľkých veľkostiach.

Inštalácia takéhoto urážlivého písma môže byť proti vášmu presvedčeniu, ale ak to funguje, choďte do toho.

Hlavný text je pravdepodobne tá časť dizajnu, ktorá by mala byť najčitateľnejšia, takže sa uistite, že ste si vybrali písmo, ktoré dobre funguje pri malých veľkostiach. Čo tým chcem povedať? Ak môžete nastaviť svoj hlavný text na 10 pixelov a stále rozumiete tomu, čo hovorí, je to skvelý indikátor čitateľnosti písma.

Toto je pre hlavný text, ale čo nadpisy, aké písmo pre ne zvoliť?

Výpočet čitateľnosti veľkých nadpisov je oveľa jednoduchší ako výpočet čitateľnosti hlavných textov. Ak okamžite rozoznáte, čo je tam napísané, nadpis je dostatočne čitateľný.

Dobrou správou je, že akonáhle budete pracovať na dostatočnom množstve projektov, budete mať dobrú predstavu o tom, ktoré typy písma fungujú a ktoré nie. Odvtedy budete vedieť lepšie posúdiť, aké písma zvoliť.

Neexistuje žiadny vzorec na výber správnych písiem pre váš web. Často Najlepšia cesta rozhodnúť sa, s ktorým prestať, je vyskúšať každý, o ktorom si myslíte, že by mal fungovať, a potom ho porovnať. Výber fontov je naozaj inštinktívny, no je dôležité si uvedomiť, že na 90 % času používateľ nebude musieť premýšľať o tom, aké písmo tu bolo použité, takže ak je čitateľné, stačí.

Výber páru

Veľmi zriedkavo (ak vôbec) nastane situácia, kedy je vhodný na použitie na stránke len jeden headset. Priemerný web používa veľa textu. Nemôže sa stať, že jedna náhlavná súprava pasuje všetkým! Prevažná väčšina dobre navrhnutých webových stránok používa dva, jeden pre hlavný text a druhý pre nadpisy.

Pri výbere dvojice písiem je dôležité zvážiť, ako budú spolu vyzerať. "Sú si dosť podobní?" "Príliš podobný?" "Nie dosť odlišný?" Všetky tieto otázky si musíte položiť. Myslím, že najlepší spôsob, ako nájsť pár písiem, ktoré spolu vyzerajú dobre, je dať ich veľa vedľa seba a rozhodnúť sa, ktoré sú najlepšie. Nemôžeš vedieť, kým nevyskúšaš.

Niekedy budú najlepšie fungovať dve bezpätky, inokedy budete potrebovať bezpätky pre nadpisy a pätky pre hlavný text. Nezáleží na tom, že vyzerajú podobne, dôležité je, že sú konať podobne. To samozrejme závisí od zvyšku návrhu vášho projektu. Bez ohľadu na typy písma, ktoré si vyberiete, mali by presne vyjadriť vaše posolstvo, a ak to znamená kontrastné typy písma, pokračujte v dobrej práci.

Hoci nejde striktne o typografické označenie, farba je veľmi dôležitým detailom každého typu webovej stránky. Nehovorím o farebné schémy , ale viac o kontraste potrebnom na zabezpečenie čitateľnosti stránky. Čierny text na bielom (alebo svetlom) pozadí sa považuje za najčitateľnejšiu farbu textu.

Nehovorím, že by ste mali ísť všetko nastaviť na čierno-biele, len by ste si pri navrhovaní mali uvedomiť kontrast svojho textu. Ak si nedáte pozor, môže sa vám to neskôr vrátiť.

Podľa môjho názoru je použitie mriežky najdôležitejšou myšlienkou pri praktickom označovaní textu na webe. Môžete mať skvelé písma, výplne a farby, ale ak nemáte dobré označenie, môžete použiť aj komiksové sans.

Použitie mriežky pri vytváraní návrhov s textami zaručuje jasnú rovnováhu a geometrickú štruktúru vášho projektu. Nie je to magická oprava zlého dizajnu, ale ak svoj dizajn od začiatku postavíte na mriežke, môžete si byť istí, že aspoň vaše rozloženie bude pevné.

Akú úlohu teda hrá mriežka v typografickom rozložení? Poviem len: univerzálny. Mriežka stelesňuje všetky základné ideály typografického rozloženia. Je geometrický, konštantný, ľahko sa aplikuje a navyše: krásne.

Zarovnať text do mriežky - kľúčová metóda vytvorenie vizuálnej hierarchie a skvelý ukazovateľ toho, aký veľký (alebo malý) by mal byť váš text.

Výber

Ako som povedal, ak je vaša typografia čitateľná, potom ste už o 50 % pred konkurenciou, ale čo tá druhá polovica? Ak ste sa už dostali až sem, potom spolu opustíme jasné, konzistentné pravidlá čitateľnosti a vstúpime do temného a mystického sveta jedinečnosti.

Chcete, aby vaša stránka vynikla? Krok 1: Použite jedinečné typografické označenie. Pravdepodobne to pre vás znamená používanie jedinečných fontov. V čom však spočíva jedinečnosť písma? Podľa mňa nejde o príliš nepoužívaný font, ale o taký, ktorý má posolstvo či pocit, ktorý iné typy písma neobsahujú.

Výber jedinečného písma - oblasť pocity. Cíti je toto písmo iné? Alebo len vyzerá inak? Pri výbere slúchadiel pre akýkoľvek projekt by ste mali vždy zvážiť dojem z dizajnu. Keďže ide čisto o osobný názor, nemôžem vám pomôcť nájsť jedinečný headset. Môžem ukázať iba príklady písiem.

Design Cubicle má veľmi jedinečné logo a dizajn. Je výkonný, no zároveň elegantný, pútavý a zároveň elegantný. Keď sa pozerám na tento projekt, mám pocit vysokej triedy tejto stránky. Hovorí mi: "Viem, čo robím."

Buďte nebanálni

Koľko webových stránok s logom s úplným obsahom poznáte? Čo tak ultratenká hlavička? Na rozdiel od môjho posledného bodu, byť nekonvenčný znamená pozerať sa na to, čo robia ostatní, a potom robiť opak.

Chlapci z Savvy Belfast sú šikovní. Všimli si, ako stiesnene vyzerá väčšina webových stránok a rozhodli sa nahradiť všetky nezmyselné kópie tela jednou vetou.

Aj keď sa na chvíľu pozriete na ich webovú stránku, nemôžete si pomôcť zapamätať si ich meno.

Zarovnajte svoj dizajn

Typografické značenie nie je samo osebe. Je to súčasť webdizajnu ako každá iná. Text je dôležitý, áno, ale nezabúdajte, že je to len časť toho, čo robí váš projekt skvelým. Musíte vytvoriť text s obrázkom zvyšku dizajnu.

Ak máte efektnú textúru pozadia, potom by sa k vašim nadpisom možno hodila dobrá pätka.

Môj názor je jednoduchý: nezabudnite kontext. Oblasť dizajnu je obrovská a dnes hovorím len o jednej jej časti. Na vytvorenie úspešného webového dizajnu musia byť všetky časti úspešne zmiešané. To je cieľ: vytvoriť dojem, že niekto získa z vašej stránky. S týmto sa nedá urobiť len jeden text, alebo len jedna farba, alebo dokonca o iba spodný obsah!

Veľa skúseností závisí od toho, ako sa cítite: šťastný, smutný, prekvapený, nahnevaný, bla bla bla. Ľudské bytosti majú širokú škálu emócií a našou úlohou ako dizajnérov je vyvolať tieto emócie našimi návrhmi.

Zo všetkých vecí, o ktorých som dnes hovoril, je toto zďaleka najabstraktnejšia vec a je trochu ťažké ju vysvetliť. Namiesto toho mi dovoľte ukázať vám.

Keď som prvýkrát navštívil Solid Giant, usmial som sa. Usmiala som sa, keď som ho videla nabudúce, a dokonca aj nabudúce. Zrazu som pocítil náklonnosť k tomuto projektu. Toto veľké, nadýchané „G“ je príliš rozkošné na to, aby sa naň zabudlo!

Úprimne povedané, myslím si, že je to skvelé.

Emocionálny dizajn nedá sa to naučiť, je to niečo, čo treba zažiť a potom poraziť vo vlastných projektoch.

Záver lekcie o tom, aké písmo si vybrať pre web

No, dostali ste sa na koniec príspevku. Dúfam, že ste sa aspoň niečo naučili a ak nie, nevadí. Ak chcem, aby ste si po prečítaní niečo mysleli, je to: buďte čitateľní a všetko ostatné bude nasledovať. Navyše, teraz už nemáte otázku, aké písmo si vybrať pre svoj web.

Čo je podľa vás najdôležitejšie pri typografickom označovaní webovej stránky? Zanechajte svoj názor v komentároch!

Ako online marketér viete, že konverzie vás živia. Myslím si, že vynakladáte veľa času a úsilia na optimalizáciu vstupných stránok len v snahe o konverziu. Ale nielen v otázkach konverzie grafický dizajn a úlohu zohráva dobre napísaný text.

Navrhujem dnes hovoriť o typografii, ako si vybrať správne písma a prečo vám správny výber písma môže pomôcť pri predaji nie menej ako dobrý textár alebo profesionálny dizajnér. Ak sú vaše texty dobre napísané, stránka vyzerá moderne, no požadovaný konverzný pomer sa ešte nedosiahol, prečítajte si tento článok.

Čo je typografia?

Zjednodušene povedané, typografia symbolizuje prienik obyčajného textu s umením. Objavil sa niekde v 15. storočí, keď bola vynájdená sada na sériovú tlač. Vtedy ľudia začali experimentovať s tým, ako dodať tlačenému textu osobný štýl a „rukopis“.

Keď si dnes návštevníci vašej stránky otvoria vstupnú stránku alebo sekciu na objednanie tovaru a služieb, prečítajú si nielen informácie, ale venujú pozornosť aj tvaru a veľkosti písmen, dĺžke riadkov a vizuálnemu členeniu na odsekov. Hľadanie riešenia ich problému na stránke webu leží v rovine vnímania tých istých ľudí. Rozhodnutie je urobené v priebehu niekoľkých sekúnd.

Pochopenie toho, ako typografia funguje a ako ju správne používať, vám poskytne kľúč k tomu, ako prezentujete svoje informácie. cieľové publikum, z ktorej chcete dosiahnuť rozhodnutie, ktoré je pre vás výhodné.

Kľúčové prvky typografie

Výber a použitie písma závisí od kombinácie niekoľkých faktorov a prvkov:

• Typ písma – mylne túto charakteristiku nazývame „písmo“, ale písmo označuje skupiny znakov, písmen a číslic, ktoré spája spoločný dizajn. Napríklad štýl je Garamond, Times, Arial; zvykneme ich mylne nazývať „písma“.
• Písmo je špecifický typ veľkosti, dĺžky, šírky a tučnosti písmen. V praxi to vyzerá takto: Georgia je váha a 9pt Georgia Bold je font.
• Dĺžka riadku – charakteristika, ktorá udáva vzdialenosť medzi ľavým a pravým okrajom a počet znakov a slov, ktoré sa zmestia na tento segment.
• Riadkovanie - medzera medzi hlavnými riadkami, pozdĺž ktorej sú umiestnené písmená, vyjadrená ako počet bodiek.
• Kerning – označuje nevyplnený priestor medzi jednotlivými znakmi alebo písmenami. Pre väčšinu písiem je kerning automaticky nastavený tak, aby zvolený štýl a veľkosť vyzerali prirodzene a lahodili oku.
• Medzery a hustota znakov – sú zodpovedné za hustotu a jednotnosť umiestnenia znakov v slovách a riadkoch v texte.

Prečo je typografia taká dôležitá?

Ak je váš text pre čitateľa ťažko čitateľný, pretože jednotlivé písmená v slovách sú príliš blízko seba, veľkosť písma je príliš malá alebo slová sú príliš tesné, potom sa návštevníci vašich stránok pravdepodobne správajú dvoma spôsobmi.

Buď odídu z vašej stránky, čo povedie k poklesu konverzie, alebo sa ešte budú snažiť analyzovať text, no keďže to bude dosť únavná úloha, nedosiahnu ani polovicu. Vďaka tomu si návštevník stránky zapamätá viac boj s textom ako hlavné posolstvo, ktoré tento text obsahuje.

Typografia je rozhodujúca pre pochopenie a vnímanie informácií. Vhodne zvolený štýl, font, kerning a ďalšie komponenty typografie vám pomôžu rýchlo a pohodlne sprostredkovať nápad adresátovi.

Ak sa zaujímate o to, ako ľudia čítajú texty na internete, uvidíte, že vzorec správania pri čítaní je celkom zrejmý. Tento vzor sa môže zmeniť, ale iba použitím inej vizuálnej hierarchie na text. Práve takáto hierarchia a štruktúra sa dá usporiadať výberom vhodných fontov. Okrem písania môžete použiť odrážkové zoznamy a iné spôsoby vizuálnej diferenciácie.

Aby sme dosiahli dokonalosť v štruktúrovaní textu, musíme najprv pochopiť, ako organizovať informácie, pre ktoré sa oplatí prečítať si napríklad Gestalt's Principles of Perception („Gestalt princípy vnímania“).

Ľudia vo všeobecnosti radi všetko organizujú. Tento zvyk je zakorenený ľudská prirodzenosť. Podľa Gestalt teórie vnímania je organizácia vizuálnych prvkov do skupín založená na nasledujúcich piatich kontextových faktoroch:

• podobnosť (navonok podobné predmety - veľkosťou, tvarom, farbou - sú vnímané spoločne);
• susedstvo (blízkosť objektov v priestore a vizuálny prechod z jedného do druhého, keď sa zdá, že jedna udalosť spôsobuje druhú);
• izolácia (niekoľko predmetov tvorí spolu postavu uceleného tvaru);
• blízkosť (objekty nachádzajúce sa v blízkosti sú vnímané spoločne);
• postava a priestor okolo (keď priestor okolo postavy je vnímaný ako jej pozadie).

Pomocou princípov podobnosti a vizuálnej jednotnosti vo vzťahu k vašim textom môžete všetky texty vizuálne zhodovať, no zároveň zvýrazniť písmo a štýl, napríklad výzvu na akciu.

Vo výsledku by práca s textom mala viesť k tomu, že vaše informácie budú ľahko vnímateľné. A preto je potrebné, aby sa časti textu dali spájať do jedného celku, no zároveň na prvý pohľad zvýraznili to hlavné.

Čo hovoria štúdie?

V júli 2012 v Nové Denník York Times uskutočnil experiment s názvom „Ste optimista alebo pesimista?“. Čitateľom bol predložený odsek z Počiatku nekonečna, po ktorom nasledovali dve otázky áno alebo nie. Zaujímavé je, že samotné odpovede neboli pre výskumníkov také zaujímavé ako reakcie ľudí na zvolený typ písma a emocionálne pozadie, ktoré ten či onen typ písma nesie. Môže písmo ovplyvniť dôveryhodnosť textu? To chceli vedieť autori experimentu.

Všetkých 40 000 účastníkov videlo rovnaký odsek v šiestich rôznych štýloch: Baskerville, Helvetica, Comic Sans (Profesionálni dizajnéri Comic Sans kritizujú, alebo presnejšie, jednoducho ho nenávidia kvôli neohrabanému typu písma a rozšírenému používaniu v práci amatérov. - Poznámka. red.), Computer Modern, Georgia, Trebuchet.

Výsledok bol nasledujúci. Najviac nesúhlasu vyvolali vyhlásenia a otázky vytlačené písmom Comic Sans. Ani Helvetica nezašla ďaleko: vyjadrenia napísané týmto písmom tiež účastníkov prieskumu nijako zvlášť nepresvedčili. Najväčšiu zhodu a dôveru však vyvolali vyhlásenia písané baskervillským štýlom.

Lekcia pre internetových obchodníkov

Aj preto podľa psychológa vyhralo písmo Baskerville: na pohľad je formálnejšie a spoľahlivejšie.

Teraz sa pozrite na svoju stránku, ktorá predáva vaše produkty. Odráža zvolené písmo vaše skutočné zámery a posolstvo, ktoré chcete odovzdať vašej cieľovej skupine?

Premýšľajte o svojom výklenku. Potrebuje vaše publikum špecifický tón alebo náladu, ktoré možno nastaviť správnym typom písma?

Na veľkosti záleží?

V Usability News bol tiež zaujímavý experiment týkajúci sa veľkosti písma. Táto štúdia porovnávala osem fontov populárnych na internete: Courier New, Georgia, Arial, Century Schoolbook, Times New Roman, Comic Sans, Tahoma, Verdana. Zároveň sme demontovali písma s veľkosťou 10, 12, 14 bodov. Štúdie sa zúčastnilo 60 účastníkov.

Tu je to, čo sme našli: Verdana, Arial, Comic Sans sa najlepšie čítajú s veľkosťou písma 10, 12 a 14 bodov.

Najrýchlejšie ľudia čítajú texty napísané v Times New Roman a Arial.

Tiež ovplyvnené Arial a Courier najlepšia cesta na miere vnímania textu, pričom text napísaný v Comic Sans nevzbudzoval dôveru (vykázal najhorší výsledok). Najvyššiu úroveň pozitívneho vnímania vyvolali okrem iných Tahoma 10 bodov, Courier 12 bodov a Arial 14 bodov.

Diskusia o Serif a Sans Serif

Napriek týmto veľmi jasným výsledkom neexistovala jednoznačná odpoveď na otázku, čo je lepšie použiť: Serif (pätkové písmo) alebo Sans Serif (bezpätkové písmo, teda bez pätiek). Ale to druhé je ľahšie vnímať pri čítaní, pretože je výrazné a pohodlné aj pri veľmi malá veľkosť písmená a symboly. To znamená, že ľudia sa môžu viac sústrediť na obsah textu ako na jeho formu a štýl.

Ako písma ovplyvňujú náladu a kognitívny výkon

Ďalšia štúdia (PDF), ktorú spoločne uskutočnili Dr. Kevin Larson z Microsoftu a Dr. Rosalind Picard z MIT, našla vzťah medzi náladou a kognitívnym výkonom. Uskutočnili sa tri merania v dvoch etapách rôzne vlastnosti: Porovnávacie trvanie, Likertova stupnica a úlohy rozpoznávania.

Dvadsať dobrovoľníkov dostalo text s dobrou a zlou typografiou, desať v každej skupine. V prvej časti štúdie sa ukázalo, že s dobrým rozložením a typografiou vo všeobecnosti ľudia majú tendenciu vnímať čas na čítanie menej, než v skutočnosti bol: domnievali sa, že čítaním celého textu strávili oveľa menej času. vlastne bol, aj keď si robili prestávky v čítaní.

Vysvetlenie je tu celkom jednoduché: dobre sformovaný a dobre napísaný text je natoľko podmanivý svojim obsahom (a nie formou), že ho čitateľ akoby „prehltol“.

Experimenty na meranie efektivity textov pomocou Likertovej škály odhalili výhodu dobrej typografie až na druhý pokus.

V tretej časti, kde prebiehalo plnenie poznávacích úloh, dostali subjekty úlohu so sviečkou a asociačný test. Prvú úlohu riešili štyria ľudia v skupine s dobrou typografiou a nikto v skupine, kde bol text napísaný nepodareným písmom. Druhú úlohu splnilo 52 % respondentov v skupine s dobrou typografiou a 48 % - v skupine so slabou typografiou (zároveň skupina s dobrou typografiou strávila testom o niečo menej času ako ich kolegovia).

Dobrá nálada a pozitívne vnímanie poskytovaných informácií v neposlednom rade závisí od zvoleného písma. Riešenie problémov alebo získavanie určitých informácií bude jednoduchšie a dostupnejšie, ak sa na to zvolí dobrý font.

Ako si vybrať správne písmo na zvýšenie konverzie?

• Nedovoľte, aby expresivita ublížila užitočnosti. Výberom jedného z mnohých dostupných písiem v textový editor alebo na ovládacom paneli stránky, vždy čelíme rovnakému pokušeniu ako dieťa, ktoré zrazu vojde do cukrárne bez dospelých. Dôležité je ale pripomenúť, že písma s najpodivnejšími resp krásny dizajn- ďaleko od najlepších z hľadiska čítania a pohodlia. Krásne písmo neznamená, že sa ľahko číta a že vám dá dobrý predaj tovar alebo informácie z vašej stránky.

• Pamätajte, že typografia, ktorú si vyberiete, by mala text dopĺňať, nie prebíjať jeho význam formou. Po prečítaní textu by si ľudia nemali zapamätať písmo, ale výzvu na akciu alebo informačnú správu, ktorá je v tomto texte vložená.
• Vždy pamätajte na dva princípy: vzťah a kontrast rôznych typov písma v rovnakom texte. Kombinácia dvoch rôznych fontov v jednom texte by mala byť taká, aby pri prepínaní medzi nimi čitateľ nenadobudol pocit, že bol zrazu odtrhnutý od textu. Zvážte páry ako Helvetica a Arial. A kontrast by mal odlíšiť písma, no zároveň si v nich zachovať aspoň jednu spoločnú vlastnosť.
• Nezabúdajte, že kľúčom k úspechu je jednoduchosť. Nerobte zo svojho textu výstavu svojich obľúbených fontov.
• Ak chcete nájsť dokonalé písmo, preštudujte si medzeru, ktorú zaberá váš projekt a jeho publikum. Potrebujete formálne, prísne písmo? Budete potrebovať veľká tlač? Preštudujte si trh a jeho požiadavky, faktory, ktoré povzbudzujú vašich zákazníkov, aby pozornejšie čítali etikety a texty.
• Zvoľte typografiu tak, aby text vzbudzoval dôveru, vyzeral pohodlne a bol ľahko čitateľný. Venujte veľkú pozornosť medzerám medzi písmenami a slovami - mali by byť primerane široké.
• Nepoužívať veľké písmená na začiatku každého slova. 90% všetkých textov, ktoré ľudia čítajú na internete, sú napísané malými písmenami.
• Dĺžka riadku by nemala byť príliš krátka, aby ste nemuseli očami neustále skákať na začiatok riadku – to čitateľa unavuje. A nemalo by to byť príliš dlhé. (Za optimálnu šírku textu možno považovať 600 pixelov. Toto je šírka nastavená v „Catching the Net“. - Poznámka. vyd.)
• Hustota slov a riadkov by mala byť taká, aby sa používateľovi nezdalo, že celý text je nahromadený na jednu kopu.

Dobrá typografia je veľmi dôležitá – presvedčil sa o tom aj známy perfekcionista Steve Jobs.

Ako sa zaobísť vo veci typografie bez názoru niekoho, kto je zvyknutý pristupovať ku každému detailu so starostlivosťou fanatika, vrátane fontov?

V rozhovore s absolventmi a študentmi Stanfordskej univerzity v roku 2005, zakladateľom a v tom čase CEO Apple Steve Jobs povedal, že na univerzite ho veľmi nezaujímali bežné disciplíny, ale prihlásil sa na kurzy kaligrafie, kde študoval písma a znaky kombinovania Serif a Sans Serif. Urobil to len pre svoje potešenie – a ani si to nevedel predstaviť o desať rokov neskôr, keď pracoval na typoch písma pre revolucionára Počítač Macintosh práve tieto znalosti a skúsenosti sa mu budú hodiť (mimochodom, existuje legenda, že Steve Jobs vyhodil svojho zamestnanca pre jednu jedinú frázu „Písmo nie je hlavná vec.“ - Poznámka. vyd.).

Zhrnutie

Je dôležité, aby si online marketéri zapamätali, že starostlivo zvolená typografia môže doplniť a vylepšiť vašu kópiu. Správny dizajn a výberom písma bude text bohatší a kvalitnejší, pričom ťažko čitateľný text nezachráni ani genialita copywritingu.

Najlepší spôsob, ako identifikovať vhodné fonty pre webové stránky, newslettery a startupy, je stále . Ak už máte vstupná stránka, ktorý poskytuje dobré konverzné pomery vďaka správny dizajn a typografiu, stavajte na tejto vzorke v budúcnosti, vylepšite typografiu, aby ste zlepšili mieru konverzie.

Jednou z najcennejších zručností, ktoré sa dizajnér môže naučiť, je schopnosť vyberať písma. Text je totiž jedným z hlavných spôsobov komunikácie medzi dizajnérom a používateľom. Typografia je pre dizajn rozhodujúca.

Typografia je zložitá a krásna. Niektorí zasvätili práci s ňou celú svoju kariéru. Našťastie pre nás podrobne opisujú svoje skúsenosti, takže máme k dispozícii kopu online zdrojov s typografickou tematikou.

Tento článok bol koncipovaný ako malý úvod pre tých, ktorí sa chcú naučiť, ako si vybrať správne písma pre dizajn. Povzbudí vás to rozšíriť rozsah písiem a kombinácií písiem, ktoré používate vo svojich rozloženiach, nad rámec tých, ktoré už poznáte.

Definujte svoj cieľ

Najprv určite účel vášho dizajnu. Aké informácie chcete odovzdať? v akom formáte?

AT dobré návrhy typografia slúži zamýšľanému účelu. Je to dôležité, pretože práve písma pomáhajú vytvárať určitú náladu, udávajú tón a štýl dizajnu.

Ak áno, povedzte blahoželanie s veľká kvantita ilustrácie, vyberte písmo, ktoré bude kombinované so štýlom, v ktorom sú vyrobené. Písmo by malo byť v súlade so zvyškom dizajnu.

Ak navrhujete webovú stránku so zameraním na obrázky, zvoľte jednoduché písmo, ktoré nebude odvádzať pozornosť používateľa. Použite písmo ako spôsob, ako zdôrazniť správu, ktorú chcete odovzdať.

Definujte svoje publikum

Po rozhodnutí o účele dizajnu sa rozhodnite, pre aké publikum to robíte. Tento krok je veľmi dôležitý, pretože informácie o používateľovi (vek, záujmy, kultúrne zázemie) môžu ovplyvniť vaše rozhodnutia pri výbere písma.

Niektoré fonty sú napríklad vhodnejšie pre mladších ľudí. Deti, ktoré sa práve učia čítať, potrebujú veľmi dobre čitateľné písmo s jasnými obrysmi písmen. Dobrým príkladom toho je Sassoon Primary. Sassoon Primary je projekt Rosemary Sassoon založený na jej výskume, aké písma sa deťom čítajú najjednoduchšie.

Pre starších ľudí sú vhodnejšie iné typy písma. Spravidla sa vyznačujú veľkou veľkosťou písmen, výrazným kontrastom, nedostatkom písania a dekoratívnych prvkov.

Pri výbere písma zvážte vlastnosti a potreby vašej cieľovej skupiny. Jednoducho povedané, vžite sa do ich kože.

Hľadajte inšpiráciu

Pozrite sa na prácu iných dizajnérov. Pokúste sa pochopiť, čím sa riadili pri rozhodovaní o použití týchto konkrétnych typov písma.

Inšpirácia: fonty

Ak chcete získať nové nápady na písma, 100 najlepších bezplatných písiem od CreativeBloq je skvelým zdrojom, ktorý vás dostane do nálady. CreativeBloq vo svojom článku vysvetľuje logiku, ktorou sa riadili pri výbere každého z fontov.

Okrem toho Invision zostavil celý súbor s typografickými zdrojmi. Nájdete tam množstvo zdrojov inšpirácie.

Ak sa chcete inšpirovať príkladom reálnych web stránok, odporúčam vám pozrieť si Typ.io. Stránka obsahuje zbierku zdrojov so zaujímavými riešeniami z celého webu. Pre každú vzorku navyše stránka zobrazuje pod textom možnosti písma CSS.

Okrem špecializovaných stránok môžete navštíviť svoje obľúbené stránky a zistiť, čo sa tam používa. Tu je užitočný nástroj WhatTheFont, rozšírenie prehliadača Chrome, ktoré zobrazuje informácie o písme, keď umiestnite kurzor myši na text.

Inšpirácia: kombinácie

Okrem samotných fontov študujte rôzne varianty nemenej dôležitá je ich kombinácia. Správne kombinácie pomáhajú vytvárať vizuálnu hierarchiu a uľahčujú čítanie dizajnu.

Prvým zdrojom inšpirácie, ktorý stojí za to navštíviť, je Typewolf. Typewolf zhromaždil príklady zaujímavých kombinácií z rôznych stránok. Ponúkajú tiež odporúčania týkajúce sa písiem a hĺbkových typografických sprievodcov. Pre tých, ktorí pracujú s písmom, je to skutočný poklad.

FontPair je ďalším zdrojom informácií o tom, ako vybrať najlepšie párovanie, konkrétne pre prácu s písmami Google. Zdroj poskytuje možnosť triedenia podľa kombinácií štýlov (napríklad bezpätkové a pätkové alebo pätkové a pätkové).

A nakoniec, web je plný sád hotových kombinácií od profesionálnych dizajnérov. Povedzte Typografia: Kombinácie fontov Google alebo Typografia: Kombinácie fontov Google, zväzok 2 . Stačí zadať požiadavku „spárovanie písma“ na Behance, Dribble a ďalších podobných stránkach.

Vyberte písmo

Teraz, keď ste teoreticky dôvtipní a zásobení inšpiráciou, môžete začať vyberať. Pri výbere nezabúdajte na tri zásady: čitateľnosť, čitateľnosť, účel.

Vyberte si písma, ktoré majú klasický vzhľad a sú ľahko čitateľné. Zahoďte náročné fonty v prospech jednoduchých a praktických. A vezmite do úvahy účel toho alebo onoho písma: niektoré z nich sú napríklad vhodnejšie pre nadpisy ako pre hlavný text.

Podľa toho si pred výberom písma premyslite, na aký účel ho budete používať.

Čo sa týka kombinácií písiem, nerobte ich príliš komplikovanými – obmedzte sa na tri odlišné typy, nie viac. Voľte tiež kontrastné písma. Pomôže to nasmerovať zrak používateľa: najprv na nadpis, potom na hlavný text. Môžete tiež vytvoriť vizuálny kontrast s rôzne veľkosti, farby a štýly.

Pre webové písma môžete použiť Google Fonts , Typekit a Font Squirrel . Na Google Fonts všetko je zadarmo, Typekit a Font Squirrel ponúkajú platené a bezplatné možnosti.

Nastavte veľkosť

Teraz, keď ste sa rozhodli pre kombináciu, ďalší krok- Nastavte rozmery. Existuje na to úžasný nástroj.

Písmo je dôležité. Ako vzduch, ktorý si nevšimnete, kým nie je všetko v poriadku. Väčšina ľudí netuší, ako sa fonty nazývajú alebo ako sa líšia (a to je v poriadku), ale majú neklamný pocit, že s vašou stránkou nie je niečo v poriadku, ak font, ktorý používate, nevyhovuje vášmu projektu.

Čo je sýtosť písma

Čitateľnosť písma

Bez ohľadu na to, aké písmo si vyberiete, malo by byť čitateľné. Najmä ak používate fotografiu na pozadí. Ak na fotku s malými detailmi dáte tenké písmo, text sa neprečíta. Na toto si vždy dávajte pozor.

Čo sa dá robiť? Najprv použite fotografiu vhodnú pre pozadie: s veľkými, homogénne prvky. Po druhé, stlmte fotografiu pomocou filtra, bude hladšia a text sa bude lepšie čítať. Po tretie, môžete zvýšiť sýtosť konkrétneho bloku použitím „inline štýlu“. To znamená, že nešpecifikujete nastavenia pre celý web, ale len pre časť textu. Je potrebné vybrať text a nastaviť parametre cez editor.

Štýl, ktorý sa má použiť týmto spôsobom, prejde globálne nastavenia, bude mať vždy prednosť. Ak teda náhle zmeníte parametre v nastaveniach lokality a zmeny nie sú viditeľné, na tomto mieste sa použije „vložený štýl“. Ak ho chcete odstrániť, musíte vybrať text a kliknúť na ikonu „vymazať“.

Príklad 1: Text nie je veľmi čitateľný.

Príklad 2: Text sa dobre číta

Ak vás zaujíma výber písma, nájdite dobré stránky v blízkosti vášho projektu a zistite, aké písma používajú. Rozšírenie prehliadača What Font to pomôže určiť.

Môžete sa tiež pozrieť na nezávislý archív typografie http://fontsinuse.com/ – zdroj, ktorý zhromažďuje a triedi vzorky webových stránok a tlačených publikácií podľa typu použitého písma.

Pri práci s textom si často kladieme otázku „ ako nájsť alebo určiť písmo pre daný obrázok?. Napríklad ste našli nejaký súbor PSD a nejaký krásne písmo so záznamom o skúške. Samozrejme, musíme tento záznam upraviť, ale iba Photoshop vypíše upozornenie, že takéto písmo nie je nainštalované v zdieľanej knižnici a ak sa text zmení, stratí sa. Potrebujeme však toto konkrétne písmo, pretože dokonale zapadá do celkového konceptu tohto súbor PSD. Tu sa pýtame sami seba: kde nájsť písmo? Mimochodom, odporúčam vám oboznámiť sa so základnými princípmi a možnosťami. Som si istý, že pre seba nájdete veľa užitočných a nových vecí.

V skutočnosti teraz nie je problém nájsť alebo identifikovať písmo z obrázka. Na internete je veľa služieb, ktoré vám s vysokou pravdepodobnosťou pomôžu.

Ak sa trochu pohrabete, mnohí spravidla odporúčajú stránky na nájdenie písiem WhatTheFont a Whatfontis. V skutočnosti sa mi najviac páčil posledný, takže o ňom budem hovoriť podrobne. Ale najprv všeobecný pojem, na ktorom je postavená takmer každá takáto služba.

Stránky vám ponúkajú nahrať obrázok, po ktorom systém spustí analýzu a hľadá vhodné písmo. Spravidla sa pre väčšiu presnosť zhody navrhuje dodatočne zadávať písmená z klávesnice do príslušných okien, napríklad:

Odporúča sa vybrať obrázky veľká veľkosť, aspoň 100 pixelov a slová na obrázku by mali byť ideálne nakreslené jasnými čiernymi písmenami na bielom pozadí a s dĺžkou aspoň 4 písmen. To všetko je potrebné na to, aby stroj mohol porovnať váš obrázok so svojou databázou písiem a spravidla má takáto databáza desaťtisíce mien a výstupom bolo písmo čo najbližšie k tomu, ktoré ste hľadali.

Po otestovaní niekoľkých týchto stránok a pri hľadaní rovnakého písma z obrázku som dospel k záveru, že najpohodlnejšia a najefektívnejšia stránka je Whatfontis. Zvyšok sa pri vydávaní silne a často mýli.

Jednou z hlavných výhod je pravdepodobnosť, že vám bude ponúknuté bezplatné stiahnutie písma, ktoré hľadáte.

Otvoríte si službu.

Najprv sa rozhodnite, ktorú metódu chcete použiť.

1. Kliknutím na tlačidlo Prehľadávať vyberte požadovaný obrázok. Môj príklad:

2. Zadajte url adresu tohto obrázka, ak nie je na vašom počítači, ale visí niekde na internete.

Potom kliknite na Pokračovať.

Poznámka

Akokoľvek som hľadal, ale nenašiel som podobná služba s ruským rozhraním. Nie je to však strašidelné, pretože všetko je tu intuitívne a môžete rýchlo zistiť, kam kliknúť.

Hlavným problémom je, že v takejto službe nikdy nenájdete písmo obsahujúce písmená ruskej abecedy, pretože zatiaľ nepodporujú cyriliku. Ale ak poznáte príklady, ktoré dokazujú opak - napíšte do komentárov, bude to nepochybne užitočné pre každého.

Ako vidíte, program sám rozpoznal, kde sa písmená nachádzajú a oddelil ich oddelene. Potom požiada o zadanie písmen do príslušných polí na klávesnici, ktoré zodpovedajú týmto obrázkom.

Ešte nižšie sú tri regulačné orgány, ktoré ovplyvňujú výsledky vyhľadávania.

1. Zobrazovať iba voľné písma alebo bezplatné alternatívne písma. Značka začiarknutia to znamená Výsledky vyhľadávania bude obsahovať iba bezplatné analógy.

2. Zobrazte iba komerčné písma alebo alternatívne komerčné písma- tu naopak - iba platené analógy.

3. Zobraziť všetky fonty- všetky možné fonty sa zobrazia naraz.

Po začiarknutí požadovaného políčka kliknite na Pokračovať.

Zobrazia sa rovnaké výsledky vyhľadávania, medzi ktorými hľadáte najpodobnejšie písmo. Pre pohodlie sa požadovaný systém vždy zobrazuje v pravom dolnom rohu.

Ako vidíte, pre mňa vhodná možnosť sa zobrazuje ako úplne prvá pod názvom "SummerCrushes". Mimochodom, zaškrtol som políčko, takže mi boli ponúknuté iba bezplatné analógy. Takže môžem ľahko kliknúť ďalej "Kliknutím sem stiahnete písmo" stiahnuť písmo, ktoré som určil z obrázku.

Takéto služby sú veľmi užitočné a mali by si ich určite všimnúť majstri, ktorí s nimi pracujú grafických editorov. Ostáva nám len dúfať, že sa nájdu takí, ktorí podporia azbuku.

Všimli ste si chybu v texte - vyberte ho a stlačte Ctrl + Enter. Ďakujem!