neumorphism the start of something new? · 2020. 7. 15. ·
TRANSCRIPT
![Page 1: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/1.jpg)
WHITEOUT STUDIO
NEUMORPHISM THE START OF SOMETHING NEW?
Davide Priolo
![Page 2: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/2.jpg)
WHITEOUT STUDIO
WHITSTU
WILHELM SCHEERMANNOnline Marketing
DAVIDE PRIOLOUX Design
EOUTDIO
2
![Page 3: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/3.jpg)
WHITEOUT STUDIO
UNSER SERVICE
UX DESIGN
WEB- ENTWICKLUNG
ONLINE MARKETING
3
![Page 4: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/4.jpg)
WHITEOUT STUDIO 4
![Page 5: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/5.jpg)
WHITEOUT STUDIO 5
![Page 6: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/6.jpg)
WHITEOUT STUDIO 6
NEUMORPHISMFLAT DESIGN
SKEUOMORPHISM
![Page 7: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/7.jpg)
WHITEOUT STUDIO 7
NEUMORPHISMFLAT DESIGN
SKEUOMORPHISM
![Page 8: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/8.jpg)
WHITEOUT STUDIO 8
NEUMORPHISM
FLAT DESIGN
SKEUOMORPHISM
![Page 9: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/9.jpg)
WHITEOUT STUDIO 9
SKEUOMORPHISM
![Page 10: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/10.jpg)
WHITEOUT STUDIO 10
https://r08.imgup.net/iBooks1e3b1.jpg
![Page 11: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/11.jpg)
WHITEOUT STUDIO 11
![Page 12: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/12.jpg)
WHITEOUT STUDIO 12
Nutzen (Usefulness) Bietet das Produkt die benötigten Funktionen?
Gebrauchstauglichkeit (Usability)
Können mit dem Produkt Aufgaben effektiv, effizient und zufriedenstellend erfüllt werden?
Nutzungsfreude (Joy-of-Use) Fördert das Produkt ein positives Nutzererlebnis?
USER EXPERIENCE
![Page 13: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/13.jpg)
WHITEOUT STUDIO 13
FLAT DESIGN
![Page 14: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/14.jpg)
WHITEOUT STUDIO 14
https://r08.imgup.net/iBooks1e3b1.jpg
![Page 15: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/15.jpg)
WHITEOUT STUDIO 15
https://www.applegazette.com/wp-content/uploads/2013/09/ios-7-newsstand.jpghttps://r08.imgup.net/iBooks1e3b1.jpg
![Page 16: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/16.jpg)
WHITEOUT STUDIO 16
![Page 17: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/17.jpg)
WHITEOUT STUDIO 17
🧑💻👩🎨 🦸
![Page 18: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/18.jpg)
WHITEOUT STUDIO 18
NEUMORPHISM
![Page 19: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/19.jpg)
WHITEOUT STUDIOhttps://www.uplabs.com/posts/neumorphism-design-light-ui-kit
https://dribbble.com/kedavra
https://dribbble.com/kedavra
![Page 20: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/20.jpg)
WHITEOUT STUDIOhttps://www.uplabs.com/posts/neumorphism-design-light-ui-kit
https://dribbble.com/kedavra
https://dribbble.com/kedavra
![Page 21: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/21.jpg)
WHITEOUT STUDIO 21
https://www.applegazette.com/wp-content/uploads/2013/09/ios-7-newsstand.jpghttps://r08.imgup.net/iBooks1e3b1.jpg
![Page 22: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/22.jpg)
WHITEOUT STUDIO 22
https://www.applegazette.com/wp-content/uploads/2013/09/ios-7-newsstand.jpghttps://www.applegazette.com/wp-content/uploads/2013/09/ios-7-newsstand.jpg
![Page 23: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/23.jpg)
WHITEOUT STUDIO 23
htt
ps:
//w
ww
.iph
ones
.ru
/wp
-con
ten
t/u
plo
ads/
2020
/06/
mac
os-b
ig-s
ur-
revi
ew-p
ic-5
.jpg
![Page 25: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/25.jpg)
WHITEOUT STUDIO 25
Jack Koloskus Lead designer for Input and The Outline
NEUMORPHISM IS A FOCUS ON HOW LIGHT MOVES IN THREE-DIMENSIONAL
SPACE
htt
ps:
//w
ww
.inp
utm
ag.c
om/d
esig
n/a
pp
le-m
acos
-big
-su
r-th
e-ri
se-o
f-n
eum
orp
his
m
![Page 26: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/26.jpg)
WHITEOUT STUDIO 26
Ebene Shadow etc
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 27: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/27.jpg)
WHITEOUT STUDIO 27
Ebene Shadow etc
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 28: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/28.jpg)
WHITEOUT STUDIO 28
Ebene Shadow etc
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 29: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/29.jpg)
WHITEOUT STUDIO 29
Ebene Shadow etc
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 30: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/30.jpg)
WHITEOUT STUDIO 30
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 31: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/31.jpg)
WHITEOUT STUDIO
htt
ps:
//w
ww
.you
tub
e.co
m/w
atch
?v=z
dTg
XTZ
Nb
9k&
t=59
s
![Page 32: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/32.jpg)
WHITEOUT STUDIO 32
![Page 33: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/33.jpg)
WHITEOUT STUDIO 33
![Page 34: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/34.jpg)
WHITEOUT STUDIO 34
![Page 35: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/35.jpg)
WHITEOUT STUDIO 35
htt
ps:
//res
.clo
ud
inar
y.co
m/w
ired
-de/
iu/s
--0Y
mP
bSp
K--
/c_fi
ll,f_
auto
,g_a
uto
,h_7
50,q
_au
to:g
ood
,w_1
200/
v1/0
/ML1
jpg
.jpg
![Page 36: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/36.jpg)
WHITEOUT STUDIO 36
htt
ps:
//im
ages
.idg
esg
.net
/im
ages
/art
icle
/20
19/0
5/m
inec
raft
-hol
olen
s-10
079
554
3-la
rge.
jpg
![Page 37: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/37.jpg)
WHITEOUT STUDIO 37
![Page 38: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/38.jpg)
WHITEOUT STUDIO 38
![Page 39: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/39.jpg)
WHITEOUT STUDIO 39
htt
ps:
//tw
itte
r.com
/Ele
ktro
_Rob
in/s
tatu
s/12
8082
4157
2451
450
88
![Page 40: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/40.jpg)
WHITEOUT STUDIO 40
htt
ps:
//su
pp
ort.a
pp
le.c
om/li
bra
ry/c
onte
nt/
dam
/ed
am/a
pp
leca
re/im
ages
/en
_US/
itu
nes
/mac
os-m
ojav
e-io
s-12
-mac
boo
k-ip
ad-p
ro-ip
hon
e-x-
itu
nes
-iclo
ud
-ph
otos
-her
o.jp
g
![Page 41: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/41.jpg)
WHITEOUT STUDIO 41
htt
ps:
//tw
itte
r.com
/col
aja
![Page 42: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/42.jpg)
WHITEOUT STUDIO 42
The beginning of new working methods for new platforms with known design
![Page 43: NEUMORPHISM THE START OF SOMETHING NEW? · 2020. 7. 15. ·](https://reader035.vdocuments.mx/reader035/viewer/2022071500/611eea53d352a7572600e098/html5/thumbnails/43.jpg)
WHITEOUT STUDIO GBR
@whiteout_studio [email protected] whiteoutstudio.com@whiteoutstudiocom
Alter Schlachthof 33 76131 Karlsruhe