Upload
peter-hajducek
View
145
Download
7
Tags:
Embed Size (px)
DESCRIPTION
Druhá část workshopu od http://www.unikum.cz pro http://www.mediamatika.sk v Praze.
Citation preview
Wireframe -> WebdesignOd náčrtu k dizajnu webovej stránky
0. V stručnosti o mne
1. Software “pred” a “po”
2. Čo je úlohou dizajnéra
3a. Čítanie wireframe-u - všímanie si prvkov, kontrastov, odlišností
3b. Zadefinovať si prvky pre časti stránky a dodržiavať štýl
4a. Zachovanie funkčnosti
4b. Layout - Normal vs. Responsive
5. Prvky, s ktorými pri webdesigne pracujeme
5a. Text - zarovnanie, riadkovanie, formátovanie, kombinovanie fontov, tvorenie kontrastov
5b. Obrázky a textúry
5c. Tvary - Shapes
6. Zásady a ich porušovanie
7. Vlastný prínos
Kovkou | 0
• Mediamatická krv• Fotografia• Grafický dizajn• Typografia• Social media• Marketing• Stayin’ fresh
Software “pred” a “po” | 1
• Balsamiq• Adobe Fireworks• Adobe Photoshop
Úloha dizajnéra? | 2
I <3 Photoshop | 2
I </3 Photoshop | 2
I </3 Photoshop | 2
I </3 Photoshop | 2
Čítame wireframe | 3
Prvky, odlišnosti, kontrasty... | 3
Zachovanie funkčnosti | 4
Responsive vs. normal | 4
Hlavné prvky webdesignu | 5
• Tvary (Shapes)• Text / Písmo• Obrázky a ilustrácie
Tvary | 5
HaPPy PoTaTo
Text a písmo | 5
obrázky, fotografie a ilustrácie | 5
Dodržujte pokyny! | 6
Porušujte pokyny! | 6
Vlastný prínos | 7
Nezabúdajte v každom diele zanechať kúsok seba!
Otázky na: [email protected]
Ďakujem za pozornosť.