Web Design trends for 2014?
- Increase in the use of Responsive Design: Designing for all devices in order to accommodate all your visitors, instead of just a few. This might just make mobile-only sites obsolete in the near future.
- Sass, LESS and the CSS Pre-Processors: More and more people are adopting the pre-processor syntax approach such as Sass. It’s an efficient way to improve the time you spend coding your site.
- Quality Content: Content is still king this year, especially with search engines like Google constantly changing their algorithm to ensure you are producing content for people, not computers. Remember to use good headlines, and not to stuff your content with keywords like you did in the past.
- Hover effects: a thing of the past? With many users accessing the internet through touch-devices like smartphones and tablets, hover-effects are completely lost on these visitors due to the lack of a cursor. We may slowly be heading to where :hover won’t be used at all anymore.
- SVG replacing PNG: As vector images, SVG‘s have limitless scalability, and can thus provide high resolution graphics adaptable to all devices. This obviously ties in nicely with Responsive Web Design and for that purpose there is a increased push for SVG to replace PNG graphics.
- Bolder use of Typography & Imagery: With increased methods on how to serve images (like CDN or simple optimization) this year could be a better opportunity to start experimenting with more space, color and graphics. Websites are already making use of the screen with photography, graphics, and even large type – something which would have been a nightmare to pull off in the past.
- More animation, less image sliders: Image sliders have become the gif animations of the 90’s – EVERYBODY is using them to death and it’s come to the point where it is actually refreshing to see a site without one. CSS makes animation a reality, without the use of heavy resources or graphics. So instead of using large files for a image slider, go for a animated background instead. Check this Smashing Magazine article on the use of keyframes.