2016 is definitely the year for super-rich colours online. Whereas in the past, many brands and designers have typically stuck with web-safe colours, more brands today are being braver in their approach to using colour, as we\u2019re seeing with over-saturation, vibrant hues and a resurgence in the use of gradients. This in part is helped by technological advancements in monitors and devices with screens that are more apt at reproducing richer colours.<\/p>\n
The use of bolder colours in web design is helpful in attracting the attention of users, but it\u2019s also a signifier of change for brands, as many make a conscious effort in 2016 to try new things and break new ground, moving away from the previously established, \u2018safer-bet\u2019 practises.<\/p>\n
We\u2019ve previously touched on the rise of UI patterns, and although there are hundreds of which we could touch on, one which is seeing more and more across the web is the use of card-based UIs, a fundamental principle from Google\u2019s Material Design.<\/p>\n
Cards, made famous by Pinterest and then even more so by the likes of Facebook, Twitter, and Google are UIs where pieces of content (text, imagery, video) are broken down into individual \u2018cards\u2019 which the user is able to navigate through. Card UIs allow brands to show larger amounts of content on a screen at once, but in more manageable chunks, so users can quick scan to see what\u2019s appealing to them and dismiss what isn\u2019t.<\/p>\n
VR is definitely a hot topic for 2017, especially with more hardware manufacturers investing in the\u00a0technology and producing headsets. See Oculus, Sony and HTC for some great examples of ones\u00a0available to purchase right now.<\/p>\n
Although the majority of these headsets are geared up for gaming and media consumption rather than web\u00a0browsing, we anticipate seeing many brands attempting to mimic the VR experience online.\u00a0Many brands are already creating more interactive solutions for web which directly involve the user. These\u00a0experiences put the in the centre of the action, viewing it all from a first person perspective and navigating it\u00a0freely as if they were actually in the experience themselves.<\/p>\n
Scrolling, once reserved for getting from top of a page to the bottom, is being used in more creative capacities to deliver content online. Where designers in the past were concerned about keeping the most important content \u2018above the fold\u2019, we\u2019re seeing this old-fashioned notion disappear, as \u2018the fold\u2019 is now harder to define, as users are viewing content of screens of all different sizes and resolutions.<\/p>\n
Scrolling is a versatile mechanic which (when executed well) can work great with all varieties of content delivery. It works with video based content, where large full screen videos play and pause as the user scrolls, as well as static content, which can animate, move, or change depending on the users input.<\/p>\n
If 2016\u2019s real emergence in grid exploration was anything to go by, we\u2019re pretty confident that the coming year will see big developments in both asymmetrical and unconventional \u2018broken\u2019 layouts. Although brands and services which are heavily content-led may continue using card UIs and more traditional grid based structures to help efficiently organise and display their content, we anticipate an increase in the use of experimental layouts across the web as brands seek to create unique experiences which set them apart.<\/p>\n
Broken layouts (or\u00a0grids<\/em>, to some) are typically an approach to web design which places on-screen content outside of a standard 8, 10, 12 or 15 (etc\u2026) column grid. What exactly constitutes as a \u2018broken layout\u2019 will vary by designer and project, but they generally involve organising elements and content to a loose underlying baseline grid which acts as a starting point to move and manipulate content for the desired effect.<\/p>\n To wrap up, moving on nicely from both parallax and broken layouts, is the use of drop shadows. Now, drop shadows aren\u2019t new. They\u2019re not new to graphic design, web design, or even UI design in general. So, why include them here?<\/p>\n Well\u2026 as with a lot of trends, many come to life as a progression or development of a previous trend or style. Some trends may be apparently obvious and altogether new, whereas others, like the long-standing drop shadow, are continually refined and developed over time until new and exciting variations arise.<\/p>\n <\/p>\n <\/p>\n","protected":false},"excerpt":{"rendered":" 10. Courageous Colours 2016 is definitely the year for super-rich colours online. Whereas in the past, many brands and designers have typically stuck with web-safe colours, more brands today are being braver in their approach to using colour, as we\u2019re seeing with over-saturation, vibrant hues and a resurgence in the use of gradients. This in […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[19,13,17,31,18],"class_list":["post-928","post","type-post","status-publish","format-standard","hentry","category-internet-marketing-internet-marketing","tag-best-online-marketing-company","tag-internet-marketing-india","tag-online-marketing-companies-new-delhi","tag-online-marketing-company","tag-search-engine-marketing-new-delhi"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/928","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/comments?post=928"}],"version-history":[{"count":1,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/928\/revisions"}],"predecessor-version":[{"id":929,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/posts\/928\/revisions\/929"}],"wp:attachment":[{"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/media?parent=928"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/categories?post=928"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webigg.com\/blog\/wp-json\/wp\/v2\/tags?post=928"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}15. The increased (and exaggerated) use of drop shadows<\/h4>\n