Webový grafik: Porovnání verzí
| Řádek 7: | Řádek 7: | ||
---- | ---- | ||
| − | '''Webový grafik''', případně '''grafik-web | + | '''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 /> | <br /><br /> | ||
'''Úkoly grafika - web designéra:''' | '''Úkoly grafika - web designéra:''' | ||
| + | ---- | ||
*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 /> | ||
| Řá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 /> | *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). | + | *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, | + | ---- |
| + | 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 /> | ||
'''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".(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 /> | '''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 /> | ||
Verze z 22. 5. 2012, 22:19
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 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)
Ú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"(2)
- 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 ..) 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".(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.
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). (4)
