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