WEB DESIGN TRENDS FOR 2016.
The new brought with it plenty of new techniques and trends, but the dominant theme is likely to be a continuation of things we saw at the end of 2015. More video, vertical patterns, Material Design-inspired interfaces and slide-style sites will grow in popularity.
It was only a few years ago that many were debating the end of scrolling websites, but what mobile use has shown is that scrolling is more popular than ever, from endless scrolling social media interfaces on desktops to a quick swipe down on a mobile device, scrolling is not only ok, it even offers a better user experience.
Hero Video Headers
Websites design is going to the movies. Higher speed Internet connections from both desktop and 4g on mobiles, combined with html5 video is making it easier for modern websites to include an immersive, movie-style experience.
Video clips are growing from small snippets to almost full-length preview clips. The images are sharp, crisp and in high definition, creating a video experience online that is new to users, but familiar from other devices, such as televisions.
Responsive has been around for a while now and the take up has been on the increase as the technology has matured and the bugs ironed out.
Since the advent of ebooks some years ago, book stores are closing at a frightening pace. But why is that happening?
Ok, so you've built up your startup from the ground up, all those sleepless hours, sweat and tears, stress like no one should feel.
There are many aspects of good web design, typography, layout etc etc. but one of the simplest and most effective to implement is white space.
Animation is an old trend on websites, but with 2016 in full flow we have seen more and more tiny animations; those animations which at first glance may not be obvious, from hero-style animations that lead off a site design to those tiny divots that you almost miss, moving elements are everywhere. And they will continue to grow in popularity, even as they decrease in size. Animated user interface elements are a fun way to help engage users, give them something while they wait for content to load and provide an element of surprise.
Streamlined interfaces have paved the way for the emergence of beautiful typography. (As has the addition of more usable web type tools such as Google Fonts and Adobe Typekit as mainstream options for creating expansive type libraries online numbering in the thousands. Type has also grown in size, whereas a point size of 12 was common less than a year ago we are seeing more and more sites with body text in a minimum of 16. Headings are bold, serif and sans serif and styles of text overlapping other elements to give a free flowing user interface.
Bolder, Brighter Colour (With an 80s Vibe)
Big, bright colour really started to emerge with the flat design trend and has continued to gain momentum. Google’s latest Material Design documentation furthers that conversation. And just take a look around Dribbble, where colour is everywhere. Some of the change to the big colour trend is in the type of colours used. While 2015 used more monotone big colour designs, usage is starting to shift to larger and brighter colour palettes with an almost 1980s vibe to them.
Websites with Slides
Sliders have been around for a while now, but until now they have mainly been thin sections at the top of the page. In 2016 sliders have evolved to full screen hero areas with beautiful imagery and videos allowing the user to navigate left, right, up and down, with content refreshed by a click, automatically, with a scroll or a swipe with their finger. Expect to see plenty of sites using this concept in the coming months.
SVG - Scalable Vector Graphic
Icons have traditionally come in PNG format, a format that allows icons and logos etc with transparent backgrounds. But the main problem with a PNG is that we are now in a word of HD and even 4/5k displays and a PNG can look terrible on these screens. This is where SVG comes in; lossless vector (no pixels here) which will look great at any size on any device at any resolution, plus they can be animated and due to the nature of the format they can be a smaller file size.