1. Web dizajneru,
poštuj developera!
Web::Strategija
Alen Cvitković
@alencvitkovic

2. Pripremi.

3. Zašto je dobra
priprema bitna?
Web nije list papira
Svesti pogreške na minimum
Štedi vrijeme (fokus na bitnije stvari)

4. Najčešće
pogreške.

5. Korištenje krivog alata.
http://buffered.io/posts/the-wrong-decision-by-the-wrong-person

6. Adobe Illustrator

7. Problemi s AA-om.
Illustrator
Photoshop

8. Problemi s AA-om.
Illustrator
Photoshop

9. Illustrator

10. Photoshop

11. Ostali alati
Gimp Fireworks
Pixelmator

12. Photoshop

13. Loša
organizacija

14. Blending modovi

15. Nepotrebno

16. Krivo

17. Krivo

18. Reakcija developera

19. Kako izbjeći
takve situacije?

20. Planiraj unaprijed.

21. Planiraj unaprijed.
Budi upoznat s tehnologijom
Uzmi u obzir fallback situacije
Responsive? Web fontovi?
Desktop, tablet, mobile

22. Definiraj.

23. Boje
Hex vrijednosti dinamičnih elemenata

24. Boje
Bez blending modova

25. Stanja stranice
Koristite Layer Compse

26. Stanja stranice
Koristite Layer Compse

27. Tipografiju
Veličine HTML elemenata
“Vertikalni ritam” (line-height)
Ne dopustite da developer mora
odučivati o tipografiji

28. Posloži.

29. Posloži.
Smisleno imenovanje i grupiranje layera

31. Posloži.
Koristi grid i baseline

34. Posloži.
Smisleno imenuj layere
Smisleno grupiraj (npr. Header, Content, Footer)
Koristi grid i baseline
Jednostavno za rezati (slicing)

35. Zaključak.

36. Pitajte.

37. Hvala vam!