Kód kurzu: PHSH4« Krok späť

Adobe Photoshop – dizajn webu a aplikácií

V tomto kurze sa dozviete, ako využívať Adobe Photoshop pre tvorbu grafiky webových stránok a používateľského rozhrania (UI - User Interface) mobilných aj desktopových aplikácií. Najskôr sa teoreticky zoznámite so základnými pojmami z webovej a UI grafiky - typy layoutov a zariadenia, farebné schémy, formáty súborov, optimalizácia, používanie mriežok (Gridov). Potom preskúmate funkcie Adobe Photoshopu, ktoré vám môžu pomôcť pri efektívnej tvorbe grafiky - inteligentné objekty, rezy, štýly, masky, vektorové kreslenie a pod. V priebehu kurzu vytvoríte kompletnú layout webu a návrh používateľského rozhrania aplikácie od skice, cez prototyp až po hotovú grafiku. Nakoniec sa zoznámite s možnosťami použitia hotových na webe voľne dostupných komponentov pre vaše návrhy.

Kurz je možné realizovať na platforme Mac OS X Kurz je možné realizovať na platforme MS Windows
 DátumDníCena kurzuCena príručkyJazyk výukyLokalita 
19. 9. 2016 2 210,00 EUR v cene kurzu Slovenský jazyk GOPAS Bratislava
 
28. 11. 2016 2 210,00 EUR v cene kurzu Slovenský jazyk GOPAS Bratislava
 
26. 9. 2016 2 5 600 CZK v cene kurzu Český jazyk GOPAS Brno
 
16. 2. 2017 2 5 600 CZK v cene kurzu Český jazyk GOPAS Brno
 
GTK 9. 8. 2016 2 6 000 CZK v cene kurzu Český jazyk GOPAS Praha
 
24. 10. 2016 2 6 000 CZK v cene kurzu Český jazyk GOPAS Praha
 
12. 1. 2017 2 6 000 CZK v cene kurzu Český jazyk GOPAS Praha
 
6. 4. 2017 2 6 000 CZK v cene kurzu Český jazyk GOPAS Praha
 
V prípade záujmu o iný termín uvedeného kurzu, kontaktujte klientsky servis, prosím.

PobočkaDníKatalógová cenaCena príručkyITB
Praha2 6 000 CZK v cene kurzu 0
Brno2 5 600 CZK v cene kurzu 0
Bratislava2 210,00 EUR v cene kurzu 0

Pre koho je kurz určený

Kurz je určený grafikom webových stránok a dizajnérom UI mobilných aj desktopových aplikácií pracujúcim v programe Adobe Photoshop.

Čo Vás naučíme

  • základné koncepty návrhu webu a UI
  • prácu s farbami, vrstvami a textom
  • prípravu wireframes
  • tvorbu modelu webu / UI
  • optimalizáciu grafiky pre web a UI
  • automatizáciu práce

Požadované vstupné znalosti

Znalosť Adobe Photoshopu na úrovni základného kurzu.

Metódy výučby

Odborný výklad s praktickými ukážkami a príkladmi, praktické cvičenia na počítačoch.

Osnova kurzu

Základné koncepty
  • tvorba dizajnu pre obrazovku
  • veľkosť a rozlíšenie obrazovky
  • PSD-to-HTML workflow
  • nastavenie Photoshopu pre web a UI design
  • tvorba nového dokumentu pre web a UI
  • princípy layoutov
  • CSS
Farby
  • nastavenie farieb
  • webové farby
  • farebná paleta / farebná schéma
  • Kuler
Vrstvy
  • vektorové a bitmapové vrstvy
  • inteligentné objekty
  • maskovanie
  • skupiny vrstiev
  • orezové skupiny
  • import grafiky
  • formátovanie vrstiev tvarov
  • štýly vrstiev
  • filtrovanie vrstiev
  • kompozície vrstiev
Text
  • text vs . textový obrázok
  • vyhladzovanie textu
  • znakové a odstavcové štýly
  • webové fonty
Príprava wireframes
  • plánovanie projektu
  • vodítka, mriežka, pravítka
  • grid systém
  • responzívny dizajn
  • návrh layoutu s pomocou vrstiev
Tvorba modelu webu / UI
  • organizácie a štruktúry návrhu
  • hlavné elementy návrhu
  • pozadia
  • tvorba navigácia
  • príprava texte
  • príprava grafiky
  • príprava fotografií
  • tlačidlá
  • ďalšie formulárové prvky
  • simulácia chovania pomocou kompozícií vrstiev
Optimalizácia grafiky pre web a UI
  • formáty
  • rezy vs. vrstvy
  • grafika vs. CSS
  • transparentnosť
  • tvorba image sprites
Automatizácia práce
  • akcie
  • dávky, droplety
  • skripty
Spolupráca s ďalšími aplikáciami
  • Adobe Illustrator
  • Adobe Fireworks
  • Adobe Dreamweaver
  • Adobe Muse
  • sada Adobe Edge
Tištěné nebo elektronické studijní materiály GOPAS

Cena:
cena kurzu zahŕňa
Uvedené ceny sú bez DPH.


Graf nadväzností kurzov