digitala designtrender 2016

50
trender 2016 - design / varumärke / digitala kanaler - 1

Upload: kan

Post on 14-Apr-2017

2.568 views

Category:

Design


0 download

TRANSCRIPT

Page 1: Digitala designtrender 2016

trender

2016 - d e s i g n / v a r u m ä r k e / d i g i t a l a k a n a l e r -

1

Page 2: Digitala designtrender 2016

”Trenden” som sådan. En trend är en form, stil eller teknik som blir populär bland en betydande grupp, bland allmänheten uppfattas det nytt.

Page 3: Digitala designtrender 2016

Så vad resulterade de digitala trenderna 2015 i? En sammanlagt snyggare och mer givande digital upplevelse där vi byggde tydligare varumärken i sin helhet. Eller?

Page 4: Digitala designtrender 2016

2015 Färger Stora bilder Video

Interaktivitet Stor typografi Foto

Kortdesign Långa sidor – fokus scroll

Flat design Responsivitet

Berättarkonst – storytelling Vattenfärger

Fixerad bredd Gömd navigering

Page 5: Digitala designtrender 2016

2015

Page 6: Digitala designtrender 2016

2016 What´s hot and what´s not.

6

Page 7: Digitala designtrender 2016
Page 8: Digitala designtrender 2016

- 2016 – Färgernas topp 10

Page 9: Digitala designtrender 2016

Big, bold & brash!

Page 10: Digitala designtrender 2016

RGB RGB 10

Page 11: Digitala designtrender 2016

9 rätt inom foto

Blixtljus, mönster, vardags tatueringar, svart/vitt, hästar, vintagereflektioner, filmiskt stuk, palmer och ögonblicket.

Page 12: Digitala designtrender 2016

Den dynamiska vyn

Image cred: unsplash.com

Page 13: Digitala designtrender 2016

det känslomässiga

Image cred: unsplash.com

Page 14: Digitala designtrender 2016

detaljerade

Image cred: unsplash.com

Page 15: Digitala designtrender 2016

ögonblicket

Image cred: unsplash.com

Page 16: Digitala designtrender 2016

det vackra

Image cred: unsplash.com

Page 17: Digitala designtrender 2016

ljudliga

Image cred: unsplash.com

Page 18: Digitala designtrender 2016

mäktiga

Image cred: unsplash.com

Page 19: Digitala designtrender 2016

intrycket.

Image cred: unsplash.com

Page 20: Digitala designtrender 2016

Vad det söks på…

20 Cred

to S

hutte

rsto

ck

Page 21: Digitala designtrender 2016

Illustration

en visualisering eller en skildring av ett ämne

Page 22: Digitala designtrender 2016

2016

22 Cred: Malika Favre

Page 23: Digitala designtrender 2016

Typografi

Page 24: Digitala designtrender 2016

gryende logotyp trender 5

Page 25: Digitala designtrender 2016

Koll? En snabbkoll på den negativa ytans positiva sida

Page 26: Digitala designtrender 2016
Page 27: Digitala designtrender 2016
Page 28: Digitala designtrender 2016
Page 29: Digitala designtrender 2016
Page 30: Digitala designtrender 2016
Page 31: Digitala designtrender 2016

2016 DIGITAL DIVING

31

Page 32: Digitala designtrender 2016

32

Page 33: Digitala designtrender 2016

Förra årets stora typografi är årets djärva typografi

33

Page 34: Digitala designtrender 2016

Våra vanligaste typer på webben.

Sans serif typefaces:

Proxima Nova Futura Avenir

Open Sans Helvetica Neue

Serif typefaces:

Caslon Garamond

Freight Text Minion

FF Meta Serif  

Page 35: Digitala designtrender 2016

Våra vanligaste typer på webben.

Page 36: Digitala designtrender 2016

Där! Där!

Där!

Där!

Olika enhet Samma upplevelse

Page 37: Digitala designtrender 2016

Mobile first Färre länkar men fler knappar och klickbara ytor

37

Page 38: Digitala designtrender 2016

Att berätta en historia

= att skrolla

Page 39: Digitala designtrender 2016

39

Page 40: Digitala designtrender 2016

Cinemagraphs

40

Page 41: Digitala designtrender 2016

Uppmana till interaktion

41 Cred

to B

rian

Hoff

Desig

n

Skapa samspel på mikronivå, det blir roligare så!

Page 42: Digitala designtrender 2016

Animera?

Lia

Eriksson

HEY THERE

NICE NAME

Likställ sen interaktion med konversation J

Page 43: Digitala designtrender 2016

Det sitter i detaljerna

Page 44: Digitala designtrender 2016

Åh nej! Pop-ups & avbrott

Page 45: Digitala designtrender 2016

En hamburgare, tack!

Page 46: Digitala designtrender 2016

Nästan platt. Flat 2.0.

46

Page 47: Digitala designtrender 2016

Cards, cards, cards, cards

Page 48: Digitala designtrender 2016

Färger / 9 fototrender / Illustrationens renässans / Djärv typografi / Logotyptrender / Upplevd interaktivitet &

berättarkonst / Cinemagraphs / Detaljfokusering / Pop-ups

- to -

- 2016 -

Page 49: Digitala designtrender 2016

Så… årets digitala trender? En gladare webb? Starkare upplevelser hos mottagaren? Ett bättre samarbete mellan design, upplevelse och utveckling?

Page 50: Digitala designtrender 2016

H ö r g ä r n a a v e r , l i a . e r i k s s o n @ k a n . s e

Tack!