Design Today showcases inspiring examples of design, alongside resources and articles that teach you how to succeed in the same way. Feel free to Contact Us

2017 Design Trends Guide

2017 Design Trends Guide

Each year we learn something new about design and 2016 was no different. After the last year article was a real success we decided to make some predictions for 2017, so let's begin!

Design trends are influenced by media, technology, fashion industry, and lately usability. A trend emerges slowly, gradually, making it's way into all design branches and then disappears exactly in the same way, so basically a design trend's life is longer than one or two years.  Design in 2017 will continue the trends materialized in 2016 adding some new influences, but the feeling is well known and familiar and you may have seen it in the last couple of years.  The main influencer remains Google's Material Design, that suffers a few changes.

 

01. Semi Flat Design

In the last years flat design ruled the web design market but now, influenced by Material design, it is becoming more dimensional. This transition begins with some light shadows, making it a semi flat design. The evolution of flat design from a minimalist style suits the new developing technologies. Flat design is still in, but it just got some improvements.

The smooth shading adds a depth and complexity without destroying the flat design feeling. This is a new feature added to the flat trend and will continue to evolve in 2017.

 

02. Cinemagraphs

Cinemagraphs aren't the regular gifs we see all around the web. Cinemagraphs are still images with minor elements moving on.  This technique makes a simple photo more realistic bringing it to life.

 

03. More 3D

3d is definitely heading on our way and we are going to see it in all design fields. With the VR/AR revolution coming our way so fast, this domain is evolving pretty fast.

 

04. Animations

Animations are more and more present in web design and they can be gifs, SVG, WebGL CSS or videos.

Animations are definitely one of the biggest things in the last years in web design so don't hesitate to use them.

 

05. Geometric Shapes, Patterns, Lines and Circles

This trend started in 2016 and will definitely continue in 2017. You can personalize a website simply by adding some modern shapes, flat or with a soft shadow.

 

06. Courageous Colors

Use bold colors to make a statement. Material design and flat design go perfectly with bold colors. You can use the color palette provided by google to choose and pair the colors you want.

 

07. Innovative Scrolling and Parallax

This visual idea is great to add a unique element to any website. From a multi layered parallax to a video parallax, anything is possible.

Meet D.ex Multilayer Parallax. This product is developed by entirely Milothemes under the lead of Loredana Papp and Mihai Baldean. It's available for purchase on Envato Market / codecanyon.net. 

Is a WordPress Plugin that allows you to create beautiful Parallax sections with more that one layer. Be creative, combine layers in any style you want. We create 12 diferent examples to guide your first steps to a beautiful mulilayer world. Play with layers.

 

08. Color Transitions

Color transitions are one of the biggest trends right now. It began in 2016 growing fast after big names, like Instagram, decided to change their logos and image from a flat color to a multi colored transitions. From logos to buttons or picture overlays this trend is everywhere.

09. Mobile Browsing (Responsive Design)

2015 and 2016 brought a considerable increase in mobile browsing.  Tablets and smartphones are now the first choice when it comes to browsing websites surclassing desktops, laptops and tablets and this trend will continue. Any websites not focused on responsive web design need to upgrade asap!

 

10. Custom Graphics and Illustrations

Stock photos are still pretty popular, but there has been a new trend growing significantly in 2016 that will increase in 2017, the use of custom made graphics and illustrations. If you want a unique looking website that any visitor will remember, contact a digital designer. So, less stock and more original, unique images.

 

11. Creative Use of Neutral Space and Grid

In the last years the web design was adapted to organized columns and grids, but in the last year we saw a considerable shift to irregular layers and ultra-modern design.

 

12. Storytelling

Websites are now starting to tell stories, to convince customers to stay more on the page. People tend to retrieve in stories, comparing to plain information.

 

13. Lazy Loading

Lazy loading delays loading of images in long web pages, basically it allows information to appear at the point at which it is needed.

14. Split Content

Split content is becoming popular in responsive web design and it splits the screen in two or more parts. A split-screen website will show the viewer equally important messages in a single page. This trend is rising since late 2015 but in 2017 it will still grow and it will be encountered on many websites.

 

15. Full-Screen Forms

No need to go to another page to fill out a form as the new websites are equipped with full-screen form adapted to responsive design.

 

16. Videos Everywhere

Video content has increased in the last year and people are demanding high quality videos that tell a story. The video showed on the website can be short, in a loop, showing a product or a large scale cinematographic project that will keep the viewer interested about the story.

 

17. SEO is Important

Search Engine Optimisation is very important in a website, so a beautiful website without a good seo will probably be left behind the pack.

18. Hidden Navigation

The hamburger menu creates many pro and cons arguments about making it difficult for the users to find the menu, but one thing is sure, this trend is here to stay and people will eventually get used to them.

19. Tiny Design Details

The focus on details is really important this year. From minor details like navigation dots to corner logos, focus on the small details to get the job done.

 

20. Logo Design Trends

Minimalist

As all the big brands switch to a simpler, minimal design, this trend is here to stay.

Hand drawn

This is a trend that is in the spotlight for a few years now and it is fitted for a “hipster” business. This style is used for the café-restaurant industry, barberries or art and crafts.

Negative space

This is an old trend, but in the last years we have seen it emerge again and it will only grow in 2017, so it’s definitely something worth watching this year.

Cropping

This trend is as minimal as it gets, showing just enough to know what is all about and nothing more.

Geometric

This trend is as old as it can get but it’s just one of those styles that never die.

Line art

This trend is popular among the new and modern business.

Pattern

Patterns are a new trend and this repetition is a unique way to make a business stand out. This original trend can be also used in the logo's presentation.

Animated logos

Motion design is a huge trend this year and we can find it in all design fields.

Vintage

Vintage style is still in. Even if this trend is present for some time now it still has something left to say.

Color Transitions

Color transitions are everywhere this year even in logos.

Illustrations in logos

Illustrations are a good idea to give a unique and personal touch to a business logo. They are becoming increasingly popular this year.

Photography in logos

The mix of images with typography is really hot right now. They work really well together and it creates a contrast between them.

 

21. Typography Trends

Big, bold & beautiful typography

Typography is maybe the most important part in creating an outstanding design. This year typography will be bold and big with statement titles.

Color transitions in typography

Color transition is definitely the "it" trend right now and you will find it in typography as well.

Visual hierarchy

Typography hierarchy is really important in all design fields. Size and weight of the font can easily indicate which is the most important, so keep in mind this aspect when you create your text. You also have to remember that you can achieve a great visual hierarchy trough the position and color of the text.

Tiny Typography

Super small text is usually surrounded by negative space, but you can create a contrast between colors or images to make it more visible. You can also use animations to make it stand out.

Animated Typography

Animations are everywhere even in Typography. If you use a soft motion you can’t go wrong this year.

Typography meets photography

The combination between text and photography can achieve great looks. Take a look at these great examples.

Geometric shapes and typography

Geometric shapes can be combined with typography also, to achieve a modern result.

Font pairing

The use of 2 or more fonts together is still in trend this year. See below some interesting pairing that will help you on your projects.

Typography: Google Fonts Combinations - Volume 1

Typography: Google Fonts Combinations - Volume 2 

Designing Future-Proof UI

Designing Future-Proof UI

How Great Icons Can Affect The User Experience

How Great Icons Can Affect The User Experience