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: smile@kovophoto.sk

Ďakujem za pozornosť.