S příchodem osobní počítače a prvních DTP systémů došlo v typografii k tektonickému posunu, jehož důsledky začínají být patrné až nyní. Toto není první globální změna v typografii, došlo k dalším. Stačí si vzpomenout na dobu, kdy stroje průmyslového světa porážely řemeslníky. Masová výroba a zisk se staly důležitějšími než krása písem. Na množství záleželo více než na kvalitě.

Velcí mistři přestali vytvářet nová písma, ta, která již existovala, byla vhodná pro tisk knih. Řemeslníci, jakkoli byli profesionálové, zůstali nečinní a stali se součástí technologického procesu.

Vítězství industrialismu však neznamenalo, že by velcí mistři zmizeli s příchodem tiskařských strojů. Tyto dva světy nadále existovaly nezávisle na sobě - ​​tiskaři rozpoznali talent řemeslníků a oni zase pochopili, že pokrok nelze zastavit. Jednalo se o druhou změnu typografie, v jejímž důsledku ztratila část své „duše“ nebo takříkajíc lidskost. Ale abyste pochopili, co se nedávno stalo, budete se muset vrátit v čase o 500 let a zjistit, kde to všechno začalo.

PRVNÍ PŘECHOD

První konflikt mezi novým a starým vznikl po vynálezu prvního tiskařského lisu. Jeho tvůrce Johannes Guttenberg mohl stroj použít k vytvoření široké škály kompozic s rychlostí tisku až 240 stran za hodinu. Byla to revoluce.

Předtím byly všechny knihy vytvořeny výhradně ručně. Knihy minulosti byly ručně psané a zdobené složitými vzory a vzory. Proces kopírování byl velmi dlouhý, ale ve výsledku byla každá kniha, dokonce i kopie, uměleckým dílem.

První tištěné knihy se samozřejmě nedaly srovnávat s ručně psanými. Nebyly nijak zvlášť krásné, ale byly menší a levnější. A hlavně: možnost nahrazovat jednotlivé znaky i celé rodiny písem umožnila tisknout knihy nejen v latince, ale i v dalších evropských jazycích.

Lidé tyto změny pouze uvítali. Potřebovali knihy v jazyce, kterému rozuměli, a knihy, které by si mohli vzít s sebou. Měli touhu po vědění a tištěné knihy ji uhasily.

V důsledku prvního přechodu však kniha ztratila mnoho ze své lidskosti. Stroje převzaly hlavní proces, ale řemeslníci byli stále žádaní. Každé písmeno bylo vyřezáno ručně, design a ilustrace vytvořili také lidé. Nebude to však dlouho trvat a řemeslná zručnost se z procesu výroby knih začne vytrácet.

DIGITÁLNÍ VĚK

První přechod zničil ručně psané knihy. Industrializace definitivně připravila tisk o lidskost, vše se zmechanizovalo a mistři řemeslníci zůstali bez práce. Ale třetí přechod konečně ukončil typografii jako umění. V dnešní době je většina náhlavních souprav překvapivě bez funkcí. Je to jen sbírka písem v počítači. Málokdo zná historii toho či onoho písma. Tohle nikoho nezajímá. Při hledání vhodného stylu prolistujeme stovky písem za minutu a vše ostatní není tak důležité.

_______________________

„V našem dokonale počítačovém světě představuje proliferace písem a jejich různých variací nová úroveň vizuální znečištění, které přímo ohrožuje naši kulturu, říká designér Massimo Vignelli. "Z tisíců písem potřebujeme jen několik základních, protože všechno ostatní jsou jen odpadky."
_______________________

V některých ohledech má pravdu. Typografie je víc než jen písma. Nejsou to jen krásná písmena, jsou to něco jiného, ​​něco, co v nás vyvolává pocit. Typografie je v podstatě zpráva. Podle slavného ruského typografa Lazara Lissitzkého by typografie měla čtenáři opticky zprostředkovat stejnou myšlenku, jakou mluví mluvčí.“

Už je to dávno, co někdo psal na pergamen stylusem. Pryč je hrubý papír páchnoucí tiskařskou barvou. Trh s lesklým tiskem se smrskl na mikroskopické objemy. Dnes čteme texty, které nebyly tištěné, ale strojopisné, a na papíře je vůbec nečteme. A typografie zřejmě čeká další přechod. Nikdo neví, jaké to bude, ale zjevně po papíře nám známé displeje zastarají. Těžko říct, kdy nastane další revoluce, ale nový přechod nutně bude.

Nejsmutnější na tom všem je, že lidé v honbě za dokonalostí ztratili část sebe sama. Zručnost kaligrafie dnes nepotřebuje téměř nikdo. Trvá to dlouho, vyžaduje péči a vytrvalost. Dnes to nedává smysl - koneckonců existují náhlavní soupravy pro každý vkus. Vybíráme fonty jako zombie: název, velikost, styl... Zpráva? Zpráva? Za počítačovými fonty není žádná zpráva, žádný příběh, nic.

NOSTALGIE MINULOSTÍ

Mnoho designérů dnes cítí potřebu nových fontů, které by dodaly textu potřebnou individualitu. S typografií lze pracovat mnoha způsoby a každý z nich sleduje stejný cíl – uniknout neosobnosti digitálních písem. Použito je vše - barevný kontrast, iluze objemu, negativní prostor, zkrátka vše, co dokáže ze standardního písma udělat trochu méně standardní.

A v tomto ohledu můžeme zaznamenat tři rostoucí trendy, které demonstrují touhu designérů získat zpět ztracenou autenticitu písem. V typografii existují pouze tři hlavní trendy, ale je těžké si jich nevšimnout, protože se objevují doslova všude. Mluvíme o takových stylech, jako je retro, akvarel a čepice.

VINTAGE GRUNGE TYPOGRAFIE

Opravil jsem starý článek o typografii; pro ty, kteří ho neviděli, se vám bude hodit k přečtení

Typografie- jeden z nejdůležitějších aspektů webdesignu, protože s jeho pomocí se přenášejí základní informace. Bohužel mnoho designérů a klientů se bojí odvážných experimentů a volí pro své projekty jedno nebo dvě „osvědčené“ fonty.

Tento článek je tedy věnován těm, kteří se ztratili v oceánu typografie. Povíme si o základech typografie, o tom, jaké existují typy písem a o struktuře písem.

Písma vs písma – jaký je rozdíl?

Mnoho lidí používá slova „typ písma“ a „písmo“ zaměnitelně. Ve skutečnosti to není totéž, nyní vysvětlím proč.

Sluchátka je soubor stylově podobných znaků, které lze psát/tisknout. Jsou to čísla, písmena, symboly. Písmo- Jedná se o užší pojem, který je určen několika faktory, jako je velikost a styl. Obecně platí, že Arial je typ písma a Arial Bold je písmo.

Klasifikace

Písma lze rozdělit do několika skupin - patkové (patkové), bezpatkové (bezpatkové), ručně psané (skript), zobrazovací (zobrazovací). Existují však i jiné typy klasifikace.

Serif fonty, Antiqua (Serif)

Říká se jim tak, protože každé písmeno má malé patky. Při tisku velkých bloků textu ve webovém designu se nedoporučují, protože jsou považovány za obtížně čitelné. Tato písma se obvykle používají pro nadpisy.

Patková písma mají několik podtypů – např. Starý styl(„Starý styl“ - nazývají se také humanisté, humanistická patka) - úplně první fonty této klasifikace, byly používány již v 1400s. Jejich rozlišovací znak- že část symbolu, která je umístěna pod úhlem, se ztenčí. Příklady písem zahrnují Adobe Jenson, Centaur a Goudy Old Style.

Přechodné patky- používané v 1700s. To zahrnuje písma jako Times New Roman a Baskerville, stejně jako Caslon, Georgia a Bookman. Jejich rozdíl mezi tlustými a tenkými částmi písmen je patrnější než u Old Style, ale méně patrný než u Modern.

Moderní patky (nový styl starožitnosti)- používané po roce 1700 a mají silný kontrast mezi tlustými a tenkými částmi znaků. Patří sem fonty jako Didot a Bodoni

A nakonec , Slab serifs (Slab fonty)- obecně mají stejnou tloušťku všech čar a velké patky na koncích

Sekaná písma, Grotesques (Sans Serif)

Patková písma se tak nazývají, protože nemají patky). Vypadají moderněji a začaly se používat v 18. století.

Zde jsou 4 hlavní typy bezpatkových písem: Groteska (stará groteska), neogroteska (nová groteska), humanistická (humanistická) a geometrická (geometrická).
Staré grotesky- ty úplně první, jsou podobné patkovým písmům, ale bez patek.
Například Franklin Gothic a Akzidenze

Nové grotesky mají oproti starým groteskám zjednodušený vzhled. Mnoho z nejpopulárnějších písem dnes jsou nové bezpatkové písma, například MS Sans Serif, Arial, Helvetica a Univers.

Humanisté- více kaligrafické než všechna ostatní bezpatková písma (to znamená, že se mění tloušťka jejich čar). Patří mezi ně například Gill Sans, Frutiger, Tahoma, Verdana, Optima a Lucide Grande - často se používají k vyplnění těla webu.

Geometrický na základě pravidelných čísel, například „O“ je kruh atd.; jsou považována za nejmodernější bezpatková písma. Příklady - ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Ručně psané (skript)

Ručně psané fonty jsou založeny na ručním psaní. Existují dva druhy takových písem – formální a neformální. Formální se zdají být ručně psané a pocházejí ze 17. a 18. století. Některá písma jsou založena na rukopisu slavných umělců, jako jsou George Snell a George Bickham. Jako příklad moderních písem si můžete vzít Kuenstler Script. I když je krásný a elegantní, nehodí se k tělu stránky.

Casual fonty jsou modernější verzí, vznikly ve 20. století. Je méně formální, často s výraznými tahy a efektem tahu štětcem. Mezi tato písma patří Mistral a Brush Script.

Zobrazit písma

Kategorie zobrazovaných písem zahrnuje písma, která obecně nejsou vhodná pro psaní textu. Nejčastěji slouží jako přízvuk. Obvykle se používají v tisku, i když se začínají objevovat na internetových stránkách. Mezi displeji najdete například blackletter - původní fonty prvních tiskařských strojů.

Neabecední písma (Dingbats)

Neabecední písma- to jsou ta písma, která vůbec neobsahují písmena, ale obsahují symboly a ornamenty.

Proporcionální vs. jednoprostorové

V proporcionálních písmech znak zabírá tolik místa, kolik vyžaduje jeho přirozený pravopis. Například Times New Roman je proporcionální písmo. Ale jednoprostorová písma mají všechny znaky stejně široké. Mezi taková písma patří například Courier New

Nálada

Nálada písma velmi ovlivňuje, zda je vhodné jej v dané situaci použít. Poměrně často se používají i kontrasty – business styl se snoubí s neformálním, lehký s dramatickým. Například Times New Roman je přísný font a je to ten, který se tak často používá obchodní korespondence. Ale například Helvetica obecně mění náladu v závislosti na okolních fontech.

Tloušťka a styl

Tloušťka písma je: světlý, tenký, pravidelný, střední, tučný, těžký nebo černý.

Existují tři styly písma – kurzíva, šikmé písmo a kapitálky. Pro nadpisy se obvykle používají malé kapitálky.

Kurzíva a šikmé jsou zaměnitelné, i když jde o různé styly. Oblique je šikmá verze běžných písem. Chcete-li to získat, stačí použít funkci Free Transform-distort ve Photoshopu. Kurzíva je ale samostatná znaková sada, která je zodpovědná za šikmou verzi písma.

Struktura písma

Každý znak má určitou sadu vlastností, které lze použít k určení, jak se kombinuje s jinými písmy. Zde jsou ty hlavní:

Řádek písma (baseline)- pomyslná čára, na které se text nachází. Někdy zaoblená písma mírně ustupují od řádku písma.

Meanline označuje výšku většiny malých písmen, obvykle určenou výškou písmene „x“. Odtud pochází pojem x-výška.

Horní řádek velkých písmen (Cap)- výška velké písmeno"A".

Obrázek nahoře ukazuje tři společné části všech písmen.

Hlavní zdvih, Stem- hlavní vertikála každého symbolu, včetně nakloněného.

Hrazda (Tyč)- vodorovná část písma

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

Horní prodloužení (Acender)- vyčnívající část písmen, jako je „d“, „h“ a „b“.

Descender- část vyčnívající směrem dolů z písmen jako „p“, „q“ a „f“

Patky- charakteristický rys patkových písem). U některých písem jsou výraznější, u jiných méně výrazné.

Clona- označuje mezeru pro otevřené znaky jako „A“, „c“ nebo „m“

Ucho toto je dekorativní doplněk k symbolu, jako je tomu u písmene „g“ ve výše uvedeném příkladu.

Spojovací tah (vlasová linie) Toto je nejtenčí část patkového písma.

Hrazda - vodorovná čára, jako u symbolů „A“ a „H“.

Drop (Terminál)- kulatý nebo oválný (kapkovitý) konec tahu v návrhu některých znaků písma.

Smyčka vyskytuje se pouze u některých malých písmen „g“ a může být zcela nebo částečně uzavřeno.

Spur- malý zářez na některých písmenech, například „G“.

Připojení (odkaz) spojuje horní a spodní část písmena "g".

Páteř- středová křivka, kterou má písmeno „s“.

Ocasní písmena (ocasní)- ozdobná čára, například na písmenu „R“ nebo „Q“.

Koncový prvek (Terminál, Final)- zakončení tahu bez patky

Rameno- zaoblená linie, která se táhne od hlavního zdvihu. (abych byl upřímný, mnoho ruských stránek poskytuje zcela jinou definici tohoto pojmu)

Od autora: Zdravím vás, přátelé! Pokračujeme ve zkoumání spletitosti profesionálního webdesignu a dnes tu máme velmi žhavé téma – typografii webu. Bohužel mnoho vývojářů nezná ani samotné základy a pravidla této oblasti. Možná se tím prostě neobtěžují a nechtějí s tím ztrácet čas, nebo možná plně nechápou jeho význam. Obecně je mým cílem vám zprostředkovat, že typografie ve webdesignu je základ základů a bez ní se jen velmi těžko pohnete dál.

Typografie a zasílání zpráv

Účelem jakéhokoli internetového zdroje je informační zpráva cílová skupina. Čemu budou návštěvníci vašeho webu věnovat pozornost jako první? Samozřejmě v textu! (samozřejmě pokud to není zanesené náhodnou reklamou a spoustou stupidních bannerů). Úspěch vašeho projektu bude nakonec záviset na textu a pouze na textu.

Pojďme zjistit, co typografie skutečně ovlivňuje webdesign.

Za prvé, obrázek webového zdroje. Kvalitní vývoj je viditelný pouhým okem a nemusíte být mega-specialista, abyste odhadli, jak dlouho chcete na webu zůstat. Pokřivený, nečitelný text je prvním důvodem, proč návštěvník opustí váš odkaz 10–15 sekund po zadání.

Za druhé, jedinečnost webového zdroje. Vzhledem k tomu, že při dnešním tempu progresivního rozvoje internetového prostoru je hledání naprosto unikátního obsahu prostě nereálný úkol, je vaším úkolem tento obsah jedinečně prezentovat. V souboji konkurenčních lokalit vždy vyhrává ten, kdo nezanedbá jednoduchá pravidla vývoj, ale naopak je efektivně aplikuje a získá maximální užitek.

Základy typografie ve webdesignu

Fonty ve webdesignu

Typografie v webový design má zcela přirozené zákony a pravidla. Začněme fonty. Správná volba fonty do značné míry určují koncepci vašeho vývoje a ovlivní celkové vnímání zdroje.

Dokonce i ve velmi nedávné minulosti, ačkoli se o té době ví jen málo, mohli návrháři používat pouze ta písma, která doprovázela operační systém. Všechny skvělé verze nebyly nic jiného než obrázek nebo blesk. Existovala řešení, která však způsobila spoustu problémů.

Zavedení CSS vlastnosti @font-face jednoduše uvolnilo ruce designérům. Zaregistroval jsem odkaz na libovolný soubor písma a nyní je již použit na stránkách webu. S tímto tématem panuje určitá nespokojenost ze strany vývojářů, ale to se ukázalo jako zcela řešitelný problém.

Podotýkám, že ne všechna písma jsou vhodná pro kompetentní webdesign. Především kvůli jejich nečitelnosti a obtížnému sledování z obrazovky. Některá písma jsou příliš těžká a zpomalují zdroje – na to si dejte pozor. ještě přidám technická vlastnost při práci s písmy: jejich zobrazení v různé prohlížeče- je takový problém se zpracováním souboru nebo i celé rodiny.

Makro a mikrotypografie

Jak jste již pravděpodobně pochopili z názvů těchto termínů:

makro úroveň - staví obecná struktura text, určuje umístění obsahu vzhledem k návrhu;

mikroúroveň - dbá na nejmenší detaily, mezery, rozestupy, odsazení atd.

Úkol makrotypografie je globální – učinit textové bloky živými, aktivními, ale zároveň harmonickými a celistvými. Mikrotypografie má jednodušší, ale neméně důležitý úkol – zajistit čitelnost. Na internetu je spousta příkladů úspěšných i neúspěšných řešení těchto problémů.

Konstrukce holistické kompozice spočívá především v pochopení prostoru. Webdesignér musí vidět celý obrázek, ale zároveň jej kompetentně rozebrat do detailů. Nejsou zde žádné nepodstatné prvky: nadpis, odstavec, svislé vzdálenosti mezi prvky, registry, tloušťka...

Písma pro webdesign je vhodné specifikovat v relativních jednotkách (% nebo „em“), podporuje to přizpůsobivost a flexibilitu obsahu. U necitlivých kontejnerů má smysl používat známější „px“ pixely, kdy se bloky při změně velikosti obrazovky pohybují, ale písmo zůstává stabilní.

Textová dekorace

Důležitou částí typografie je počítačová symbolická sazba. To zahrnuje: umístění interpunkčních znamének, použití závorek, pomlček a pomlček, teček, mezer atd.

Takové chyby na první pohled nepředstavují zvláštní hrozbu pro obsah nebo jedinečnost obsahu, ale pamatujte: žádný seberespektující zdroj nedovolí primitivní chyby v textech. Pamatujte na obrázek, v něm nejsou žádné maličkosti!

Nyní o rozložení. Jsou zde pravidla:

Textový blok by měl být omezen na 40–50 % šířky stránky.

Mezi odstavci by měla být mezera 1,5.

Kontrast mezi pozadím a textem by měl být v rozmezí 75–90 %.

Písmo, které je příjemné pro oči, je 12–16 px, ale ani ten nejmenší blok by neměl být menší než 10 px.

Řádkování se zachovává vzhledem k velikosti písma a měří se v procentech, v ideálním případě bude stačit 140–150 %.

Zarovnání textu na střed nebo zarovnání je považováno za extrémně špatný tvar. Roztrhané mezery mezi slovy, stejně jako roztřepené okraje odstavců, snižují vnímání a často jen dráždí.

CSS styly

CSS styl je nástroj pro práci s fonty ve webdesignu. Z vývoje CSS styly začíná jakýkoli výcvikový kurz. K čemu jsou potřeba? Abychom shrnuli celou typografii zdroje! CSS spojuje stránky a bloky do jednoho celku a kontroluje případné odchylky od hlavního kurzu. Jak víte, jeden nápad nestačí, k jeho realizaci budete potřebovat znalosti a dovednosti.

Jednou jsem četl v cool článku, že webdesign je z 95 % typografie. Jestli tomu věřit nebo ne, to si každý rozhodne sám. Ale text, který nelze přečíst, je produkt bez účelu. Moje rada je, abyste začali dbát na kvalitu poskytování informací hned, neodkládejte to. To je z mé strany vše. Přihlaste se k odběru aktualizací a už vám neuniknou ty nejzajímavější věci! Ahoj!

Abychom objasnili veškeré nejasnosti, které mohou nastat, je důležité objasnit význam některých klíčových pojmů. První důležitá sada klíčová slova definovat pojmy „font“ a „druh písma“.

Písmo je soubor znaků určité velikosti a designu. Typ písma obdobně definuje rodiny stylů písem Klíčovým slovem jsou zde styly, které rozdělují různá písma do skupin nebo rodin. Mohou to být například patkové, bezpatkové, ručně psané, display, monospace a další. Můžeme říci, že písmo je sada písem různých stylů a velikostí, spojených společným stylem provedení. Jak vidíte, písmo je užší pojem.

Při tvorbě vzhledu webové stránky je velmi důležitý výběr písma. Přirozeně je nejlepší použít fonty ze standardu Sada Windows nebo Mac. Ale někdy tato sada nestačí k tomu, aby oživila nápad designéra, a pak celé břemeno padne na bedra designéra. Naštěstí, Webová písma Google nabízí velmi elegantní řešení tohoto problému.

Existují také pojmy jako „váha“ a kerning. Všechny lze změnit pomocí CSS nástroje a aplikovat na odstavce, nadpisy nebo jiné textové prvky. Vlastnost písma „weight“ určuje míru tloušťky čar při psaní. Jedná se o řadu hodnot od 100 do 900, kde každé číslo označuje váhu odpovídající smělosti stylu. Normální písmo „normální“ odpovídá číslu 400, tučné „tučné“ písmo odpovídá 700. Kerning je změna mezery mezi písmeny v závislosti na jejich tvaru. Toto je proces správného umístění symbolů, úpravy vzdáleností mezi nimi, v důsledku čehož by mělo být dosaženo harmonie. Přestože mnoho lidí nevěnuje kerningu velkou pozornost, jsou to maličkosti, které pomáhají dosáhnout velmi dobrých výsledků.

Porušení norem

Je docela rozumné diskutovat o nutnosti vytvářet nové fonty. Za Nedávno mnoho webových stránek je zastaralých. Používají standardní fonty, ze kterých jsme už docela unavení.

Dnes existují stovky písem, ale různých OS nabízet vlastní balíčky. A jen několik písem je součástí těchto balíčků. Pokud vyberete písmo, které někdo jiný ve vašem systému nemusí mít, bude písmo nahrazeno výchozím písmem. Z těchto důvodů se doporučuje používat základní fonty. Někdy však základní písma nemohou plně zaujmout návrhářovu představivost. Pokud tedy pevně věříte, že je pro váš návrh potřeba speciální písmo, můžete své speciální písmo přeměnit na obrázek a nahrát jej na svůj web. Vytvořte si grafiku nadpisů, záhlaví nebo nabídek a používejte je.

Ujistěte se, že nadpisy odpovídají tématům webu. Mohou zahrnovat různé barvy, podtržení, ikony na pozadí nebo grafický text. Nakonec je rozhodnutí na vás.

Kromě toho musíte zajistit, aby všechny textové odkazy měly na webu stejné písmo. Používání odkazů různých písem a vzorů způsobí uživateli značné potíže při navigaci.

Výběr správného písma

Je třeba také poznamenat, že různá písma mohou mít různý vliv na náladu čtenářů. Obecně jsou patková písma vhodnější pro tištěné materiály. Patky pomáhají vytvářet mezery mezi písmeny a také oddělovat jeden znak od druhého. Patková písma často poskytují osobní pocit, vyjadřují respekt, inteligenci a profesionalitu.

Bezpatková písma jsou nejlepší pro webové stránky. Nízká rozlišení obrazovky způsobují, že patky vypadají rozmazaně a následně jsou obtížně vnímatelné. Bezpatková písma mají tendenci vyjadřovat pocity racionality, stylovosti, mládí a modernosti.

Například výběr patek dává pocit profesionality a směrodatných informací. To lze často vidět v mainstreamových médiích, jako jsou New York Times. Pro menší blogy můžete použít bezpatkové písmo s velkou výškou řádku. To dává uživatelům možnost rychle zobrazit text blogu.

Vždy byste se měli zamyslet nad tím, jaké informace se snažíte návštěvníkovi sdělit. Při výběru písma je třeba pamatovat na to, že veselé zprávy by měly být doprovázeny světlými, vzdušnými a měkkými tvary písma, zatímco zprávy s některými tmavšími motivy, jako je Halloween, by bylo lepší doplnit písmy s tvrdšími okraji.

Čitelnost

Typografie a častěji nečitelná typografie může být pro oči velmi obtěžující. Existují samozřejmě výjimky, kdy lze použít Funky nebo jiné nečitelné písmo, například pro propagaci nočních klubů.

Ale přesto, pokud máte touhu použít například Soda, Bored nebo Akka, pak je lepší opustit tento nápad. Pokud je touha stále dostatečně silná, měla by být tato písma používána s mírou. Například jako titulek. Ale pak by měl být hlavní text čitelnější. To může pomoci vytvořit impuls na vašem webu. A musíte si pamatovat, že použití takových písem by mělo být výhodou designu, nikoli nevýhodou.

Informační obsah

Design by měl doplňovat vaše sdělení. Uživatel nemusí zjišťovat, co přesně měl projektant na mysli. Špatná volba typografie může přispět k mylné představě uživatele o společnosti a jejích službách.

Při navrhování pro obchodní projekty byste měli většinou používat tradiční hladká písma. To je také třeba vzít v úvahu, pokud nemáte oficiální design. Zvláště pokud chcete, aby lidé brali váš web vážně.

Umístění a rozměry

Pro efektivní design je velmi důležité – na jaká místa má být text umístěn a jaká má být jeho velikost. Nikdo nechce napínat oči, aby četl informace nebo viděl neuvěřitelně velká slova na webových stránkách. Cílem dobrého designu je najít rovnováhu. A prvním krokem k tomu je zjistit, které informace budou důležitější.

Slova, kterým chcete věnovat pozornost, je obvykle potřeba udělat trochu víc. Nebo naopak – vedlejší by měly být menší. Vše záleží na důležitosti. Jinými slovy, musíte vytvořit hierarchii slov.

Pokud jde o umístění písma, snažte se, aby bylo vyvážené. Části textu není potřeba rozhazovat ve čtyřech rozích. To může být pro uživatele značné rozptýlení.

Barva

Toto je jeden z nejjednodušších aspektů. Je třeba zvolit barvu, díky které bude text vystupovat z pozadí a zůstane čitelný.

Vašimi pomocníky budou kontrastní barvy a také využití efektů jako jsou tahy (tah) a záře (glow). To pomůže učinit web atraktivnějším a snadněji čitelným. Musíte si vybrat barvu, která přiměje lidi zastavit se a podívat se, a aby informace byla dominantní součástí designu.

Závěr

Používání písem ve Photoshopu se výrazně liší od jejich používání na webových stránkách. To vysvětluje, proč někteří designéři mají tak těžké pracovat s typografií. Typografie na webu je poměrně široké téma a vyžaduje hodně výzkumu. Vždy byste měli mít na paměti, že je velmi důležité najít přístup k použití typografie, který odpovídá náladě a estetice designu. Nebojte se kombinovat Různé typy fonty, jen se ujistěte, že jsou dobré.

Přátelé!

V tomto článku budu pokračovat v rozebírání nejčastějších chyb začínajících designérů.

Dnes si povíme něco o používání písem. Víte, jak rozeznám práci začátečníka od profesionála? Začátečník se zpravidla snaží ve své práci prokázat vše, co se naučil. To se projevuje v hojném použití různých barev, různých efektů a samozřejmě četných písem ve stejném díle. Profesionální designér naopak obvykle používá jedno, maximálně dvě písma v rámci jednoho projektu a také omezenou paletu barev. A pokud se bez grafických efektů absolutně neobejde, snaží se jejich použití omezit na minimum.

Pokud je tedy pravidlem číslo jedna pro dobrý design konstrukce modulární mřížka(viz článek), pak pravidlo číslo dvě zní: omezte počet písem!

Minimální počet písem podporuje shodu a konzistenci v designu. Čím méně vaše práce obsahuje různé styly a je plná nejrůznějších barev a písem, tím smysluplněji a profesionálněji působí.

Nejčastěji si designér pro projekt vybere jedno písmo. Charakter zvoleného písma navíc musí odpovídat kreativnímu nápadu nebo náladě návrhu. Například když děláme brožuru věnovanou mobilní telefon třetí generace, pak nám bude nejspíš vyhovovat světlé moderní bezpatkové písmo. Ale ke klasickému patkovému písmu „steady-on-its-foot“ by se více hodil booklet na téma impresionistické výstavy v Ermitáži. Obecně platí, že úspěšný výběr písem je v práci designéra nesmírně důležitý, protože rozpor mezi povahou písma a nápadem a povahou projektu může celé dílo zhatit.

Někdy je nutné použít doplňkový font. Při práci se dvěma písmy se zdá, že první písmo zdůrazňuje náladu a charakter díla a často mu dodává osobitost. Toto písmo se používá pro nadpisy a podnadpisy. Někdy návrháři pro tento účel používají neobvyklá písma. Není to děláno kvůli originalitě, ale s cílem zvýraznit konkrétní části textu zvýšením kontrastu ve vztahu k druhému, známějšímu písmu.

Vzhledem k tomu, že v jednom díle není tolik nadpisů, funguje princip kontrastu bezchybně, zejména proto, že nadpisy jsou mnohem větší než hlavní text.

Druhé písmo je zpravidla oku známější a jeho úkolem není upoutat pozornost diváků, ale plnit čistě informativní funkci. Mělo by se to dobře číst a neunavovat oči. Začátečníci často dělají velkou chybu, když vytvářejí velké textové fragmenty v extravagantním, těžko čitelném písmu. Mezi takové fonty řadím i drtivou většinu tzv. „ručně psaných“ písem. Takové fonty jsou dobré řekněme na malé přání, ale ne na práci velké množství text.

Zde jsou příklady dobrého použití písma:

Jak vidíte, jsou zde použity pouze dva fonty. Jeden pro nadpisy a druhý pro hlavní text. Tato práce vypadá elegantně a konzistentně.

Zde je špatné použití písem:

Zde záměrně používám některá neobvyklá písma, abyste pocítili disharmonii a nekonzistenci tohoto designu. Nepoužívejte ve své práci příliš mnoho písem! Není nic horšího než práce, kde se míchá 8 různých fontů a hlavně extravagantní a špatně čitelné fonty.

Zde je příklad takové práce:

To není výplod mé fantazie. Viděl jsem mnoho takových prací a zpravidla je dělali začínající designéři nebo amatéři.

Pokud se podíváte do učebnice designu, pravděpodobně najdete doporučení použít bezpatkové písmo pro nadpisy a patkové písmo pro hlavní text.

Toto pravidlo je ale příliš obecné a v praxi se často musí obcházet.
Takže na závěr ještě jedna rada. Pokud nadpisové písmo vypadá moderně, pak je lepší zvolit jako hlavní písmo bezpatkové písmo. Pokud je vaše první písmo staromódní, hlavní písmo by mělo být patkové.

Téma používání fontů je nevyčerpatelné, a tak nelze v jednom malém článku pohovořit o všem. Kdykoli to bude možné, podělím se s vámi o své poznatky o práci s fonty. Mimochodem, v mém Školicí kurz InDesign, tomuto důležitému tématu věnuji velkou pozornost.