vad hände (inte) med den grafiska profilen?
DESCRIPTION
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 CreunaTRANSCRIPT
Vad hände (inte) med den grafiska profilen?
Robin Lantz
AD
[email protected]/tabalawalken
Fredrik FM Marcus
CD/AD/2D/3D/HD inte VD
instagram.com/fm
www.facebook.com/fredrik.marcus
BIG dataInternet of thingsGamificationHyper-connectivityDigital ecosystemLow-hanging fruitDisruptive Business
Vad vi inte kommer att tala om:
In the dawn of time
Förhistorisk hårdvara
Power Mcintosh 7200
Apple Design Team
Arla/Astra/ASG
Fler förhistoriska exempel
GF388
LM Ericsson
December 1994
Gammal-tv
90-talswebb
90-talswebb
90-talswebb
90-talswebb
90-talswebb
Vad är en grafisk profil/manual?
Kännsdetta igen?
Kännsdetta igen?
Internet growth statistics (1995-2013)
0
750
1500
2250
3000
1995 2000 2005 2010 2013
16 millions(0.8% *)
361 millions(5.0% *)
957 millions(13.9% *)
1966 millions(28.7% *)
2749 millions(38.8% *)
* World population using internet
Internet growth statistics (1995-2013)
0
750
1500
2250
3000
1995 2000 2005 2010 2013
16 millions(0.8% *)
361 millions(5.0% *)
957 millions(13.9% *)
1966 millions(28.7% *)
2749 millions(38.8% *)
* World population using internet
Vad hände (inte) med den grafiska profilen?
Om vi säger mobile first, ska vi inte säga digital
first när det handlar om grafiska profilen???
1962
2013
Exempel på digitala ytor
Två STORA förändringar har skett den senaste tiden: upplösning & typografi.
Upplösning
Upplösning
Upplösning
Upplösning
Upplösning
Typografi
Webbfonter 1996-2002
Sökresultat:
Sökresultat:
Alla typsnitt
5414 typsnitt funna :O
Sökresultat:
Sökresultat:
Gotham
Ingenting :(
Browsers + rendering = false
6 19 16 4.0
7 20 17 5.0
8 21 18 5.1
9 22 19 6.0
10 23
Responsivt
TAKEAWAYS TYPOGRAFI
Använd samma fonter överalltNästan alla typsnitt finns Vikter är viktigtFinns alla glypher du behöver?Läsbarhet Kantutjäming på olika enheterLicensmodell?
Logotyper
v
Tänk på appar
Tänk på appar
Tänk på socialamedier
Funka på små och stora skärmarVektorer även på webSvg är begränsat “tänk på”Logotypens form Logotyp som appikonLogotypens placeringRörligt? Modulärt? Interaktivt?
TAKEAWAYS LOGOTYPER
Färger
FÄRGERFärger som fungerar på skärm/print!Speciellt anpassade paletterKontraster (även storlekar)TillgänglighetReservera Call to action-färg
X-faktorn
The crazy ones
Think different commercial
Narration by Steve Jobs
The crazy ones
Think different commercial
Narration by Steve Jobs
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
Utvärdera och revidera ofta
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
Utvärdera och revidera ofta
Glöm inte att ha roligt
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
Utvärdera och revidera ofta
Glöm inte att ha roligt
Kom ihåg att djävulen är i detaljerna
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
Utvärdera och revidera ofta
Glöm inte att ha roligt
Kom ihåg att djävulen är i detaljerna
20 NOV 2012 © 2012 CONFIDENTIAL & PROPRIETARY
Tänk på detta kamrater!
Designa för svåraste ytan (digitalt) först
Glöm Arial och Verdana nu!
Analogt och digitalt ska ha samma känsla
Utvärdera och revidera ofta
Glöm inte att ha roligt
Kom ihåg att djävulen är i detaljerna
Tack!