Vad hände (inte) medden grafiska profilen?
Robin LantzADrobin.lantz@creuna.seInstagram.com/tabalawalkenFredrik FM MarcusCD/AD/2D/3D/HD inte VDfm@creuna.seTwitter.com...
BIG dataInternet of thingsGamificationHyper-connectivityDigital ecosystemLow-hanging fruitDisruptive BusinessVad vi inte ko...
In the dawn of time
Förhistorisk hårdvaraPower Mcintosh 7200Apple Design TeamArla/Astra/ASG
Fler förhistoriskaexempelGF388LM EricssonDecember 1994
Gammal-tv
90-talswebb
90-talswebb
90-talswebb
90-talswebb
90-talswebb
Vad är engrafiskprofil/manual?
Kännsdettaigen?
Kännsdettaigen?
Internet growth statistics(1995-2013)07501500225030001995 2000 2005 2010 201316 millions(0.8% *)361 millions(5.0% *)957 mi...
Internet growth statistics(1995-2013)07501500225030001995 2000 2005 2010 201316 millions(0.8% *)361 millions(5.0% *)957 mi...
Vad hände (inte) medden grafiska profilen?
Om vi säger mobile first,ska vi inte säga digitalfirst när det handlar omgrafiska profilen???
1962
2013
Exempel på digitala ytor
Två STORAförändringar har skettden senaste tiden:upplösning & typografi.
Upplösning
Upplösning
Upplösning
Upplösning
Upplösning
Typografi
Webbfonter 1996-2002
Sökresultat:
Sökresultat:Alla typsnitt5414 typsnitt funna :O
Sökresultat:
Sökresultat:GothamIngenting :(
Browsers + rendering = false
6 19 16 4.07 20 17 5.08 21 18 5.19 22 19 6.010 23
Responsivt
TAKEAWAYS TYPOGRAFIAnvänd samma fonter överalltNästan alla typsnitt finnsVikter är viktigtFinns alla glypher du behöver?Läs...
Logotyper
v
Tänk på appar
Tänk på apparTänk påsocialamedier
Funka på små och stora skärmarVektorer även på webSvg är begränsat “tänk på”Logotypens formLogotyp som appikonLogotypens p...
Färger
FÄRGERFärger som fungerar på skärm/print!Speciellt anpassade paletterKontraster (även storlekar)TillgänglighetReservera Ca...
X-faktorn
The crazy onesThink different commercialNarration by Steve Jobs
The crazy onesThink different commercialNarration by Steve Jobs
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) först
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial oc...
Tack!
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Vad hände (inte) med den grafiska profilen?
Upcoming SlideShare
Loading in …5
×

Vad hände (inte) med den grafiska profilen?

1,329 views

Published on

Vi stöter fortfarande på grafiska manualer där hänsyn inte tagits till digitala medier. Det är både märkligt och tråkigt. På detta seminarium reder vi ut vilka faktorer man måste titta djupare på och förstå för att lyckas med en grafisk manual i en digital tid.

Vår tes är att man i varumärkets grafiska utformning måste identifiera och ta hänsyn till olika områdens inbyggda restriktioner och möjligheter för att sedan kunna utveckla och detaljera. Vi kallar det den minsta gemensamma nämnaren. Under fyrtiofem minuter ger vi vår syn på webbtypsnitt, responsiva griddar, tillgänglighet, färgvärden och rörelser i digital varumärkesutformning.

Fredrik Marcus, Creative Director Creuna
Robin Lantz, Designer Creuna

0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,329
On SlideShare
0
From Embeds
0
Number of Embeds
879
Actions
Shares
0
Downloads
8
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Vad hände (inte) med den grafiska profilen?

  1. 1. Vad hände (inte) medden grafiska profilen?
  2. 2. Robin LantzADrobin.lantz@creuna.seInstagram.com/tabalawalkenFredrik FM MarcusCD/AD/2D/3D/HD inte VDfm@creuna.seTwitter.com/fminstagram.com/fmwww.facebook.com/fredrik.marcus
  3. 3. BIG dataInternet of thingsGamificationHyper-connectivityDigital ecosystemLow-hanging fruitDisruptive BusinessVad vi inte kommer att tala om:
  4. 4. In the dawn of time
  5. 5. Förhistorisk hårdvaraPower Mcintosh 7200Apple Design TeamArla/Astra/ASG
  6. 6. Fler förhistoriskaexempelGF388LM EricssonDecember 1994
  7. 7. Gammal-tv
  8. 8. 90-talswebb
  9. 9. 90-talswebb
  10. 10. 90-talswebb
  11. 11. 90-talswebb
  12. 12. 90-talswebb
  13. 13. Vad är engrafiskprofil/manual?
  14. 14. Kännsdettaigen?
  15. 15. Kännsdettaigen?
  16. 16. Internet growth statistics(1995-2013)07501500225030001995 2000 2005 2010 201316 millions(0.8% *)361 millions(5.0% *)957 millions(13.9% *)1966 millions(28.7% *)2749 millions(38.8% *)* World populationusing internet
  17. 17. Internet growth statistics(1995-2013)07501500225030001995 2000 2005 2010 201316 millions(0.8% *)361 millions(5.0% *)957 millions(13.9% *)1966 millions(28.7% *)2749 millions(38.8% *)* World populationusing internet
  18. 18. Vad hände (inte) medden grafiska profilen?
  19. 19. Om vi säger mobile first,ska vi inte säga digitalfirst när det handlar omgrafiska profilen???
  20. 20. 1962
  21. 21. 2013
  22. 22. Exempel på digitala ytor
  23. 23. Två STORAförändringar har skettden senaste tiden:upplösning & typografi.
  24. 24. Upplösning
  25. 25. Upplösning
  26. 26. Upplösning
  27. 27. Upplösning
  28. 28. Upplösning
  29. 29. Typografi
  30. 30. Webbfonter 1996-2002
  31. 31. Sökresultat:
  32. 32. Sökresultat:Alla typsnitt5414 typsnitt funna :O
  33. 33. Sökresultat:
  34. 34. Sökresultat:GothamIngenting :(
  35. 35. Browsers + rendering = false
  36. 36. 6 19 16 4.07 20 17 5.08 21 18 5.19 22 19 6.010 23
  37. 37. Responsivt
  38. 38. TAKEAWAYS TYPOGRAFIAnvänd samma fonter överalltNästan alla typsnitt finnsVikter är viktigtFinns alla glypher du behöver?LäsbarhetKantutjäming på olika enheterLicensmodell?
  39. 39. Logotyper
  40. 40. v
  41. 41. Tänk på appar
  42. 42. Tänk på apparTänk påsocialamedier
  43. 43. Funka på små och stora skärmarVektorer även på webSvg är begränsat “tänk på”Logotypens formLogotyp som appikonLogotypens placeringRörligt? Modulärt? Interaktivt?TAKEAWAYS LOGOTYPER
  44. 44. Färger
  45. 45. FÄRGERFärger som fungerar på skärm/print!Speciellt anpassade paletterKontraster (även storlekar)TillgänglighetReservera Call to action-färg
  46. 46. X-faktorn
  47. 47. The crazy onesThink different commercialNarration by Steve Jobs
  48. 48. The crazy onesThink different commercialNarration by Steve Jobs
  49. 49. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!
  50. 50. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) först
  51. 51. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!
  52. 52. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känsla
  53. 53. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känslaUtvärdera och revidera ofta
  54. 54. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känslaUtvärdera och revidera oftaGlöm inte att ha roligt
  55. 55. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känslaUtvärdera och revidera oftaGlöm inte att ha roligtKom ihåg att djävulen är i detaljerna
  56. 56. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känslaUtvärdera och revidera oftaGlöm inte att ha roligtKom ihåg att djävulen är i detaljerna
  57. 57. 20 NOV 2012© 2012 CONFIDENTIAL & PROPRIETARYTänk på detta kamrater!Designa för svåraste ytan (digitalt) förstGlöm Arial och Verdana nu!Analogt och digitalt ska ha samma känslaUtvärdera och revidera oftaGlöm inte att ha roligtKom ihåg att djävulen är i detaljerna
  58. 58. Tack!

×