≡ Menu
David Lee King

Web Design Trends for 2012



I’ve been working on some large writing projects this year, and in the process, came across some great lists of web design trends for 2012 that I thought I’d share. Let me know if you are incorporating any of these into your websites!

Web design trends for 2012

Web Design Trends in 2012

  • Responsive Web Design
  • Fixed-Position Navigation
  • Circles
  • Big Vector Art
  • Multi-Column Menus
  • jQuery/CSS3/HTML5 Animation
  • Ribbons & Banner Graphics
  • Custom Font Faces
  • Infographics
  • Focus on Simplicity

15 Web Design Trends to Watch Out For in 2012

  • Responsive Interface Design
  • Touchscreen Mobile Devices
  • Tons of Freebies!
  • HTML5 & CSS3 Standards
  • Ribbons and Banners
  • Premium WordPress Themes
  • Online Magazines
  • Easy Drop Shadows
  • Dynamic Typography
  • Image Gallery Slideshows
  • Modal Popup Boxes
  • Inspirational Lists
  • Generated Image Thumbnails
  • Oversized Icons
  • Exaggerated Hyperlinks

Web Design Trends for 2012

  • Oversized Logos/Headers
  • Sketch/Hand-drawn Design
  • Slab Typefaces
  • Typography
  • One Page Layouts
  • Huge Images
  • Change of Perspective
  • Interactive/Intuitive Design
  • Modal Boxes
  • Minimalism
  • Oversized Footer
  • Retro
  • Intro Boxes
  • Magazine Layouts

Top Website Design Trends for 2012

  • HTML5, CSS3 and JQUERY
  • Mobile Compatibility and Responsive Layouts
  • Typographic Layouts
  • The Grid
  • Large Background Images
  • Perceived Affordance and Metaphoric Design
  • Social Media Integration
  • Illustration
  • Single Page Websites
  • Parallax
  • Elegant Modal Boxes

15 Top Web Design and Development Trends for 2012

  • Progressive enhancement
  • Responsive design
  • Flash will survive
  • Native support for plug-in features
  • Appification takes hold
  • Web app fragmentation
  • Mobile gets bigger
  • A device explosion
  • Respect beyond aesthetics
  • social battles heat up
  • Growth of the two-screen model
  • Distributed workforces
  • Stronger customer service
  • Better value, not lower prices
  • Pushing the boundaries

The State of Web Design Trends: 2012 Annual Edition

  • Responsive Web Design
  • Grid Systems
  • Typography
  • Technology Pushing Art
  • Scrolling, Vertical Narratives
  • Like it’s 1983
  • Modular Interfaces

So – get busy and start designing like it’s 2012!

image by Mike Licht

Comments on this entry are closed.

  • Nashville Web Design

     Excellent post!! Thanks David for sharing the 2012 trends of web designing..HTML5 rocks

  • Pingback: New Web Design Trends for 2012 – Stephen's Lighthouse()

  • web design

    Nice sharing.I enjoyed reading this post.Good web design is a necessary part of your larger web marketing and user experience picture.Understanding the real
    trends helps you stay current and produce work that won’t look outdated in
    a year.Thanks for the sharing.