15 Web Design Trends for 2013

33,742 views

Published on

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!

Published in: Technology, Business
1 Comment
27 Likes
Statistics
Notes
No Downloads
Views
Total views
33,742
On SlideShare
0
From Embeds
0
Number of Embeds
5,577
Actions
Shares
0
Downloads
430
Comments
1
Likes
27
Embeds 0
No embeds

No notes for slide

15 Web Design Trends for 2013

  1. 1. 15 Trends Web for 2013 david lee king | davidleeking.com topeka & shawnee county public library
  2. 2. 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 lobortisgravida nisl, sed rhoncus ante volutpat at. Aenean id 1. content first. 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
  3. 3. “good web designstarts with content” jeffrey zeldman. smart web dude. flickr.com/photos/aquan/2795141674/
  4. 4. 2. designsimplicity.
  5. 5. 3. UX Centered Design
  6. 6. 3. UX Centered Design flickr.com/photos/ficofranco/5932086668/
  7. 7. don’tmake 3. UX Centered Designmethink flickr.com/photos/jenny-pics/5661879987/
  8. 8. 4. app styleinterfaces.
  9. 9. 4. app style interfaces.
  10. 10. 5. responsive design. flickr.com/photos/zergev/8430388219/
  11. 11. 5. responsive design. flickr.com/photos/69797234@N06/7203485148/
  12. 12. 5. responsive design.
  13. 13. 5. responsive design.
  14. 14. 6. noskeuomorphism
  15. 15. huh?
  16. 16. ... a physical ornament ordesign on an object madeto resemble anothermaterial or technique. [ed., yay wikipedia]
  17. 17. http://en.wikipedia.org/wiki/File:1986ChryslerLeBaronTownCountryStationWagon.jpgsimulated wood grain, baby!
  18. 18. Text
  19. 19. Text
  20. 20. Text
  21. 21. Text
  22. 22. Text
  23. 23. 7. codinglanguages
  24. 24. HTML/CSS/Javascript
  25. 25. HTML/CSS/Javascript flickr.com/photos/josefdunne/5410923901/
  26. 26. 8. FixedHeader Bars
  27. 27. TextFixed Header
  28. 28. Text Fixed stuff
  29. 29. 9. large photo backgrounds
  30. 30. 9. large photo backgrounds
  31. 31. 9. large photo backgrounds
  32. 32. 9. large photo backgrounds
  33. 33. 9. large photo backgrounds
  34. 34. 10. CSSTransparency
  35. 35. 10. CSS Transparency
  36. 36. 11. SocialMedia Badges
  37. 37. 11. Social Media Badges
  38. 38. http://www.skyblue-pink.com/wp-content/themes/BlackPower/images/button_twitter.png11. Social Media Badges
  39. 39. 12. Infinite Scrolling
  40. 40. 12. Infinite Scrolling
  41. 41. scroll ...12. Infinite Scrolling forever!
  42. 42. 13. homepage feature tours
  43. 43. 13. homepage feature tours
  44. 44. 14. Sliding panels
  45. 45. 14. Sliding webpage panels
  46. 46. 15. Parallax Design
  47. 47. who names thisstuff, anyway?
  48. 48. 15. Parallax Design
  49. 49. To recap:
  50. 50. 1. content first - yay2. design simplicity - yay3. UX centered design - yay5. responsive design - yay To recap:7. coding languages - yay (will change soon)11. social media badges - yay
  51. 51. 1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay To recap:7. coding languages - yay (will change soon)8. fixed header bars - meh11. social media badges - yay12. infinite scrolling - meh
  52. 52. 1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay6. no skeuomorphism - depends To recap:7. 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…
  53. 53. 1. content first - yay2. design simplicity - yay3. UX centered design - yay4. app style interfaces - meh5. responsive design - yay6. no skeuomorphism - depends To recap:7. 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
  54. 54. Thanks! davidleeking.com

×