15 web design trends for 2013

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