15 web design trends for 2013
DESCRIPTION
What's happening in the web design world? Here are 15 trends in web design - check them out, see if you use them, and see if you think these are useful!TRANSCRIPT
15david lee king | davidleeking.com
topeka & shawnee county public library
Web Trendsfor 2013
tempus, laoreet et massa. Morbi nec dignissim turpis. Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Curabitur interdum rhoncus diam, vitae aliquam velit tincidunt ac. Aliquam vel nisi non felis pretium fermentum quis quis augue. Pellentesque lobortis
gravida nisl, sed rhoncus ante volutpat at. Aenean id purus arcu, et sagittis sapien.
Donec sed lorem in elit aliquam convallis quis et eros. Sed auctor mollis lacus, non fermentum odio
vulputate sed. Curabitur pretium ligula purus. Aliquam quis leo nisi, quis consequat lacus. Class
aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. In mattis, est sed pulvinar facilisis, tortor magna gravida ipsum, at condimentum turpis velit rhoncus purus. Donec
1. content first.
flickr.com/photos/aquan/2795141674/
“good web designstarts with content”
jeffrey zeldman.smart web dude.
2. design simplicity.
3. UX Centered Design
3. UX Centered Design
flickr.com/photos/ficofranco/5932086668/
3. UX Centered Design
flickr.com/photos/jenny-pics/5661879987/
don’t make me think
4. app style interfaces.
4. app style interfaces.
5. responsive design.
flickr.com/photos/zergev/8430388219/
5. responsive design.
flickr.com/photos/69797234@N06/7203485148/
5. responsive design.
5. responsive design.
6. no skeuomorphism
huh?
... a physical ornament or design on an object made to resemble another material or technique.
[ed., yay wikipedia]
simulated wood grain, baby!http://en.wikipedia.org/wiki/File:1986ChryslerLeBaronTownCountryStationWagon.jpg
Text
Text
Text
Text
Text
7. coding languages
HTML/CSS/Javascript
HTML/CSS/Javascript
flickr.com/photos/josefdunne/5410923901/
8. Fixed Header Bars
Text
Fixed Header
Text
Fixed stuff
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
9. large photo backgrounds
10. CSSTransparency
10. CSS Transparency
11. Social Media Badges
11. Social Media Badges
11. Social Media Badges
http://www.skyblue-pink.com/wp-content/themes/BlackPower/images/button_twitter.png
12. Infinite Scrolling
12. Infinite Scrolling
12. Infinite Scrollingscroll ... forever!
13. homepage feature tours
13. homepage feature tours
14. Sliding panels
14. Sliding webpage panels
15. Parallax Design
who names this stuff, anyway?
15. Parallax Design
To recap:
To recap:
1. content first - yay2. design simplicity - yay3. UX centered design - yay
5. responsive design - yay
7. coding languages - yay (will change soon)
11. social media badges - yay
To recap:
1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay
7. coding languages - yay (will change soon)8. fixed header bars - meh
11. social media badges - yay12. infinite scrolling - meh
To recap:
1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay6. no skeuomorphism - depends7. coding languages - yay (will change soon)8. fixed header bars - meh9. large photo backgrounds - hmm…
11. social media badges - yay12. infinite scrolling - meh13. homepage feature tours - hmm…
To recap:
1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay6. no skeuomorphism - depends7. coding languages - yay (will change soon)8. fixed header bars - meh9. large photo backgrounds - hmm…10. CSS Transparency - geeks rejoice11. social media badges - yay12. infinite scrolling - meh13. homepage feature tours - hmm…14. sliding panels - geeks rejoice15. Parallax design - geeks rejoice
Thanks!
davidleeking.com