14Web dizajneru,poštuj developera!

Web

::Str

ateg

ija Alen Cvitković@alencvitkovic

01Pripremi.

01Zašto je dobrapriprema bitna?

Web nije list papiraSvesti pogreške na minimumŠtedi vrijeme (fokus na bitnije stvari)

02Najčešće pogreške.

02Korištenje krivog alata.

http://buffered.io/posts/the-wrong-decision-by-the-wrong-person

02Adobe Illustrator

02Illustrator

Photoshop

Problemi s AA-om.

02Illustrator

Photoshop

Problemi s AA-om.

02Illustrator

02Photoshop

02Ostali alati

Gimp

Pixelmator

Fireworks

02Photoshop

02Lošaorganizacija

02Blending modovi

02Nepotrebno

02Krivo

02Krivo

02Reakcija developera

03Kako izbjeći takve situacije?

03Planiraj unaprijed.

03Planiraj unaprijed.

Budi upoznat s tehnologijomUzmi u obzir fallback situacijeResponsive? Web fontovi?Desktop, tablet, mobile

03Definiraj.

03Boje

Hex vrijednosti dinamičnih elemenata

03Boje

Bez blending modova

03Stanja stranice

Koristite Layer Compse

03Stanja stranice

Koristite Layer Compse

03Tipografiju

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

03Posloži.

03Posloži.

Smisleno imenovanje i grupiranje layera

03

03Posloži.

Koristi grid i baseline

03

03

03Posloži.

Smisleno imenuj layereSmisleno grupiraj (npr. Header, Content, Footer)

Koristi grid i baselineJednostavno za rezati (slicing)

04Zaključak.

Pitajte.

Hvala vam!