Web dizajneru,   poštuj developera!Web::Strategija                  Alen Cvitković                  @alencvitkovic
Pripremi.
Zašto je dobrapriprema bitna? Web nije list papira Svesti pogreške na minimum Štedi vrijeme (fokus na bitnije stvari)
Najčešćepogreške.
Korištenje krivog alata.    http://buffered.io/posts/the-wrong-decision-by-the-wrong-person
Adobe Illustrator
Problemi s AA-om.                    Illustrator                    Photoshop
Problemi s AA-om.                    Illustrator                    Photoshop
Illustrator
Photoshop
Ostali alati  Gimp                 Fireworks          Pixelmator
Photoshop
Lošaorganizacija
Blending modovi
Nepotrebno
Krivo
Krivo
Reakcija developera
Kako izbjećitakve situacije?
Planiraj unaprijed.
Planiraj unaprijed. Budi upoznat s tehnologijom Uzmi u obzir fallback situacije Responsive? Web fontovi? Desktop, tablet, ...
Definiraj.
Boje Hex vrijednosti dinamičnih elemenata
Boje Bez blending modova
Stanja stranice Koristite Layer Compse
Stanja stranice Koristite Layer Compse
Tipografiju Veličine HTML elemenata “Vertikalni ritam” (line-height) Ne dopustite da developer mora odučivati o tipografiji
Posloži.
Posloži. Smisleno imenovanje i grupiranje layera
Posloži. Koristi grid i baseline
Posloži. Smisleno imenuj layere Smisleno grupiraj   (npr. Header, Content, Footer) Koristi grid i baseline Jednostavno za ...
Zaključak.
Pitajte.
Hvala vam!
(WS14) Alen Cvitkovic - Web dizajneru, poštuj developera!
(WS14) Alen Cvitkovic - Web dizajneru, poštuj developera!
(WS14) Alen Cvitkovic - Web dizajneru, poštuj developera!
Upcoming SlideShare
Loading in …5
×

(WS14) Alen Cvitkovic - Web dizajneru, poštuj developera!

760 views

Published on

Published in: Education
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
760
On SlideShare
0
From Embeds
0
Number of Embeds
3
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

(WS14) Alen Cvitkovic - Web dizajneru, poštuj developera!

  1. 1. Web dizajneru, poštuj developera!Web::Strategija Alen Cvitković @alencvitkovic
  2. 2. Pripremi.
  3. 3. Zašto je dobrapriprema bitna? Web nije list papira Svesti pogreške na minimum Štedi vrijeme (fokus na bitnije stvari)
  4. 4. Najčešćepogreške.
  5. 5. Korištenje krivog alata. http://buffered.io/posts/the-wrong-decision-by-the-wrong-person
  6. 6. Adobe Illustrator
  7. 7. Problemi s AA-om. Illustrator Photoshop
  8. 8. Problemi s AA-om. Illustrator Photoshop
  9. 9. Illustrator
  10. 10. Photoshop
  11. 11. Ostali alati Gimp Fireworks Pixelmator
  12. 12. Photoshop
  13. 13. Lošaorganizacija
  14. 14. Blending modovi
  15. 15. Nepotrebno
  16. 16. Krivo
  17. 17. Krivo
  18. 18. Reakcija developera
  19. 19. Kako izbjećitakve situacije?
  20. 20. Planiraj unaprijed.
  21. 21. Planiraj unaprijed. Budi upoznat s tehnologijom Uzmi u obzir fallback situacije Responsive? Web fontovi? Desktop, tablet, mobile
  22. 22. Definiraj.
  23. 23. Boje Hex vrijednosti dinamičnih elemenata
  24. 24. Boje Bez blending modova
  25. 25. Stanja stranice Koristite Layer Compse
  26. 26. Stanja stranice Koristite Layer Compse
  27. 27. Tipografiju Veličine HTML elemenata “Vertikalni ritam” (line-height) Ne dopustite da developer mora odučivati o tipografiji
  28. 28. Posloži.
  29. 29. Posloži. Smisleno imenovanje i grupiranje layera
  30. 30. Posloži. Koristi grid i baseline
  31. 31. Posloži. Smisleno imenuj layere Smisleno grupiraj (npr. Header, Content, Footer) Koristi grid i baseline Jednostavno za rezati (slicing)
  32. 32. Zaključak.
  33. 33. Pitajte.
  34. 34. Hvala vam!

×