Designa utan Photoshop

“En PSD är som en tavla av en webbsida”

x2

Vad är begränsande med Photoshop?!

•  Det kan lätt bli alldeles för många “PSD-tavlor”.#

•  Tidskrävande och stort manuellt arbete att göra justeringar i designen.#

•  Snygga skisser – men de visar inte verkligheten.#

< / >!

“Man borde sträva efter att börja arbeta med designen i kod så

fort som möjligt”

•  För att skapa grafik – såklart.#

•  Använd Photoshop till att ta fram ett grundläggande manér#

•  Sätta en känsla, skapa mood boards och en ungefärlig riktning mot vart man vill gå.#

Vad är bra med Photoshop?!

Style tiles

Style  Guide  Levande  dokument)  

Style guides

Final-Start.psd#

Final-Start-v2.psd#

Final-Start-v2-final.psd#

Final-Start-v3-final.psd#

Ordning & reda?!

Style Guide!

vs#

< / >!

Det kan lätt bli alldeles för många

“PSD-tavlor”.#

Sammanfattning!

Sluta med pixelperfekta skisser. Skapa style tiles och

sätt riktningen för formen.#

Arbeta med designen i kod. Först då ser du hur verkligheten ser

ut.#

TACK!  Twitter: @m_malmstedt