Príklady typografie v dizajne loga. Aké sú ceny produktov dizajnovej tlače

Každý deň ma kontrolujem poštová schránka, ľudia sa stretávajú s výsledkami činnosti tlačiarní - rôznymi brožúrami, brožúrami, katalógmi a časopismi. Tlačová reklama je jedným z najstarších a najúspornejších typov reklamy, nestratila na aktuálnosti ani napriek širokému využívaniu televízie a internetu. Rôzne tlačové materiály využívajú firmy na propagáciu svojich produktov a služieb na trhu. Činnosť akejkoľvek spoločnosti sa len zriedka zaobíde bez brožúr, plagátov, kalendárov, brožúr a katalógov.

Srdcom polygrafického priemyslu je dizajn, ktorého hlavným účelom je zabezpečiť, aby tlačové materiály upútali pozornosť spotrebiteľov a udržali si ich záujem. Rôzne tlačové produkty dávajú široký priestor pre fantáziu dizajnéra, no zároveň má dizajn v tejto oblasti množstvo špecifických aspektov, ktoré musia odborníci pri svojej práci zohľadniť.

Technické požiadavky na dizajn tlače

Dizajn tlače pokrýva celý rad produktov, ktoré sú vytlačené na papieri alebo derivátoch. Imidž každej spoločnosti vo veľkej miere závisí od kvality tlačových produktov. Brožúry, letáky, kalendáre, časopisy a brožúry vyrobené tlačiarňou dokážu odlíšiť firmu od konkurencie, prezentovať jej produkty alebo služby v priaznivejšom svetle a sprostredkovať potrebné informácie potenciálnym zákazníkom.

Prirodzene, pri tvorbe tlačových materiálov sa veľká pozornosť venuje dizajnu. Príliš skromný, fádny a štandardný dizajn tlačených produktov totiž ľudí jednoducho nezaujme a rozhodne im nezostane v pamäti. Dizajn tlače je kombináciou umenia vytvárať obrázky a textové informácie... Tlačový dizajn sa dnes využíva v mnohých oblastiach – od tlače reklamných materiálov až po dizajn encyklopédií, novín a časopisov.

Kľúčový rozdiel medzi dizajnom tlače a inými typmi dizajnu je v tom generované obrázky alebo textové správy sú len začiatkom procesu tlače. Preto vývoj dizajnového projektu pre akýkoľvek tlačový produkt musí spĺňať požiadavky všetkých tlačových procesov. V tomto smere celý rad špecifické požiadavky spojené so znalosťou technológie tlače, schopnosťou správne „odovzdať“ materiál na papier. Keď všetky procesy vytvárania tlačených produktov existujú oddelene (dizajn tlačeného materiálu vytvára dizajnérske štúdio a tlačiareň funguje len ako obyčajný písací stroj), potom sa často získa konečný výsledok, ktorý nespĺňa očakávania zákazník.

V v tomto prípade dizajnér pracuje v čisto aplikovanom odvetví, a preto je sám v určitom zmysle účastníkom proces produkcieči sa mu to páči alebo nie. Mal by brať do úvahy zdanlivo nepodstatné detaily, napríklad, ktoré vznikli na rôznych technologické vybavenie tlačové materiály sa môžu navzájom líšiť v dôsledku špecifík samotnej techniky alebo vlastností aplikovaného materiálu Zásoby... Konečný výsledok tlače a farebný obsah hotového výrobku preto musí kontrolovať aj dizajnér tlače.

Keď profesionálni dizajnéri dostanú zákazku na vývoj dizajnu tlačených produktov, vždy sa pýtajú tlačiarne, kde budú materiály tlačené, technické požiadavky k vytváraným produktom. Tým hotové výrobky v maximálnej miere spĺňa želania dizajnéra a klienta. Na rozdiel napríklad od dizajnu internetových zdrojov, kde sa konečný výsledok nedá dotknúť, v polygrafickom priemysle nevyhnutné získať technológie tlače, ktoré možno použiť pri výrobe určitých materiálov. Kompetentní špecialisti majú informácie o rôzne cesty tlače, zvláštnosti tlačiarne, dokonale si uvedomujú celok proces tlače a preto môže poskytnúť konečný výsledok, ktorý spĺňa očakávania.

Hlavné fázy vývoja dizajnérskeho projektu v polygrafickom priemysle

Práca na tvorbe dizajnu tlačových materiálov spočíva v tvorbe vizuálny dizajn dispozičné riešenie schopné uspokojiť individuálne želania klienta a zároveň vyhovovať technickým normám určeným tlačiarňou. V prvej fáze, všeobecný pojem budúci tlačový produkt. Ďalej dizajnéri vyberú farby, vyvinú všeobecný štýl a vyberú písma a tiež vytvoria náčrty s približným umiestnením jednotlivé prvky... Potom sa to už vykonáva počítačové modelovanie so štúdiom najmenších detailov a vytvorením layoutu pre budúce tlačové vydanie.

Poslednou fázou je prenos rozloženia na médium zvolené pre tlač, či už je to papier, moderný plast alebo plastový obal. Tým však práca na tvorbe tlačových materiálov nekončí. Vykonáva sa potlačové spracovanie, ktoré môže zahŕňať viazanie, viazanie, lepenie, laminovanie a iné. potrebné postupy aby ste dosiahli požadovaný výsledok. Na post-tlačových procesoch sa môže aktívne podieľať aj grafik, ktorý riadi celý proces tvorby tlačových materiálov až do momentu, keď konečne získajú hotový vzhľad.

Pri vytváraní rozloženia pre budúci tlačený produkt používajú dizajnéri takmer rovnaké techniky, ktoré sa používajú v iných oblastiach dizajnérskeho umenia. V prvom rade ide o výber tvaru výrobku. Je známe, že človeku sa viac páčia obdĺžnikové a štvorcové tvary a viac vo vertikálnom ako horizontálnom prevedení. Pri umiestňovaní obrázkov na budúci plagát alebo stránku časopisu sa dizajnér môže riadiť pravidlom „zlatého rezu“, ktoré je univerzálne a používa sa vo väčšine rôznych oblastiach dizajn.

Po druhé, veľká pozornosť sa venuje výberu optimálne písmo na tlačených materiáloch – má zabezpečiť čitateľnosť textu a zároveň „upútať“ oko čitateľa. Okrem toho samotné informácie prezentované v katalógu, časopise alebo reklamnej brožúre musia byť správne štruktúrované.

Ďalšie dôležitý aspekt tvorba tlačených produktov je výberom farieb. Ľudí viac priťahujú svetlé a farebné odtiene reklamy, ale priveľa farby môže spôsobiť zjavné podráždenie a odmietnutie. Zvolené farby by preto mali byť svetlé, no zároveň harmonické, aby nenamáhali oči potenciálnych spotrebiteľov. Prirodzene, dizajn tlače využíva a rôzne obrázky alebo fotografie, ktoré dokážu upútať pozornosť čitateľa a vzbudiť oveľa väčšiu dôveru, akoby potvrdzovali reálnosť produktu alebo dopyt po službe. Práca profesionálneho grafického dizajnéra si vyžaduje kreatívny prístup a kreativita, pretože v každom prípade čitatelia vždy uprednostňujú originálny dizajn materiály so zaujímavými detailmi a neštandardnými dizajnovými riešeniami.

Okrem týchto všeobecne uznávaných techník, ktoré sú typické pre mnohé iné oblasti dizajnu, sa na vytváranie vizuálneho vzhľadu tlačených materiálov používajú špecifické technológie, ktoré sa používajú na vytváranie tlačených materiálov... Ide napríklad o lakovanie tlačených produktov, ktoré umožňuje zlepšiť ich vzhľad, atraktivitu pre čitateľa a spotrebiteľské kvality. Lakovanie potlačeného produktu spočíva v nanesení špeciálneho roztoku na povrch potlačeného odtlačku, ktorý vytvorí priehľadný homogénny film, ktorý dodá obrázkom charakteristický lesk a zároveň zvýši kontrast a sýtosť farieb.

Lak navyše prispieva k väčšej pevnosti a odolnosti tlačových materiálov. Ďalšou konštrukčnou metódou je razenie fóliou. V tomto prípade sa medzi klišé a papier vtiahne fólia a vykoná sa lisovanie. Pri tvorbe pohľadníc, vreckových kalendárov a iných drobných tlačených produktov môžu dizajnéri zvoliť aj technológiu takzvaného vysekávania, pri ktorej ide o vysekávanie prvkov pôvodného tvaru z listu papiera.

V súčasnosti sa technológie tlače a post-tlače neustále vyvíjajú a ponúkajú širokú škálu možností dodatočného dizajnu tlačených materiálov. Hlavným cieľom grafického dizajnéra je len dosiahnuť harmonické spojenie všetkých vizuálnych prvkov. To na neho kladie veľkú zodpovednosť. Koniec koncov, mnohé z procesov po tlači sú drahé a veľké cirkulácie tlačových materiálov je každá chyba dizajnéra spojená s veľmi výraznými stratami.

Ako dizajnéri musíme nielen pochopiť a zachytiť význam textu, ale musíme ho vidieť. Teda rozpoznať, aký typ písma je napísaný v texte, aký štýl je použitý. Na výber správnych fontov pre webové stránky resp mobilné aplikácie musíte rozumieť typografii aspoň na základnej úrovni. V tomto článku vysvetlím základné princípy a koncepty typografie, ktoré pomôžu začínajúcemu web dizajnérovi, ak prvýkrát počujete o koncepte typografie.

Začnime niekoľkými príkladmi typografie.

Typografia je o používaní správnych fontov nielen pri dizajne kníh a časopisov, ale aj pre webové stránky alebo mobilné aplikácie.

Nerob to

Tento typ typografie možno často nájsť v reklamách na stĺpoch alebo v metre.
Aby ste pochopili rozdiel medzi prvým príkladom a druhým, musíte poznať základné princípy a definície, musíte pochopiť a cítiť písma. Teória je dôležitá, ak chcete rýchlo a efektívne začať vo webovom dizajne.

Skúste tento text prečítať za 20 sekúnd.

V každom slove tohto textu je chyba. Keďže sme gramotní ľudia, sme zvyknutí vidieť to, čo vidieť chceme. Aj takýto text sa nám ľahko číta bez čítania symbolov a rozumieme mu. To je normálne, väčšina gramotných ľudí to robí, to znamená, že si nevšimnú preklep, pretože chcú vidieť, čo je tu napísané (aby pochopili význam textu), a nie vidieť abra-kadabra. Preto pri správnom výbere písma nebude pre vás ťažké prečítať ani text veľké množstvo preklepy.

Typografia

Definícia typografie - návrh textu pomocou sadzby a úpravy. Typografia pochádza z polygrafického priemyslu.
Na obrázku je písmeno kovový blok, na ktorom sú vytlačené biele znaky, ktoré vytvárajú dojem na papieri a získa sa zodpovedajúce písmeno. Preto sa v definícii "typografie" vyskytujú slová ako "set" a "layout", pochádzajú z polygrafického priemyslu.

Základné definície v typografii

Príklad kaligrafie

Kaligrafia- umenie krásneho písania. Vezmite široké pero, štetec alebo kúsok pravítka a pomocou týchto nástrojov vytvorte takéto diela.

Tvorba ozdobných písiem. Zvyčajne sa náčrt nakreslí do poznámkového bloku, potom sa prenesie do ilustrátora, písmo sa obkreslí pomocou Bezierových kriviek, po ktorých sa získa úhľadný nápis.

Nápis loga

Rozdiel medzi kaligrafiou a písmom. Kaligrafia je, keď vezmete pero, fixku alebo čokoľvek a kreslíte kdekoľvek. Nápis - keď nakreslíte skicu, preneste sa do grafického editora, potiahnite a získajte krásne písmenká ktoré možno použiť v logu alebo inde.

Základné pravidlá typografie

Malé písmená a veľké písmená písmo

Malými písmenami- písmená akceptované na nepretržité písanie.
Veľké písmená(veľké, ľudovo „veľké“) písmená sa používajú na veľké písmená, začína sa nimi veta alebo vlastné meno.

Spojovník a pomlčka
Dôležitá funkcia, ktorú nováčikovia prehliadajú. Spojovník a pomlčka - rôzne znamenia, to je dôležité vedieť.
Spojovník- krátka pomlčka na oddelenie slov a pomlčiek. Nič sa nebráni slovám. Medzery pred a za ním sa NEPOUŽÍVAJÚ.
Na pomlčku sa používa na označenie číselných rozsahov, zvyčajne sa tiež neodráža medzerami.
Em pomlčka- toto je interpunkčné znamienko, používa sa vo vetách a je prerušované medzerami.
Spojovník, pomlčka a em pomlčka sa líšia v dĺžke samotného znaku. Je tam aj znamienko mínus, je zo všetkých najkratšie. Tu je rýchly tip. Uložte si obrázok, aby ste si zapamätali, čo je čo.


Ak chcete na PC napísať em pomlčku, podržte stlačené kláves alt a na dodatočnom numerická klávesnica(máte blok vpravo) vytočte 0151, dostanete em pomlčku. Pomlčka: alt + 0150.
Ak ste zabudli kombináciu, zadajte do vyhľadávača „em dash“, nájdite článok na Wikipédii a skopírujte odtiaľ pomlčku.

Citácie
Je dôležité si uvedomiť, že v Rusku je obvyklé používať Citáty vianočného stromčeka"". Na ich zadanie použite alt + 0187. Niektorí ľudia používajú dvojité znamienko mínus ako úvodzovky “, ale je lepšie použiť úvodzovky“”: Alt + 0147.
Kombinácia Klávesy Shift+ 2 v rozložení klávesnice v azbuke vyvolá známy znak „. Neznamená to vôbec úvodzovky (ako sa bežne verí), ale sekundy: 68 ° 13 ′ 22 ″ alebo palce: 17 ” monitor.
V publikácii je potrebné použiť jeden znak úvodzoviek, okrem „prípadov „citácií v úvodzovkách“ “.

Písma

Prišli sme na znaky, teraz o koncepte písma. Tu uvediem len základné definície, ako správne používať písma, prečítajte si ich.
Písmo- súbor písmen určených na písanie. List je vec, o ktorej som hovoril vyššie, kovový blok s písmenom. Zhruba povedané, písmo je súbor takýchto kovových písmen určených na fungovanie textu.

Headset- súbor písiem, ktoré majú jednotný štýl a výzdoba. Prirodzene, mali by mať podobný štýl. Napríklad typ písma PT Sans pozostáva z rôznych typov písma: tučné, kurzíva a iné. Všetky váhy spolu dávajú typ písma PT Sans.

Štýl písma je grafická variácia písma v rámci jedného typu písma. Napríklad PT Sans má tenké, tučné, tučné a iné váhy. Vo Photoshope je to zvyčajne napísané v angličtine.

- vzdialenosť medzi základnými čiarami susedných čiar.

Odôvodnenie (pri zosúladení života)- spôsob, akým je neúplne vytočená linka umiestnená vzhľadom na zvislé hranice vytáčacieho prúžku. Pravdepodobne ste takéto tlačidlá videli v programe MS Word (nájdite obrázok na zarovnanie). Hovorí sa tomu zarovnanie, pretože keď bolo potrebné správne usporiadať kovové písmená, dali do nich biele medzery, aby sa vypli. Preto sa to nazýva „ospravedlnenie“.

Zarovnanie textu alebo zarovnanie

Kerning a sledovanie
Kerning- selektívna zmena medzier medzi písmenami v závislosti od ich tvaru. Keď sú zarovnané viaceré (rôzne) znaky. Vizuálne sú si niektoré kombinácie písmen veľmi blízke, ak by medzi všetkými postavami bola rovnaká vzdialenosť, potom by to vizuálne vyzeralo inak. Preto sa pri vytváraní fontov používajú tabuľky, v ktorých je kombinácia písmen a vzdialenosť medzi nimi pevne zakódovaná. V dobré slúchadlá toto je už štandardne napísané, ale dá sa upraviť grafický editor ktoré používate (napríklad Photoshop).

Sledovanie- vzdialenosť medzi znakmi v slove alebo vete.
Sledovanie má zmysel, ak používate veľké písmená, má zmysel sledovať, aby bola vzdialenosť medzi nimi väčšia, budú sa takto ľahšie a lepšie čitateľné.

Ak používate Photoshop na vytvorenie rozloženia dizajnu pre webovú stránku, potom vám odporúčam, aby ste do kerningu vložili „auto“ a vôbec neprešli do sledovania. Niekedy, aby písma v konečnom výsledku vyzerali rovnako ako v rozložení, musíte sa porozprávať s dizajnérom rozloženia.

Starožitný- Serifové písma. Pätky sú vodorovné pruhy v hornej a dolnej časti písmen. Pochádzali zo starých písiem, ktoré išli z časy písania na kameni. Antiqua sa ľahšie číta v knihách, vytvárajú pätky vodorovné čiary, ktoré zdanlivo podporujú písmo na základnej čiare a je pre nás jednoduchšie spustiť oči pri čítaní viet.
Groteska, čiže bezpätkové písmo, sa objavilo nedávno, v súvislosti s takzvanou typovou revolúciou, keď už pätky neboli potrebné. Groteska sa často používa vo webových fontoch, obrazovkách (napríklad na telefónoch). Je jednoduchší kvôli nedostatku pätiek a je vhodný na nepretržité písanie na internete. V projektoch môžete použiť ľubovoľnú možnosť, neexistuje tu žiadna správna alebo nesprávna možnosť. Musíte sa pozrieť na situáciu, aký projekt robíte a čo je preň relevantnejšie.
Na toto úvodný kurz typografia pre web dizajnéra hotová 🙂
Tým, že ste si zapamätali iba Antiqua a Grotesque, už obídete znalosti mnohých dizajnérov. Nestojte na mieste, študujte typografiu, je zaujímavá a pomôže vám robiť skvelé a elegantné projekty.
Napíšte do komentárov, čo ste sa naučili z tohto článku.

Vytvorenie loga je viac ako len vytvorenie vizuálnej identity pre firemnú značku. A to je ďaleko od názvu spoločnosti, ktorý je umiestnený v obdĺžniku. Inteligentní podnikatelia a dizajnéri nikdy neoddeľujú vizuálny aspekt od obchodnej stratégie. Logo je často prvým dojmom spoločnosti a to samo osebe môže ovplyvniť vnímanie značky zákazníkom.

Dobre navrhnuté logo je jedinečnou kombináciou podnikania a umenia, ktorú je mimoriadne ťažké dosiahnuť. Typografia v logách, ak sa používa rozumne, môže viesť k požadovanej rovnováhe medzi nimi. Typografické logá sa zdajú byť najjednoduchšie a najmenej kreatívne. Avšak nie je. Profesionálne a kreatívne prístupy môžu urobiť vašu značku nielen zapamätateľnou, ale aj dôveryhodnou a milovanou. Tento článok je pre tých, ktorí hľadajú nápady a inšpiráciu na vytváranie textových log.

Nie je dobrý nápad začať s dizajnom skôr, ako sa ponoríte do podstaty podnikania. Akú správu sa snažíte odovzdať? Je značka vhodná na akciu, alebo sa viac zameriava na vyvolanie emócií? Čo prinúti zákazníkov opäť sa obrátiť na vaše služby? Keď dostatočne pochopíte svoju značku, budete schopní dodať správna správa cez svoje logo.

Po druhé, typografické logo ovplyvní názov vašej spoločnosti. Uistite sa teda, že názov je dostatočne jasný, aby nezmiatol potenciálnych zákazníkov.

Poznajte svoje publikum

Ďalším krokom je spoznať svoje publikum. existuje veľký rozdielčo očakávate od značky a čo očakáva vaše publikum. Zamyslite sa nad odpoveďami na tieto otázky:

1. Kto sú oni? Ich vek, pohlavie a národnosť sú rovnako dôležité ako znalosť profesií, koníčkov a záujmov vašich klientov.
2. Kde uvidia vaše logo? Môže to byť webová stránka reklamný banner, billboard alebo susedove tričko. Skúste zvážiť akúkoľvek situáciu.
3. Rozumejú vašej správe? Skúste si spomenúť na všetky asociácie, ktoré vám napadnú, keď uvidia vaše logo. Dobrý nápad- rozhovory so zástupcami potenciálneho publika.

Uistite sa, že ovládate vizuálne základy

Na základe vášho prieskumu a vášho hlbokého pochopenia vašej značky budete musieť urobiť niekoľko možností súvisiacich s vaším logom.

V prvom rade sa pripravte na diskusiu o písmach. V súčasnosti sú k dispozícii tisíce fontov, čo dizajnérom ešte viac sťažuje výber. Všetky základné fonty možno rozdeliť do niekoľkých typov a každé z nich môže mať svoj vlastný emocionálny tón:

• Serif (serif): úctyhodný, tradičný, spoľahlivý, upokojujúci;
• Sans Serif (bez pätky): moderný, objektívny, čistý;
• Typ písma (simuluje rukopis): elegantný, kreatívny, láskavý;
• Dekoratívne: výrazné, jedinečné.

Môžete vidieť, že každé písmo má svoju náladu a osobnosť, ktorú prenáša na vašu značku. Môže byť vážny, neopatrný, hravý alebo sofistikovaný. Musíte určiť, čo presne chcete pomocou písma povedať a či zodpovedá vášmu dizajnu. Vyberte si písmo, ktoré nie je založené na osobných preferenciách, ale pamätajte na ducha a vlastnosti vášho podnikania.

Tiež hrať dôležitá úloha... Každá farba má svoj vlastný podtext a môže vašej správe pridať nuansy. Neposielajte preto svojim zákazníkom nesprávne správy.

Tu je niekoľko tipov, ktoré vám pomôžu pri výbere správne písmo a farba vášho loga:

• Pozrite si svojich konkurentov. Vaším cieľom nie je napodobňovanie, ale starostlivá analýza. Ak je ich rozhodnutie rozumné, môžete sa poučiť zo získaných skúseností.
• Nech je to jednoduché. Čisté písmo umožní reprodukovať vaše logo rôzne produkty a vo všetkých veľkostiach, či už ide o veľký banner alebo pero.
• Zabezpečte čitateľnosť. Vaše logo by malo byť čitateľné v priebehu niekoľkých sekúnd.

Poskytnite svojmu logu všestrannosť

• Dizajn loga sa najlepšie robí v vektorové aplikácie, ako napr Adobe ilustrátor... Photoshop nie je na tento účel najlepšou voľbou, pretože logo musí byť škálovateľné bez straty kvality.
• Uveďte farby loga pomocou CMYK alebo Pantone, aby ste zaistili správnu reprodukciu farieb po vytlačení loga.
• Na tlač by ste mali byť schopní reprodukovať svoje logo v jednej farbe (čiernej alebo bielej).

Pozor Bežné chyby dizajn

• Používanie príliš veľkého množstva písiem a farieb. Najlepšie spoločnosti zvyčajne používajú jedno písmo a jednu farbu. Čím viac fontov sa použije, tým špinavšie logo vyzerá. Použitie dvoch typov písma je prijateľné, ak sa líšia v názve spoločnosti a slogane.
• Použitie trendy písma... Väčšina trendov má krátke trvanie: to, čo je dnes populárne, môže byť zajtra zastarané a vtipné.

Kopírovanie iných. Imitácia je lenivý spôsob, ako vyriešiť kreatívny problém. Logo je odrazom vášho podnikania: ak vyzerá ako logo niekoho iného, ​​vaša firma nemôže byť jedinečná a v očiach zákazníkov stráca svoju dôveryhodnosť.

Príklady typografie v dizajne loga

Existujú určité typy log, o ktorých by ste mali vedieť skôr, ako začnete navrhovať. vlastné logo a uistite sa, že typ, ktorý si vyberiete, vyhovuje vašim obchodným potrebám:

Písmenové a textové logá

Existuje mnoho medzinárodne uznávaných spoločností, ktoré sa spoliehajú výlučne na typografické logá. Tu je len niekoľko príkladov, aby ste si uvedomili silu textových log. Najvýraznejšími predstaviteľmi dizajnu brožúry loga sú samozrejme IBM, CNN, Google, Facebook atď.

Grafické logá

Apple, Nike, Shell a mnohé ďalšie spoločnosti majú grafické logá.

Tento článok vám pomôže pochopiť základné pojmy v typografii. A aby boli informácie lepšie a ľahšie vnímateľné, nudné texty sú dokreslené vtipnými obrázkami. Článok obsahuje aj najčastejšie chyby, ktorých sa webdizajnéri pri práci s textom dopúšťajú a dáva odporúčania, ako sa im vyhnúť.

Typografia je najsilnejší nástroj na vyjadrenie správy vo webdizajne. Pomocou neho môžete kombinovať textové a vizuálne komponenty, ktoré vám pomôžu osloviť vášho návštevníka. Správne používanie typografia vám môže pomôcť vyhnúť sa typické chyby povolené dizajnérmi pri vytváraní ďalšieho majstrovského diela. Pokúsime sa pochopiť, čo robíme zle a ako sa chybám v budúcnosti vyhnúť.

Najprv pochopme terminológiu. Väčšina pojmov je vám určite známa, ale nebude zbytočné sa s definíciami zoznámiť ešte raz. Možno to doplní informácie, ktoré už máte.

Typografia- súbor zákonov, pravidiel a noriem pre formátovanie textu, založený na štúdiu čitateľského vnímania súboru. Znalosť a pochopenie typografie mení text na nástroj na budovanie kompozície, oživuje ho, dodáva charakter a schopnosť sprostredkovať myšlienku nielen obsahovo, ale aj graficky.

Headset- písmo alebo niekoľko písiem so štylistickou jednotou obrysu. Pozostáva zo sady znakov. Často sa zamieňa s písmom, hoci písmo je špecifický štýl znakov, zatiaľ čo typ písma definuje všeobecnú „rodinu“ typov písma.

Slúchadlá možno rozdeliť do dvoch hlavných kategórií:

• Starožitný- Serifové písma.
• Groteskné, respektíve je bezpätkové písmo.

V projektoch môžete použiť akékoľvek, neexistuje správna alebo nesprávna možnosť. Musíte sa pozrieť na situáciu, aký projekt robíte a čo je preň relevantnejšie.

Zdá sa, že pätkové písmo drží riadok, a preto sa čitateľnosť zvyšuje. Pätkové písma často vytvárajú pocit profesionality a autority v poskytovaných informáciách, vyjadrujú rešpekt, zdôrazňujú stabilitu a konzervativizmus v tom najlepšom zmysle slova. Bezpätkové písma majú tendenciu zdôrazňovať racionalitu, štýl, mladosť a modernosť. Pomáhajú vytvárať medzery medzi písmenami, ako aj oddeľovať jeden znak od druhého.

kolky- výška písmena vrátane klesajúcich a klesajúcich písmen. Merané v typografických bodoch (označené ako pt). Napríklad text napísaný s veľkosťou 14 bodov bude mať výšku 14 bodov.

Vedenie - riadkovanie... Vzdialenosť medzi základnými čiarami susedných riadkov.

Kerning- vzdialenosť medzi písmenami. Hlavným bodom kerningu je výber rôznych medzier medzi rôznymi pármi konkrétnych písmen na zvýšenie čitateľnosti.

Existuje nádherná simulátorová hra - Kern Type. Stačí dať všetky písmená na svoje miesta. V skutočnosti to nie je také ľahké. Proces je pomerne zložitý a vyžaduje si vynikajúce oko. Táto skúsenosť bude užitočná najmä pri vytváraní log.

čo robíme zle?

Používame veľké množstvo fonty

Odporúča sa použiť nie viac ako 3 štýly. Môžu to byť fonty rovnakého typu alebo rôzne. Napríklad typ písma Roboto obsahuje pomerne veľké množstvo rôznych závaží. Z nich si ľahko vyberiete tri, ktoré sú podľa nás vhodné pre našu stránku. Povedzme, že to bude Light, Regular a Bold. Môžete použiť Tučné alebo Svetlé pre nadpisy, Tučné pre tlačidlá a Bežné pre hlavný text. Preto sme pomocou jedného headsetu poskytli našu stránku správna typografia... Prirodzene, všetko závisí od témy stránky a myšlienky, ktorú plánujete vložiť do dizajnu. Môj príklad je univerzálny a nepredstiera, že je niečím jedinečným alebo výnimočným.

Nevieme akú veľkosť má mať písmo

Veľkosť textu na webe by mala byť aspoň 12 pixelov. Najlepšia voľba- v rozsahu 14-18 px pre hlavný text. Nie príliš veľké a zároveň čitateľné. Navyše, ak sme už zvolili veľkosť 16 px, mala by zostať 16 px na všetkých stránkach webu a nepreskakovať plus mínus 1 px z bloku na blok. Platí to aj o vedení, všade by to malo byť rovnaké.

Veľkosti písma by sa mali uvádzať v celých číslach, bez použitia desatinných zlomkov, napríklad 16,28 px. A, samozrejme, vo Photoshope musíte preložiť pt do px. Za týmto účelom vyberte v menu: Úpravy - Nastavenia - Základné. Ďalej - Jednotky a vládcovia. Zmeňte položky v rozbaľovacích ponukách "Text", "Pravítka" podľa pixelov. Kliknite na „OK“.

Dĺžka riadku – záleží na tom?

Dĺžka riadku nesmie presiahnuť 600 px. to optimálna veľkosť pre pohodlný pohyb pohľadu z jednej línie do druhej. Veľmi široká obsahová časť sa ťažko číta – často jednoducho stratíte riadok, na ktorý ste sa chystali prejsť po prečítaní dlhého predchádzajúceho riadku. Ak stále potrebujete roztiahnuť textové pole o 1000 px alebo viac na šírku, môžete skúsiť rozdeliť text na dva alebo viac stĺpcov. Ďalšou možnosťou je urobiť riadkovanie o niečo väčšie ako zvyčajne, aby sa čiary od seba silnejšie oddeľovali. Nezabudnite oddeliť text odsekmi, pomôže to tiež k lepšiemu čítaniu.

Úvod zodpovedá veľkosti písma

Riadkovanie by malo byť takmer vždy viac veľkosti písmo. Okrem titulov. Aby ste dosiahli rovnováhu medzi textom a „vzduchom“, urobte riadkovanie približne jeden a pol násobkom výšky malé písmená... Alebo nastavte úvod na 150 % veľkosti písma. Veľkosť textu je napríklad 14 px, potom je riadkovanie 21 px. 14/2 = 7 + 14 = 21.

Vyberte si ľubovoľné písmo, ktoré sa vám páči

Myslím, že každý už vie, že písma na dizajn webových stránok sa najlepšie používajú s fonts.google.com a webfont.ru, pokiaľ vám, samozrejme, klient neposkytol svoje písmo.

Ó Lorem, lorem...

Je celkom prirodzené, že pri vývoji stránky sa obsah, ktorý tam bude, takmer vôbec nepoužíva – často tento obsah jednoducho ešte neexistuje. Preto dizajnéri (a tiež návrhári rozloženia) používajú „rybu“ - ľubovoľný text, ktorý sa hodí do blokov obsahu. To je celkom výhodné, najmä pre dizajnérov, pretože teraz notoricky známy "Lorem Ipsum ..." je možné vložiť priamo z Photoshopu (Menu: Text - Vložiť Lorem Ipsum). Ale pre stránky v ruskom jazyku sa to neodporúča - latinská abeceda neposkytuje predstavu o tom, ako bude napísaný text vyzerať Cyrilické písmo... Preto vám pomôže textový generátor.

Kontrola správnosti návrhu je jednoduchá: ak divák dokáže bez dotyku myši uhádnuť, kde odkaz je a kde nie, potom máme dobrú stránku. Preto je potrebné si vopred premyslieť, ako budú všetky odkazy na stránke vyzerať. Povedzme, že všetky klikateľné prvky majú rovnakú farbu, napríklad červenú, a nie klikateľné prvky toho druhého, čierneho. Potom nebude nikto zmätený.

Často je toto: názov je zvýraznený červenou farbou (koniec koncov, musíte ho nejako zvýrazniť), potom niekoľko ďalších veľmi dôležitých fráz USP modrej farby a to všetko je zmiešané s obyčajným čiernym textom. Na konci textu je tlačidlo, tiež červené. Je jasné, že musíte kliknúť na tlačidlo, ale ukázalo sa, že na modrý text bolo možné kliknúť (otvoril sa Ďalšie informácie). Ale kto vedel, kto vedel...

Zarovnanie

existuje textové bloky ktoré sú často nesprávne zarovnané, sú zarovnané, vycentrované a zarovnané doprava. Vo všetkých týchto prípadoch je nepohodlné čítať text a vizuálne to vyzerá neatraktívne. Zarovnanie by malo byť VŽDY zarovnané doľava. Aj keď to naozaj chcete urobiť správne zarovnané (len preto, že sa vám to zdá – kompozične by to tak malo byť) – je to nesprávne. Výnimkou môžu byť jedna alebo dve krátke vety, ktoré sú s najväčšou pravdepodobnosťou podnadpisy hlavného textu.

Kontrast

Kontrast je jedným z hlavných prostriedkov expresivity v dizajne. Netreba sa báť veľké formy a prázdne miesta! Stáva sa zámerne veľká typografia nezávislý prvok ktorý si nevyžaduje ďalšie grafické nástroje.

Typografický dizajn: príjemný na oči. Čitateľa nezaujíma, ako boli písmená písma navrhnuté a ako boli prenesené na papier – chce, aby materiál v novinách bol dobre čitateľný.

Typografický dizajn je umenie a proces usporiadania typografických prvkov na stránke novín. Typografický prvok je to, čo zanecháva na papieri atramentovú tlač, t.j. písmená a číslice abecedy, interpunkčné znamienka, čiary, rámiky, ozdobné prvky a ilustrácie všetkého druhu. princípy typografického dizajnu sú založené na dvoch nemenných faktoroch: linearita latinskej abecedy a fyziológia ľudského čítacieho aparátu.

Problémy s komunikáciou

Pri navrhovaní novín sa dizajnér neustále stretáva s tromi problémami.

Prvý súvisí s čítacím mechanizmom. Čítanie je náročná zručnosť na učenie. V priebehu rokov zrak človeka slabne a pre starších čitateľov by mal byť proces čítania čo najjednoduchší.

Druhy problémom úzko súvisiacim s prvým je psychológia čítania. Ľudia, ktorí majú problémy s čítaním, často hľadajú alternatívy v rozhlasových a televíznych správach. Úspešné fungovanie novín priamo závisí od toho, či si ich po jednom prečítaní kúpia znova, a to zase úplne závisí od ich obsahu. Preto je nepochybne dôležitejší obsah novín ako ich dizajn, ktorý je v skutočnosti iba „balíkom“ informácií. Typografický dizajn je nevyhnutný pre presvedčenie potenciálnych čitateľov v potrebe vyskúšať náš „produkt“. A na dosiahnutie tohto cieľa musí byť čo najefektívnejšie.

Tretia problémom je ekonomika typografického dizajnu. Náklady na vydávanie novín nesmú presiahnuť náklady na predaj. Okrem toho sa často prehliada najdôležitejší rozpočtový faktor – čas.

Funkčný typografický dizajn.

Základnou požiadavkou na funkčný typografický dizajn je, že každý prvok, ktorý použijete, musí fungovať efektívne. Ak prvky nevykonávajú potrebnú užitočnú prácu, nie sú funkčné. Najhoršia časť je dysfunkcia. Prvok, ktorý nedokáže upútať pozornosť čitateľa, márne rozptyľuje jeho pozornosť, je nadbytočný a je lepšie sa ho zbaviť. Na ktorejkoľvek vytlačenej strane je oblasť na začatie čítania v ľavom hornom rohu. Trénované oko začína čítať stránku od tohto bodu a malo by byť priťahované niečím jasným, čo upúta pozornosť. V pravom dolnom rohu oko dokončuje čítanie stránky a je tu výstupná zóna. Táto postupnosť čítania je spôsobená lineárnym usporiadaním písmen latinskej abecedy.

Oko čitateľa by túto líniu nemalo sledovať ako pri chôdzi – malo by ho od tejto línie odvádzať rôzne optické „magnety“, premyslene umiestnené na stránke, aby upriamili pozornosť čitateľa na každú jej časť. Nepoužitý pravý horný a ľavý dolný roh stránky potrebujú najmä „návnady“.

12. Výber a používanie fontov

1. Šaty na túto príležitosť

Výber fontu sa podobá skôr výberu oblečenia, s ktorým sa stretávame ráno. Rovnako ako v odevoch, aj tu sa rozlišuje medzi štýlovými a výraznými a bežnými typmi písma, ktoré sú vhodné pre mnohé situácie, a našou výzvou je nájsť správnu rovnováhu pre každú príležitosť.

2. Zoznámte sa so svojimi rodinami: Klasifikácia písiem

Ďalšou výzvou je vytvoriť nejakú štruktúru, podľa ktorej môžeme klasifikovať rôzne typy písma, s ktorými sa stretávame.

Písma možno rozdeliť a rozdeliť do desiatok kategórií, ale aby ste získali pracovnú predstavu o väčšine typov, ktoré dnes existujú, možno ich rozdeliť do 5 skupín: bezpätkové písma (pätky sú malé kolmé ťahy, ktoré začínajú a končia hlavný ťah znaku) , dve skupiny zastaraných písiem, t.j. pätka a jedna úplne odlišná od ostatných (s veľkými, obdĺžnikovými pätkami).

Geometrické písma bezpätkové písma sú založené na striktných geometrických tvaroch. Jednotlivé ťahy písmen v týchto fontoch majú často rovnakú hrúbku a ich dizajn sa vyznačuje minimalistickým štýlom „menej je viac“.

Najlepšie vlastnosti týchto písiem sú čistota, modernosť, všestrannosť, najhoršie chlad, beztvárnosť, nuda.

Humanistické grotesky ktorých návrhy pochádzajú z ručne písaných vzoriek – tak bezchybne a moderne vyzerajúce, že si vo svojom jadre nevyhnutne zachovávajú niečo ľudské.

Toto je podstata humanistických bezpätiek: zatiaľ čo geometrické bezpätky boli navrhnuté tak, aby boli čo najjednoduchšie, tvary písmen humanistického typu majú vo väčšine prípadov viac detailov, menšiu jednotnosť a majú tendenciu používať ťahy rôznej hrúbky. Okrem iného pochádzajú z ľudského písma, ktoré má samo o sebe individuálny charakter. Tieto fonty sú moderné aj humánne, strohé, no zároveň emotívne. Nevýhody: Vyzerajú trochu vágne a falošne, ako stúpenci korporátneho pokrytectva.

Starý starožitný, nazývané aj „benátske“, sú naše najstaršie písma, ktoré sú výsledkom stáročí postupného vývoja našich kaligrafických foriem. Vyznačujú sa malým kontrastom medzi najširším a najtenším ťahom a tiež tým, že oválne prvky ich písmenových foriem sú naklonené doľava (ako v kaligrafii). ich najlepšie vlastnosti- že ide o klasické, tradičné, dobre čitateľné písma

S nástupom osvietenstva a v dôsledku snah dizajnérov urobiť písmená geometrickejšie, špicatejšie a virtuóznejšie ako nenáročné staré písma, prechodné písma a písma nový štýl alebo klasika... Prechodové písma zaznamenali v tomto smere mierny pokrok. Najlepšie vlastnosti prechodných pätiek a nového štýlu sú ich prísnosť, štýl a dynamika. Ich hlavnou nevýhodou je, že bez ohľadu na to, aké sú, sú príliš extravagantné a barokové na to, aby boli klasické, a príliš ohromené na to, aby boli skutočne moderné.

Slab fonty sa nedávno vrátili do módy. Doskové písma majú zvyčajne rovnaké ťahy ako bezpätkové (t. j. jednoduché tvary s relatívne malým kontrastom medzi hrubými a tenkými ťahmi), ale s mohutnými pravouhlými pätkami na koncoch hlavného ťahu.

3. Ako ich miešať a spájať a čo je dôležitejšie – či by sa vôbec mali miešať a spájať. Častejšie stačí jedna náhlavná súprava.

1. Serifové písmo

Pätka, malý výčnelok, krátky ťah v spodnej a hornej časti písmena alebo symbolu. Veľká skupina pätkové písma zahŕňajú staré štýly písma, moderný štýl a egyptskom štýle.

starý štýl

Staré písma sú založené na technikách klinového písma. Malé pätky sú vždy šikmé a všetky zakrivené písmená majú hrubý až tenký ťah. Ak nakreslíte čiaru cez tenké časti zaobleného ťahu, bude vždy diagonálna.

Staré písma sa považujú za najlepšie na písanie dlhý text... Po prvé, majú veľmi málo charakteristických čŕt, ktoré narúšajú čítanie. A po druhé, oko lipne na pätkách, čo uľahčuje samotný proces čítania.

Moderný štýl

Hovorí sa im aj Moderné. Vzhľad písma moderného štýlu sa vyznačujú určitým odcudzením. Chýba tu jasná imitácia klinového písma. Tieto typy písma majú horizontálne pätky a tenšie, výrazný kontrastný prechod z hrubej čiary na tenkú a zjavný vertikálny tlak.

Tieto fonty vyzerajú veľmi dobre, keď sú napísané vo veľkej veľkosti. Pre ostrý prechod z hrubých na tenké čiary však takéto písma nie sú vhodné na dlhodobé čítanie. Preto sa najlepšie používajú na písanie nadpisov a log.

egyptský štýl

Ich charakteristickou črtou je sotva viditeľný prechod alebo kontrast od hrubšej línie k tenkej a niekedy dokonca jej absencia. Tiež pätky malých písmen v takýchto typoch písma sú vodorovné a hrubé.

Pretože sú ťahy v egyptskom štýle písma hustejšie a konzistentnejšie, je toto písmo ideálne pre dlhé texty. Treba však mať na pamäti, že celá stránka ako celok bude pôsobiť tmavšie. Tento štýl sa rozšíril pri písaní detských kníh.

2. Rozrezané písmo

V takýchto fontoch nie sú žiadne pätky, pri prechode z hrubšej linky na tenkú prakticky nedochádza k žiadnemu tlaku. Vďaka tomu vyzerajú jednotnejšie v hrúbke. Patkové písma sa považujú za čitateľnejšie. Pokiaľ však ide o webdizajn, neexistuje jednotný názor. Je to spôsobené technickými vlastnosťami monitora.

3. Ručne písané písmo

Technika vytvárania takýchto písiem zahŕňa ručné písanie špeciálnym štetcom alebo kaligrafickým perom. Ručne písané písmo nie je vhodné na písanie dlhých textov, najmä so samotnými veľkými písmenami. Ale vyzerajú veľmi pekne, napísané vo veľkej veľkosti. Takže ako dekoratívny prvok dizajnu sú jednoducho nenahraditeľné.

Väčšina písiem, ktoré nepatria do iných kategórií, patrí do tejto kategórie. Ozdobné písma veľa a ich počet sa každým dňom zvyšuje. Kvôli ich okázalej extravagancii by sa takéto písma mali používať odmerane a úhľadne. Môžu to byť logá, nadpisy, nápisy.

13. Klasifikácia písiem Písma v modernej typografii sú klasifikované a rozdelené do skupín podľa ich dizajnových funkcií a charakteristík písania. Vyznačujú sa kresbou: ozdobné písma určené na zdobenie textu alebo obrázkov, najmä také písma napodobňujúce historický alebo retro štýl písania, starožitné písma, sekané písma alebo grotesky, každému sú známe doplnkové, nové makontry, gotické písma, ručne písané a staré písma. cirkevnoslovanske fonty. Podľa bodového štýlu: sýtosť (svetlá, polotučná, tučná), hustota (normálna, úzka, široká), bodové nastavenie (rovné, kurzíva, šikmé) Tento typ odrody umožňuje dizajnérom použiť typografiu v mnohých oblastiach, kde sa vyžaduje štylizácia staroveku , alebo potreba zamerať pozornosť klienta na akýkoľvek detail obrazu.

14. Moderné trendy v dizajne písma. Sčítanie, Prostata a rozlišovanie, Glamour a Stencil Fonts, The Return of Dido, Použitie triedy a variácií písma, Fonty z objektov, Super náhlavné súpravy, Retro.