Jun 24

Awwwards lists 6 top design trends

Web Design Trends 2016

Awwwards is a collective of website professionals that recognize and promote talent and effort of top developers and designers internationally.

They recently itemized the top design trends of 2016…Let’s have a look at what they listed:

  1. Similar UI Patterns.  WordPress has a hand in this.  Many developers have put their finger on what is the “best-liked” user interface patterns…such as the Z pattern layout for design.  And therefore the same trends have run the risk of making many templates look very similar.  This isn’t exactly a “bad” thing since consensus allows the user to quickly navigate through a site in an easy way.
  2.  The Hamberger Menu.  Although some are not comfortable with the stacked three lined menu, it is used so often now that it is easily recognizable to many.
  3. Account registration.  You’ll find this pattern whenever you try to register for a site. There might be a form to fill out or a button that’ll allow you to use a social account to sign up.
  4. Long scroll. Placing all your important elements above the fold is now a well-known myth. Furthermore, almost everyone is accustomed to long scrolls thanks to mobile devices. The technique works especially well for sites that want to lure users through storytelling, and you can still mimic a multi-page site by breaking the scroll into clear sections.
    6-web-design-trends
  5. Card Layouts. Pioneered by Pinterest, cards are everywhere on the web because they present information in bite-sized chunks perfect for scanning. Each card represents one unified concept. Since they act as “content containers”, their rectangular shape makes them easier to re-arrange for different device breakpoints.
  6. Hero images. Since vision is the strongest human sense, HD hero images are one of the fastest ways to grab a user’s attention. Thanks to advances in bandwidth and data compression, users won’t suffer from slow load times either. One common layout you’ll find is a hero image above the scroll, followed by either zig-zagging sections or a cards-based arrangement.


Comments are closed.

Skip to toolbar