flickr.com/photos/leweb3/6498821531/
Web Trends
to Watch in
2014
david lee king | davidleeking.com | tscpl.org

mobile
flickr.c
om/ph
otos/r
amyog
a/3025
0
34131
/

1.
mobile-first

flickr.com/photos/73295603@N00/7195432918/

56%

Sept 2013

2.
responsive

designy
things
flickr.com/photos/burningredstudio/5080751535/

3.
simplicity

white
space

5.
No flash
nxtlvlllc.com

HTML/CSS/Javascript
flickr.com/photos/josefdunne/5410923901/

flickr.com/photos/doug88888/3555700749/
visual

6.
parallax

https://www.spotify.com/us/

7.
flat
design

8.8.8
8.8.8
8.8.8.
blocking

big
images

10
colors

typography
hy
ty
p
grapo
hy
gr
gra
ap
ph
hy
y
rap
og
typ
typ g
ypo p ra
og gragra g ph
o typ
pog typographyp a
y r y po typo h r
t
ahtypography ogy
ty
graphyy
porap ph
ty p
p
ty o
y
ty og gr y
t
po
aphy
h
p
y g rap
t
ra
gp
o hy
p ph
y a y
t r
g
o
p
y
typ
og
rap
hy
graphy

11.
web fonts

hy
ty
p
grapo
hy
gr
gra
ap
ph
hy
y
rap
og
typ
typ g
ypo p ra
og gragra g ph
o typ
pog typographyp a
y r y po typo h r
t
ahtypography ogy
ty
graphyy
porap ph
ty p
p
ty o
y
ty og gr y
t
po
aphy
h
p
y g rap
t
rwebtypography.net
gap
o hy
p ph
y a y
t r
g
practicaltypeography.com
o
p
y
typ
og
rap
hy
graphy

content
flickr.com/photos/rustysheriff/4880169398/

video

25
videos!

78%

13
social
media

navigation
flickr.com/photos/calsidyrose/4925267732/

14
large
buttons

15.
verti
cal
scrol
ling

this stays put

this stays put

flickr.com/photos/ihtatho/627226315/
2014

1. mobile

1. mobile
2. simplify!

1. mobile
2. simplify!
3. be visual

1. mobile
2. simplify!
3. be visual
4. content

1. mobile
2. simplify!
3. be visual
4. content
5. be usable

a
h
k
n
!
s
tdavidleeking.com