Webový grafik - Historie editací

321524 v 4. 6. 2012, 15:57

2012-06-04T15:57:54Z

321524 v 4. 6. 2012, 15:51

2012-06-04T15:51:43Z

321524 v 4. 6. 2012, 15:50

2012-06-04T15:50:00Z

321524 v 4. 6. 2012, 14:54

2012-06-04T14:54:38Z

321524 v 22. 5. 2012, 22:19

2012-05-22T22:19:58Z

321524 v 22. 5. 2012, 22:14

2012-05-22T22:14:58Z

321524 v 22. 5. 2012, 21:57

2012-05-22T21:57:56Z

321524 v 22. 5. 2012, 21:38

2012-05-22T21:38:51Z

321524 v 22. 5. 2012, 21:33

2012-05-22T21:33:18Z

321524: Založena nová stránka: '''Autor:''' Barbora Ondrušová '''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic '''Synonyma:'''...

2012-05-22T21:28:11Z

Založena nová stránka: '''Autor:''' Barbora Ondrušová '''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic '''Synonyma:'''...

Nová stránka

'''Autor:''' Barbora Ondrušová
'''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic
'''Synonyma:''' -
'''Související pojmy:'''

----

Webový grafik, případně grafik-web designér vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací" (informatici.sk), které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu". (Informatici.sk)

Úkoly grafika - web designéra:
diskuse o projektu a požadavcích se zadavatelem
kreativní vývoj koncepce grafických návrhů
výroba grafických návrhů pomocí vhodných programů, popřípadě jejich konverze do vhodného formátu pro webové aplikace
"Návrh a výroba interaktivních uživatelských rozhraní s důrazem na přístup orientovaný přátelsky na uživatele"
zapracování požadovaných změn v grafice stávajících projektů (web stránky)
tvorba online marketingových vizuálů (př. online bannery), dynamických online vizuálů (pr.flashové animace)
tvorba tištěných reklamních materiálů (př. plakáty, bulletiny)
konverze textů, audio / video dat a grafiky do náležitých digitálních formátů
vývoj návrhů a výroba kreativních řešení pro různorodé účely (př. propagace, direct marketing, multimédia a i.)
poskytování konzultací klientům
administrativní úkoly (př. fakturace) při work freelance (práce na volné noze).

Web grafik vs. Web designér

Rozpětí vědomostí a znalostí webového grafika v současnosti přesahuje základní definici jeho kompetencí. Často se stává zároveň jakýmsi umělcem, který do své práce přidává prvky designu. Navzdory této skutečnosti stále existují samostatně profese webového grafika a webového designéra. Některé firmy dokonce disponují ve svých pracovních týmech zvlášť grafikem a designérem. Webový designér se zaměřuje především na návrh / design web stránky, kódování stránky (HTML / XHTML, CSS ..) a typografii (tvarování psaných informací). Naopak ne všichni grafici ovládají kódování stránky.

Důležitá je typografie

Podle Olivera Reichensteina tvoří 95% informací na webu psaný jazyk, proto by měla typografie tvořit 95% práce web designéra i grafika, protože optimalizace typografie optimalizuje "čitelnost, přístupnost, použitelnost" (http://www.informationarchitects.jp). Dobrá typografie však není jen o výběru vhodného fontu, texty musí být jednoduché a čitelné všemi webovými prohlížeči.

Příprava zdrojových dat
Webový grafik připravuje zdrojová data pro programátory / kodéry, u kterých je vhodné dodržovat jistá pravidla:
každá vrstva (layer) musí nést název
vrstvy rozložit do tří složek (hlavička, obsah, pata), které je vhodné i barevně rozlišit
vědět rozlišovat pixely a půl pixely, které způsobují neostrosti hran
používat vodítka s mírou
přidávat poznámky (pr. kde kodér najde uvedenou fotografii). (Http://blog.webprogress.cz/rad-poctiveho-grafika)

@@ Řádek 1: / Řádek 1: @@
 '''Autor:''' Barbora Ondrušová<br /><br />
-'''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic<br /><br />
+'''Klíčová slova:''' - grafik, webový grafik, webový dizajnér, web-grafik, web-dizajnér, graphic-designer, web-graphic, web graphic designer<br /><br />
-'''Synonyma:''' ---<br /><br />
+'''Synonyma:''' - grafik-web dizajnér, GUI dizajnér<br /><br />
-'''Související pojmy:'''<br /><br />
+'''Související pojmy:'''<br />

@@ Řádek 7: / Řádek 7: @@
 ----
-'''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací",<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref> které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu".<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref>
+'''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací",<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref> které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywritery, programátory, manažerem projektu".<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref>
 <br /><br />

@@ Řádek 9: / Řádek 9: @@
 '''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací",<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref> které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu".<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref>
 <br /><br />
-'''Úkoly grafika - web designéra:'''
 ----
 *diskuse o projektu a požadavcích se zadavatelem,<br />
 *kreativní vývoj koncepce grafických návrhů,<br />
 *výroba grafických návrhů pomocí vhodných programů, popřípadě jejich konverze do vhodného formátu pro webové aplikace<br />
-*"návrh a výroba interaktivních uživatelských rozhraní s důrazem na přístup orientovaný přátelsky na uživatele"(2)<br />
+*"návrh a výroba interaktivních uživatelských rozhraní s důrazem na přístup orientovaný přátelsky na uživatele"<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref><br />
 *zapracování požadovaných změn v grafice stávajících projektů (web stránky)<br />
 *tvorba online marketingových vizuálů (př. online bannery), dynamických online vizuálů (pr.flashové animace)<br />
@@ Řádek 23: / Řádek 24: @@
 *administrativní úkoly (př. fakturace) při work freelance (práce na volné noze).<br /><br />
-'''Web grafik vs. Web designér'''<br />
+== Web grafik vs. Web designér<br /> ==
 ----
-Rozpětí vědomostí a znalostí webového grafika v současnosti přesahuje základní definici jeho kompetencí. Často se stává zároveň jakýmsi umělcem, který do své práce přidává prvky designu. Navzdory této skutečnosti stále existují samostatně profese webového grafika a webového designéra. Některé firmy dokonce disponují ve svých pracovních týmech zvlášť grafikem a zvlášť designérem. Webový designér se zaměřuje především na návrh (design) web stránky, kódování stránky (HTML / XHTML, CSS ..) a typografii (tvarování psaných informací). Naopak, ne všichni grafici ovládají kódování stránky, čím samotná jejich práce je spíš zaměřená na design.<br /><br />
+Rozpětí vědomostí a znalostí webového grafika v současnosti přesahuje základní definici jeho kompetencí. Často se stává zároveň jakýmsi umělcem, který do své práce přidává prvky designu. Navzdory této skutečnosti stále existují samostatně profese webového grafika a webového designéra. Některé firmy dokonce disponují ve svých pracovních týmech zvlášť grafikem a zvlášť designérem. Webový designér se zaměřuje především na návrh (design) web stránky, kódování stránky (HTML / XHTML, CSS atd.) a typografii (tvarování psaných informací). Naopak, ne všichni grafici ovládají kódování stránky, čím samotná jejich práce je spíš zaměřená na design.<br /><br />
-'''Webový grafik vs. typografie'''<br />
+== Webový grafik vs. typografie<br /> ==
 ----
-Podle Olivera Reichensteina tvoří 95% informací na webu psaný jazyk, proto by měla typografie tvořit 95% práce web designéra i grafika. Optimalizace typografie optimalizuje "čitelnost, přístupnost, použitelnost".(3) Dobrá typografie však není jen o výběru vhodného fontu, texty musí být jednoduché a čitelné všemi webovými prohlížeči.<br /><br />
+Podle Olivera Reichensteina tvoří 95% informací na webu psaný jazyk, proto by měla typografie tvořit 95% práce web designéra i grafika. Optimalizace typografie optimalizuje "čitelnost, přístupnost, použitelnost (!) a celkovú grafickú vyváženost".<ref>REICHENSTEIN, Oliver. Webdesign je z 95 % typografie: základní myšlenky. [online]. Šušňová Eva. 2006 [cit. 2012-05-22]. Dostupné z: http://interval.cz/clanky/webdesign-je-z-95-typografie-zakladni-myslenky/</ref> Dobrá typografie však není jen o výběru vhodného fontu, texty musí být jednoduché a čitelné všemi webovými prohlížeči.<br /><br />
-'''Příprava zdrojových dat'''<br />
+== Příprava zdrojových dat<br /> ==
 ----
 Webový grafik připravuje zdrojová data (př. ve Photoshopu) pro programátory (kodéry), u kterých je vhodné dodržovat jistá pravidla, čím se zjednoduší komunikace mezi grafikem a kodérem:<br />
@@ Řádek 38: / Řádek 39: @@
 *vědět rozlišovat pixely a půl pixely, které způsobují neostrosti hran<br />
 *používání vodítek (vodících čar) je vhodné, avšak s mírou<br />
-*přidávat poznámky (př. kde kodér najde uvedenou fotografii). (4)<br />
+*přidávat poznámky (př. kde kodér najde uvedenou fotografii).<br />
-Poznámky<br />
+== Poznámky<br /> ==
-----<references />
+----<references /><br />

@@ Řádek 1: / Řádek 1: @@
-'''Autor:''' Barbora Ondrušová<br />
+'''Autor:''' Barbora Ondrušová<br /><br />
-'''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic<br />
+'''Klíčová slova:''' grafik, webový grafik, webový dizajnér, web grafik, web dizajnér, graphic-designer, web-graphic<br /><br />
-'''Synonyma:''' -<br />
+'''Synonyma:''' ---<br /><br />
-'''Související pojmy:'''<br />
+'''Související pojmy:'''<br /><br />
 ----
-'''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací" (1), které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu". (1)
+'''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací",<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref> které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu".<ref name="Grafik">Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html</ref>
 <br /><br />
 '''Úkoly grafika - web designéra:'''
@@ Řádek 38: / Řádek 38: @@
 *vědět rozlišovat pixely a půl pixely, které způsobují neostrosti hran<br />
 *používání vodítek (vodících čar) je vhodné, avšak s mírou<br />
-*přidávat poznámky (př. kde kodér najde uvedenou fotografii). (4)
+*přidávat poznámky (př. kde kodér najde uvedenou fotografii). (4)<br />

@@ Řádek 7: / Řádek 7: @@
 ----
-'''Webový grafik''', případně '''grafik-web designér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací" (1), které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu". (1)
+'''Webový grafik''', případně '''grafik-web dizajnér''' vyvíjí kreativní koncepce "grafických, interaktivních a multimediálních návrhů pro uživatelské rozhraní web stránek a web aplikací" (1), které vycházejí z požadavků klientů. Odpovídá za poskytování širokého množství grafických produktů pro zákazníky, které mohou představovat díla od webových stránek, přes firemní loga, plakáty až po počítačové hry. Spoluprací s klienty zjistí jejich požadavky na grafiku a priority projektu. Pomocí nich následně hledá kreativní způsoby, jak interpretovat ideje svých klientů na cílový produkt a vytvořit tak koncepty vhodné na prezentaci klientům. Při práci na projektu grafik většinou komunikuje "se zadavatelem projektu, grafiky, designéry, copywriter, programátorům, manažerem projektu". (1)
 <br /><br />
 '''Úkoly grafika - web designéra:'''
 *diskuse o projektu a požadavcích se zadavatelem,<br />
 *kreativní vývoj koncepce grafických návrhů,<br />
@@ Řádek 20: / Řádek 21: @@
 *vývoj návrhů a výroba kreativních řešení pro různorodé účely (př. propagace, direct marketing, multimédia a i.)<br />
 *poskytování konzultací klientům<br />
-*administrativní úkoly (př. fakturace) při work freelance (práce na volné noze).<br />
+*administrativní úkoly (př. fakturace) při work freelance (práce na volné noze).<br /><br />
 <br /><br />
 '''Web grafik vs. Web designér'''<br />
-Rozpětí vědomostí a znalostí webového grafika v současnosti přesahuje základní definici jeho kompetencí. Často se stává zároveň jakýmsi umělcem, který do své práce přidává prvky designu. Navzdory této skutečnosti stále existují samostatně profese webového grafika a webového designéra. Některé firmy dokonce disponují ve svých pracovních týmech zvlášť grafikem a zvlášť designérem. Webový designér se zaměřuje především na návrh (design) web stránky, kódování stránky (HTML / XHTML, CSS ..) a typografii (tvarování psaných informací). Naopak, ne všichni grafici ovládají kódování stránky, produkují jenom design.<br /><br />
+----
 '''Webový grafik vs. typografie'''<br />
 Podle Olivera Reichensteina tvoří 95% informací na webu psaný jazyk, proto by měla typografie tvořit 95% práce web designéra i grafika. Optimalizace typografie optimalizuje "čitelnost, přístupnost, použitelnost".(3) Dobrá typografie však není jen o výběru vhodného fontu, texty musí být jednoduché a čitelné všemi webovými prohlížeči.<br /><br />
 '''Příprava zdrojových dat'''<br />
 Webový grafik připravuje zdrojová data (př. ve Photoshopu) pro programátory (kodéry), u kterých je vhodné dodržovat jistá pravidla, čím se zjednoduší komunikace mezi grafikem a kodérem:<br />
 *každá vrstva (layer) musí nést název<br />