Kód kurzu: PHSH4« Krok zpět

Adobe Photoshop – design webu a aplikací

V tomto kurzu se dozvíte, jak využívat Adobe Photoshop pro tvorbu grafiky webových stránek a uživatelského rozhraní (UI – User Interface) mobilních i desktopových aplikací. Nejdříve se teoreticky seznámíte se základními pojmy z webové a UI grafiky – typy layoutů a zařízení, barevná schémata, formáty souborů, optimalizace, používání mřížek (gridů). Poté prozkoumáte funkce Adobe Photoshopu, které vám mohou pomoci při efektivní tvorbě grafiky – inteligentní objekty, řezy, styly, masky, vektorové kreslení apod. V průběhu kurzu vytvoříte kompletní layout webu a návrh uživatelského rozhraní aplikace od skici, přes prototyp až po hotovou grafiku. Nakonec se seznámíte s možnostmi použití hotových, na webu volně dostupných komponent pro vaše návrhy.

Kurz lze realizovat na platformě Mac OS X Kurz lze realizovat na platformě MS Windows
 DatumDnůCena kurzuCena materiálůJazyk výukyLokalita 
8.2.2018 2 6 000 CZK v ceně kurzu Český jazyk GOPAS Praha
 
11.12.2017 2 5 600 CZK v ceně kurzu Český jazyk GOPAS Brno
 
28.3.2018 2 5 600 CZK v ceně kurzu Český jazyk GOPAS Brno
 
2.11.2017 2 210,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 
4.1.2018 2 210,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 
26.4.2018 2 210,00 EUR v ceně kurzu Slovenský jazyk GOPAS Bratislava
 

PobočkaDnůCena kurzuCena materiálůITB
Praha2 6 000 CZK v ceně kurzu 0
Brno2 5 600 CZK v ceně kurzu 0
Bratislava2 210,00 EUR v ceně kurzu 0

Pro koho je kurz určen

Kurz je určen grafikům webových stránek a designerům UI mobilních i desktopových aplikací pracujícím v programu Adobe Photoshop.

Co vás naučíme

  • základní koncepty návrhu webu a UI
  • práci s barvami, vrstvami a textem
  • přípravu wireframes
  • tvorbu modelu webu/UI
  • optimalizaci grafiky pro web a UI
  • automatizaci práce

Požadované vstupní znalosti

Znalost Adobe Photoshopu na úrovni základního kurzu.

Metody výuky

Odborný výklad s praktickými ukázkami, cvičení na počítačích.

Osnova kurzu

Základní koncepty
  • tvorba designu pro obrazovku
  • velikost a rozlišení obrazovky
  • PSD-to-HTML workflow
  • nastavení Photoshopu pro web a UI design
  • tvorba nového dokumentu pro web a UI
  • principy layoutů
  • CSS
Barvy
  • nastavení barev
  • webové barvy
  • barevná paleta/barevné schéma
  • Kuler
Vrstvy
  • vektorové a bitmapové vrstvy
  • inteligentní objekty
  • maskování
  • skupiny vrstev
  • ořezové skupiny
  • import grafiky
  • formátování vrstev tvarů
  • styly vrstev
  • filtrování vrstev
  • kompozice vrstev
Text
  • text vs. textový obrázek
  • vyhlazování textu
  • znakové a odstavcové styly
  • webové fonty
Příprava wireframes
  • plánování projektu
  • vodítka, mřížka, pravítka
  • grid systém
  • responsivní design
  • návrh layoutu s pomocí vrstev
Tvorba modelu webu/UI
  • organizace a struktury návrhu
  • hlavní elementy návrhu
  • pozadí
  • tvorba navigace
  • příprava textu
  • příprava grafiky
  • příprava fotografií
  • tlačítka
  • další formulářové prvky
  • simulace chování pomocí kompozic vrstev
Optimalizace grafiky pro web a UI
  • formáty
  • řezy vs. vrstvy
  • grafika vs. CSS
  • průhlednost
  • tvorba image spritů
Automatizace práce
  • akce
  • dávky, droplety
  • skripty
Spolupráce s dalšími aplikacemi
  • Adobe Illustrator
  • Adobe Fireworks
  • Adobe Dreamweaver
  • Adobe Muse
  • sada Adobe Edge
Tištěné nebo elektronické studijní materiály GOPAS

Cena:
v ceně kurzu
Uvedené ceny jsou bez DPH.


Graf návazností kurzů