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 [...]
  • PHSH4
  • Dĺžka 2 dni
  • 0 ITK bodov
  • 0 termínov
  • SR (290 €)

    ČR (6 600 Kč)

  • Mierne pokročilý

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 určený grafikom webových stránok a dizajnérom UI mobilných aj desktopových aplikácií pracujúcim v programe Adobe Photoshop.

  • 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

Znalosť Adobe Photoshopu na úrovni základného 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
Spolupráca s ďalšími aplikáciami
  • Adobe Illustrator
  • Adobe Dreamweaver
  • Adobe XD
Aktuálna ponuka
Školiace miesto
Jazyk kurzu

Uvedené ceny sú bez DPH.

Školenie na mieru

Nenašli ste vhodný termín, alebo chcete školenie prispôsobiť špecifickým potrebám vášho tímu? Radi pre vás pripravíme školenie na mieru.