Like this slidedeck? I write books too! Please check out my newest book Face2face - more info here - http://www.davidleeking.com/face2face Want to know what trends web designers are thinking about for 2014? Here you go! This presentation has a list of 15 hot web design trends that designers should consider for 2014. Here's a blog post that goes along with this presentation - http://www.davidleeking.com/2013/10/31/web-design-trends-for-2014/

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

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

3. 1.
mobile-first

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

5. 56%

6. Sept 2013

7. 2.
responsive

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

12. 3.
simplicity

15. white
space

18. 5.
No flash
nxtlvlllc.com

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

21. flickr.com/photos/doug88888/3555700749/
visual

22. 6.
parallax

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

24. 7.
flat
design

29. 8.8.8
8.8.8
8.8.8.
blocking

36. big
images

39. 10
colors

41. 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

42. 11.
web fonts

47. 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

48. content
flickr.com/photos/rustysheriff/4880169398/

49. video

51. 25
videos!

52. 78%

56. 13
social
media

60. navigation
flickr.com/photos/calsidyrose/4925267732/

61. 14
large
buttons

65. 15.
verti
cal
scrol
ling

66. this stays put

67. this stays put

68. flickr.com/photos/ihtatho/627226315/
2014

69. 1. mobile

70. 1. mobile
2. simplify!

71. 1. mobile
2. simplify!
3. be visual

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

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

74. a
h
k
n
!
s
tdavidleeking.com