6 Web Design Trends for 2015
As 2014 came to an end, it’s the perfect time to run through the major tendencies that defined Web design this year and spotlight the ones to watch out for in 2015.
This year is going to be really interesting. The Grid, an AI-driven website builder, which received a lot of buzz this year, is about to launch in the late spring of 2015. We can also expect to see Web designers putting a sharper focus on shadows, animations, as well as techniques for responsive re-sizing of typography and full screen videos. On top, the ever-diminishing gap between code and design should become thinner than ever before.
To step into the New Year inspired and ready for upcoming challenges, I’ve reviewed 6 Web design trends we should keep in mind when designing websites in 2015. Who knows, maybe some of them will make you to re-think your geeky New Year’s resolutions!
Source: Google’s Material Design
With the introduction of Material Design, Google has revealed a promising set of UI design principles, part of which we can expect Web designers will adopt in the nearly future.
One of the key things Google highlights in Material Design is the importance of the Z-Axis and elevation of design elements, what allows to separate different layers better and make design more intuitive.
Source: Google’s Material Design
Although today this trend is more noticeable in app UIs, we can expect to see more Web designers starting playing with shadows on websites over the coming years.
Responsive full-screen videos
Source: Dann Petty
Without any doubt, full-screen background videos and pictures have conquered websites during the last few years. The big visuals are a good way to grab attention and increase Web user engagement.
In 2015, Web developers and designers seem likely to work more on new techniques for responsive re-sizing of full screen visuals – especially of HTML5 video backgrounds – as people spend more and more time online using mobiles and tablets.
Source: Oli Lisher
A ghost button is a button that has a fully transparent body and a basic shape form bordered with a thin line. It’s considered that the rise of flat design and full screen visuals on websites highly contributed to the adoption of this type of buttons.
Since flat design is at its peak and full screen visuals aren’t going anywhere yet, in 2015, we can expect to see more and more ghost buttons on websites..
Source: David Stefanides
Recent studies have shown that there are psychological consequences to endless scrolling that can hurt user experience. This mostly applies to bookmarking sites, blogs and social networks.
During 2014 you must have noticed the increase of click-to-scroll buttons on websites. Much to my surprise, even one-page websites have incorporated this type of buttons. Maybe it’s a sign that infinite scroll is about to sunset soon?
In 2015, we can expect more websites to complement an infinite scroll interface with click-to-scroll buttons.
Source: Caleb Royce Lummer
The typography-driven website was a hot topic this year. Beautiful type arrangements – unlike full screen background pictures – is something you can’t find in every website. As a result, it can be the medium to distinguish yourself in 2015.
Most Web designers agree that we will see better-differentiated and more responsive typography in Web design over the coming year.
Source: Seth Eckert
Animation already plays a huge role in Web design. Whether it’s a short looped or scroll activated animation, it can perfectly replace static visuals and increase Web user engagement in content.
With the ever-growing support of CSS3 animations, in 2015, we can expect to discover more and more motion on websites.
Source: Haraldur Thorleifsson
The trend of using cards in Web design has been growing since the launch of Pinterest in 2010. As Google, Twitter and other big Web players had moved to a card-based UI, Web designers began to pay even more attention to it.
A card-based UI is simple, minimal and has many advantages over the traditional interface. First, it’s responsive. Second, content is distributed across a number of cards – what increases the readability of a website. And after all, it looks great!
Web professionals predict that the trend of card-based design will continue to grow in 2015 and we can expect to discover even more different use cases of cards during the upcoming years.
If you would like to add something, don’t hesitate to leave your thoughts in the comments below.
Get feedback and collaborate right on websites and images in real time
TrackDuck is a visual bug-tracking tool for web projects saving up to 80% of time spent on remote communication. It integrates with Basecamp, GitHub, Trello and all other major project management tools.