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 manu...
< / >!
“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, s...
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
...
TACK!	
  
Twitter: @m_malmstedt
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Designa utan photoshop - en digital möjlighet för 2014
Upcoming SlideShare
Loading in …5
×

Designa utan photoshop - en digital möjlighet för 2014

1,747 views

Published on

I takt med att allt fler digitala enheter dyker upp och responsiv design är en självklarhet snarare än ett tillval ställs det nya krav på arbetet med att ta fram design och koncept för digitala lösningar. Behöver vi all design klar i Photoshop innan utvecklingen tar vid och är det ens möjligt?
Magnus Malmstedt, Art Director på Valtech, visar att det går att arbeta på andra sätt och vi tittar på hur man kan bryta sig loss från Photoshop för en mer verklighetstrogen och effektiv designprocess.

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

  • Be the first to like this

No Downloads
Views
Total views
1,747
On SlideShare
0
From Embeds
0
Number of Embeds
1,266
Actions
Shares
0
Downloads
2
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Designa utan photoshop - en digital möjlighet för 2014

  1. 1. Designa utan Photoshop
  2. 2. “En PSD är som en tavla av en webbsida”
  3. 3. x2
  4. 4. 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.#
  5. 5. < / >!
  6. 6. “Man borde sträva efter att börja arbeta med designen i kod så fort som möjligt”
  7. 7. •  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?!
  8. 8. Style tiles
  9. 9. Style  Guide   Levande  dokument)  
  10. 10. Style guides
  11. 11. Final-Start.psd# Final-Start-v2.psd# Final-Start-v2-final.psd# Final-Start-v3-final.psd# Ordning & reda?!
  12. 12. Style Guide! vs#
  13. 13. < / >!
  14. 14. 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.#
  15. 15. TACK!   Twitter: @m_malmstedt

×