Webová typografie - Historie editací

Daniela: /* 10 věcí, které by měl každý webdesignér od typografii vědět */

2012-05-22T22:04:00Z

10 věcí, které by měl každý webdesignér od typografii vědět

Daniela v 22. 5. 2012, 22:02

2012-05-22T22:02:13Z

Daniela v 22. 5. 2012, 22:00

2012-05-22T22:00:07Z

Daniela v 22. 5. 2012, 21:59

2012-05-22T21:59:44Z

Daniela v 22. 5. 2012, 21:58

2012-05-22T21:58:13Z

Daniela v 22. 5. 2012, 21:56

2012-05-22T21:56:29Z

Daniela v 22. 5. 2012, 21:50

2012-05-22T21:50:38Z

Daniela v 22. 5. 2012, 21:44

2012-05-22T21:44:21Z

Daniela v 22. 5. 2012, 21:43

2012-05-22T21:43:54Z

Daniela v 22. 5. 2012, 21:42

2012-05-22T21:42:54Z

← Starší verze		Verze z 22. 5. 2012, 22:04
Řádek 37:		Řádek 37:


−	== 10 věcí, které by měl každý webdesignér od typografii vědět==	+	== 10 věcí, které by měl každý webdesignér o typografii vědět==

	*přečíst si po sobě svůj text		*přečíst si po sobě svůj text

@@ Řádek 37: / Řádek 37: @@
-== 10 věcí, které by měl každý webdesignér od typografii vědět==  <ref name="webdepot">Webdesignerdepot. 10 Web Typography Rules Every Designer Should Know. In: ''Webdesignerdepot.com'' [online]. February 2009 [cit. 2012-05-22]. Dostupné z: http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/</ref>
+== 10 věcí, které by měl každý webdesignér od typografii vědět==
 *přečíst si po sobě svůj text
@@ Řádek 48: / Řádek 48: @@
 *vypořádat se s citacemi a speciálními symboly
 *plánovat zvětšení dosavadního textu
-*ukázat preferenci sans-serifu
+*ukázat preferenci sans-serifu <ref name="webdepot">Webdesignerdepot. 10 Web Typography Rules Every Designer Should Know. In: ''Webdesignerdepot.com'' [online]. February 2009 [cit. 2012-05-22]. Dostupné z: http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/</ref>
 == Poznámky ==

← Starší verze		Verze z 22. 5. 2012, 22:00
Řádek 37:		Řádek 37:


−	== 10 věcí, které by měl každý webdesignér od typografii vědět== <ref name="webdepot">Webdesignerdepot. 10 Web Typography Rules Every Designer Should Know. In: ''Webdesignerdepot.com'' [online]. February 2009 [cit. 2012-05-22]. Dostupné z: http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/</ref>	+	== 10 věcí, které by měl každý webdesignér od typografii vědět== <ref name="webdepot">Webdesignerdepot. 10 Web Typography Rules Every Designer Should Know. In: ''Webdesignerdepot.com'' [online]. February 2009 [cit. 2012-05-22]. Dostupné z: http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/</ref>

	*přečíst si po sobě svůj text		*přečíst si po sobě svůj text

@@ Řádek 43: / Řádek 43: @@
 *předvést jasnou hierarchii
 *dávat pozor na makrotypografii i mikrotypografii
-*opatrně zacházet s typy barev
+*opatrně zacházet s typy barev (nepoužívat podobné barvy, ale spíše kontrastní)
 *brát vážně CSS
 *nepoužívat centrovaný text

@@ Řádek 40: / Řádek 40: @@
 *přečíst si po sobě svůj text
-*co nejméně používat Lorem ipsum...
+*co nejméně používat Lorem ipsum...nejlépe vůbec nepoužívat
 *předvést jasnou hierarchii
 *dávat pozor na makrotypografii i mikrotypografii

@@ Řádek 15: / Řádek 15: @@
 == Charakteristika ==
-Webová typografie je termín označující typografii digitálních textů a týká se použití druhů písem ve webovém prostředí.<ref name="Wikipedie1"> Webtypografie. In: ''Wikipedia: the free encyclopedia'' [online]. St. Petersburg (Florida): Wikipedia Foundation, last modified on 13. 5. 2012 [cit. 2012-05-22]. Dostupné z: http://de.wikipedia.org/wiki/Webtypografie</ref> Tato disciplína byla donedávna webovými designery opomíjena, avšak v poslední době je jí věnována stále větší pozornost. Neexistují ucelená typografická pravidla pro web, ale jedná se spíše o poznatky vycházející z klasické typografie přizpůsobená jinému prostředí.
+Webová typografie je termín označující typografii digitálních textů a týká se použití druhů písem ve webovém prostředí.<ref name="Wikipedie1"> Webtypografie. In: ''Wikipedia: the free encyclopedia'' [online]. St. Petersburg (Florida): Wikipedia Foundation, last modified on 13. 5. 2012 [cit. 2012-05-22]. Dostupné z: http://de.wikipedia.org/wiki/Webtypografie</ref> Tato disciplína byla donedávna webovými designery opomíjena, avšak v poslední době je jí věnována stále větší pozornost.<ref name="intro">RUTTER, Richard. In: '' IntroductionThe Elements of Typographic Style Applied to the Web '' [online]. 2005 [cit. 2012-05-22]. Dostupné z: http://webtypography.net/intro/</ref> Neexistují ucelená typografická pravidla pro web, ale jedná se spíše o poznatky vycházející z klasické typografie přizpůsobená jinému prostředí.
 Správné použití typografie je zásadním aspektem webdesignu. Pomáhá vytvořit srozumitelný a ucelený web. Typografie se zabývá nastavením, uspořádáním a sazbou textů, a to takovým způsobem, který je vizuálně přitažlivý, dostupný a snadno čitelný. Bez ohledu na to, jak dobrý obsah mají webové stránky, pokud nejsou všechny informace prezentované textem snadno čitelné, je kvalita obsahu snížena.<ref name="SJL">LOGAN, Sam. Macro and Micro Typography. ''SJLwebdesign.com''[online]. [cit. 2012-051-22]. Dostupné z: http://www.sjlwebdesign.co.uk/sjl-blog/index.php/typography/macro-and-micro/</ref>
 Základem pro všechny webové fonty je standard Unicode jako globální systém pro kódování znaků.<ref name="Wikipedie1"></ref>
@@ Řádek 67: / Řádek 67: @@
 . Webdesignerdepot. 10 Web Typography Rules Every Designer Should Know. In: ''Webdesignerdepot.com'' [online]. February 2009 [cit. 2012-05-22]. Dostupné z: http://www.webdesignerdepot.com/2009/02/10-web-typography-rules-every-designer-should-know-2/

@@ Řádek 28: / Řádek 28: @@
 Dva klíčové aspekty typografie v oblasti web designu jsou Makro-typografie a Mikro-typografie, které se zabývají dvěma různými, ale stejně podstatnými prvky typografie.<ref name="SJL"></ref>
-'''Makro-typografie'''.<ref name="SJL"></ref>.<ref name="typolex">BEINERT, Wolfgang. Microtypographie. In: ''TYPOLEXIKON.DE'' [online]. 11. 3. 2011 [cit. 2012-05-22]. Dostupné z: http://www.typolexikon.de/m/mikrotypographie.html</ref>
+'''Makro-typografie'''<ref name="SJL"></ref><ref name="typolex">BEINERT, Wolfgang. Microtypographie. In: ''TYPOLEXIKON.DE'' [online]. 11. 3. 2011 [cit. 2012-05-22]. Dostupné z: http://www.typolexikon.de/m/mikrotypographie.html</ref>
 Makro-typografie je zaměřena na složení textu jako celku. Zabývá se komplexním optickým dojmem sazby textu, přičemž je kladen i důraz na funkci, techniku a estetiku. Zajišťuje, že je text kontinuitní s rozložením webových stránek. To znamená pečlivé rozmístění odstavců, a to ve vztahu k barevnému schématu, obrázkům a jiným textem na stránce.

@@ Řádek 32: / Řádek 32: @@
 Makro-typografie je zaměřena na složení textu jako celku. Zabývá se komplexním optickým dojmem sazby textu, přičemž je kladen i důraz na funkci, techniku a estetiku. Zajišťuje, že je text kontinuitní s rozložením webových stránek. To znamená pečlivé rozmístění odstavců, a to ve vztahu k barevnému schématu, obrázkům a jiným textem na stránce.
-'''Mikro-typografie'''<ref name="SJL"></ref>
+'''Mikro-typografie'''<ref name="SJL"></ref><ref name="typolex2">BEINERT, Wolfgang. Makrotypographie. In: ''TYPOLEXIKON.DE'' [online]. 11. 3. 2011 [cit. 2012-05-22]. Dostupné z: http://www.typolexikon.de/m/makrotypographie.html</ref>
 Mikro-typografie je založena na jemnějších aspektech uspořádání textu, jako jsou mezery a psaní. Zabývá se samotným písmem a jeho použitím. Patří sem rovněž návrh a tvorba písma, typometrie písmen, čísel a jiných znaků.