Adobe Photoshop – dizajn webu a aplikácií

PHSH4
Dĺžka 2 dni
0 ITK bodov
2 termíny
Bratislava (290 €)

Brno (6 600 Kč)

Praha (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

Stiahnuť PDF detail
Stiahnuť PDF detail (bez termínov)

Uvedené ceny sú bez DPH.

Adobe Photoshop – dizajn webu a aplikácií

Základné koncepty

Farby

Vrstvy

Text

Príprava wireframes

Tvorba modelu webu / UI

Optimalizácia grafiky pre web a UI

Spolupráca s ďalšími aplikáciami

GOPAS Bratislava

GOPAS Brno

GOPAS Praha

Obchodné údaje

Adobe Photoshop – dizajn webu a aplikácií

Základné koncepty

Farby

Vrstvy

Text

Príprava wireframes

Tvorba modelu webu / UI

Optimalizácia grafiky pre web a UI

Spolupráca s ďalšími aplikáciami

Predošlé kurzy

Súvisiace kurzy

GOPAS Bratislava

GOPAS Brno

GOPAS Praha

Obchodné údaje