Monday, 23 June 2014
Opinion: Web Design Trends 2014
1. Interesting Typography with external fonts
Time was, if you wanted a site to render properly in all browsers, you had to stick to a small, standardised set of fonts with the fallback of an even smaller set of standby font families, then hope for the best. Now that we have extensive font librries hosted online by Google fonts, Adobe and others, you can now decorate sites with any number of personality fonts and guarantee your page will look the same in any browser. Almost.
2. Flat design
Windows 8, 'Fischer-Price' design with big blocks of flat colour. This is what is now firmly embedded along with the non-Metro, 'Modern UI' look. Application designers have gone with the block-colour flat design for programs and are gradually doing the Windows 8 look for their websites to match the application interface (whether they do Windows 8 live-tiles and proper Modern UI interfaces or not).
It hasn't helped that iOS 7 stopped shading and 3-D'ing icons on screen some time back.
3. Splash pages and 'hero' areas - replacing sliders
Every site on the planet now has below mast-head sliders. So everyone is now going back to print design and replacing sliders with large hero panels, for the site intro at least. Does it work any better or is it just a backlash against sliders and the need to be different? We'll report back when reliable numbers come in.
4. Tablet/mobile versions
'Responsive' web design is getting easier to implement, as the number of iPads, large format smart-phones and connected e-readers increases, so tabletised versions of web pages are becoming more common.
5. Video. Everywhere
As video has become easier to shoot, edit and embed by producers and easier to access and play on just about any device by consumers, everyone is putting more video on their sites. Let's face it, every web master now fancies themselves the next head of MTV, talent notwithstanding. Social media is spreading the use of video like wildfire, even if it is pixelated and out of focus, in glorious Wobble-Vision from a Sagem HSM dumb-phone. We're all videographers now.
There is something to be said for video in place of text. Show, don't tell. Never mind the mobile data cap.
6. Infinite scrolling
It is also easier to load more content as it is needed, so the large web platforms have all adopted infinite scrolling and reduced the number of pages, page clicks and hopping forward and back. Page templates with infinite scrolling are everywhere.
7. Flat color schemes
Windows 8 Fischer-Price design and Apple monochrome 'cool' means the number of colours in a single colour scheme is reducing. Sometimes to just two.
8. Short-form content
Thanks to Twitter, Tumbler, Pinterest and Facebook, our attention spans have become shorter, so content is being posted in shorter and shorter chunks. Content is becoming polarised between short-form and long-form.
9. De-cluttering the navigation
Sub-menus and sidebars are dropping away, clearing page real estate for visually striking designs, plenty of white space and more emphasis on emphasis. Push the reader to the pages you want, don't trust them to wander thither by intuition and experimentation.
10. Photos becoming Artwork
A stunning photo is no longer enough; it has to be filtered, recoloured, cropped, flipped and zoomed. With a witty caption. Failing that, just include a selfie. No, don't. Instagram and other mobile phone tools mean verything can be posterised and sepia'd at source.
And that's just from a casual glance at the Interweb this week. RC