Webový grafik: Porovnání verzí

Z WikiKnihovna
 
(Nejsou zobrazeny 4 mezilehlé verze od stejného uživatele.)
Řá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, web graphic designer<br /><br />
−
'''Synonyma:''' -<br />
+
'''Synonyma:''' - grafik-web dizajnér, GUI dizajnér<br /><br />
 
'''Související pojmy:'''<br />
 
'''Související pojmy:'''<br />
 +
::nadřazené: - webová grafika<br />
 +
::podřazené: - ---<br />
  
  
 
----
 
----
  
−
'''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í",<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 />
 
<br /><br />
−
'''Úkoly grafika - web designéra:'''
+
 
 +
== Úkoly grafika - web designéra:<br /> ==
 +
----
 
*diskuse o projektu a požadavcích se zadavatelem,<br />
 
*diskuse o projektu a požadavcích se zadavatelem,<br />
 
*kreativní vývoj koncepce grafických návrhů,<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 />
 
*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 />
 
*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 />
 
*tvorba online marketingových vizuálů (př. online bannery), dynamických online vizuálů (pr.flashové animace)<br />
Řádek 20: Řádek 24:
 
*vývoj návrhů a výroba kreativních řešení pro různorodé účely (př. propagace, direct marketing, multimédia a i.)<br />
 
*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 />
 
*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 />
+
== 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 />
+
----
 +
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 />
 
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 />
 
*každá vrstva (layer) musí nést název<br />
Řádek 34: Řádek 41:
 
*vědět rozlišovat pixely a půl pixely, které způsobují neostrosti hran<br />
 
*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 />
 
*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).<br />
 +
 
 +
== Poznámky<br /> ==
 +
----<references /><br />
 +
 
 +
== Seznam zdrojů<br /> ==
 +
----
 +
#Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html<br />
 +
#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/<br />
 +
#Řád poctivého grafika. In: Blog.webprogress.cz: o trendech, pikantnostech a našem životě [online]. 2010 [cit. 2012-05-22]. Dostupné z: http://blog.webprogress.cz/rad-poctiveho-grafika<br />
 +
#Web dizajn nie je grafika!. In: Tungstenation: Another awesome portfolio theme [online]. 2011 [cit. 2012-05-22]. Dostupné z: http://xube.info/webdesign/web-dizajn-nie-je-grafika/
 +
#The Elements of Typographic Style. In: Filův blog o webdesignu [online]. 2006 [cit. 2012-05-22]. Dostupné z: http://blog.filosof.biz/the-elements-of-typographic-style/
 +
#Web Designer. In: Web Designer Career Guide: Internet & New Media Jobs [online]. [cit. 2012-05-22]. Dostupné z: http://www.myjobsearch.com/careers/web-designer.html

Aktuální verze z 4. 6. 2012, 15:57

Autor: Barbora Ondrušová

Klíčová slova: - grafik, webový grafik, webový dizajnér, web-grafik, web-dizajnér, graphic-designer, web-graphic, web graphic designer

Synonyma: - grafik-web dizajnér, GUI dizajnér

Související pojmy:

nadřazené: - webová grafika
podřazené: - ---


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, copywritery, programátory, manažerem projektu".[1]

Ú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"[1]
  • 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 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.

Webový grafik vs. 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. Optimalizace typografie optimalizuje "čitelnost, přístupnost, použitelnost (!) a celkovú grafickú vyváženost".[2] 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 (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:

  • 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žívání vodítek (vodících čar) je vhodné, avšak s mírou
  • přidávat poznámky (př. kde kodér najde uvedenou fotografii).

Poznámky

  1. ↑ 1,0 1,1 1,2 Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html
  2. ↑ 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/


Seznam zdrojů

  1. Grafik - web dizajnér. In: Informatici.sk [online]. [cit. 2012-05-21]. Dostupné z: http://www.informatici.sk/itbook140-2480.html
  2. 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/
  3. Řád poctivého grafika. In: Blog.webprogress.cz: o trendech, pikantnostech a našem životě [online]. 2010 [cit. 2012-05-22]. Dostupné z: http://blog.webprogress.cz/rad-poctiveho-grafika
  4. Web dizajn nie je grafika!. In: Tungstenation: Another awesome portfolio theme [online]. 2011 [cit. 2012-05-22]. Dostupné z: http://xube.info/webdesign/web-dizajn-nie-je-grafika/
  5. The Elements of Typographic Style. In: Filův blog o webdesignu [online]. 2006 [cit. 2012-05-22]. Dostupné z: http://blog.filosof.biz/the-elements-of-typographic-style/
  6. Web Designer. In: Web Designer Career Guide: Internet & New Media Jobs [online]. [cit. 2012-05-22]. Dostupné z: http://www.myjobsearch.com/careers/web-designer.html
Citováno z „https://wiki.knihovna.cz/index.php?title=Webový_grafik&oldid=24084“