7 Future Trends in web design

What is the future design trend of the web? I believe this kind of article has been voluminous. In the author's opinion, the future of web design is basically the user experience and the principle of simplicity first.

1. Gestures instead of clicks

Remember how you used to scroll the page? Move the mouse to the right edge of the screen, and then drag the ancient "scroll bar" gadget:

A bit more professional may use the mouse wheel, cursor keys or trackpad, which is already ahead of most users.

But in 2015, scrolling was more popular than clicks. On a mobile device, you can swipe around with your finger to scroll the page. It's really hard to hit the target precisely-it's the opposite of the habit we get on the table.

Therefore, we want more and more websites to be built for scrolling first, click on the second setting. Of course, this is the way we design everywhere now:

As mobile devices take control of the market, we are fully justified in predicting this trend. Now the site has not so much to click on the content, more is scrolling. Fewer links, more buttons, "clickable" area is large, need to scroll the page high.

Those who divide the article into a multi-page estimate will soon understand that the article content should be made of a single page, even if it is long and long, and can even be like Time magazine learning, made unlimited scrolling pages:

Although it is still unknown whether the web will expand into a device like a watch in the future, if the idea is true, then I can bet that it will become the world of gestures.

2. Folding is going to die

Since scrolling is so easy, and the size of the equipment tends to be varied, "folding" slowly becomes irrelevant.

Designers can now completely choose not to cram everything into the top of the page. One of the current design trends is a full screen image, a title above, and a scrolling page before you can see the specific article content:

Now designers can put some big pictures on their web pages like magazines do. The 2015 design may take up more space--especially in the vertical direction--like a large picture, for example.

3. Faster user speed and simplified website

Almost every young adult is now a professional Web user. Even amateurs are very professional: use multiple tabs to refresh the page.

At the same time, we become more and more impatient. If you want to make a mild-tempered person angry, just let his internet one minute slow enough.

Now the site is not only faster (technical problems), but also easier to understand. Those designs that slow down the user's speed are the same as those that are not fully loaded.

Simple design is easier to navigate, which means faster reception. A glimpse of the new design is more appealing to the eye:

This may be the biggest cause of the demise of the skeuomorphic design: Users become more perceptive, impatient, and some of the intricacies of content are slowing down.

The app has compared most websites with its tiny, beautiful interface. The reason the Web site will fail is because the minimized interface has a better execution force.

A flat design is just the beginning. The real trend is simplification and directness, and the impact of the 2015 is expected to be far more profound.

4. The pixel will be discarded

On the desktop, 1 dots is 1 pixels. Some people even know how many pixels the average 1 inches consists of: the DPI. But now, a lot of people don't know what pixels are.

With the popularity of responsive design, we use more meshes and percentages. Of course, there is still one area sticking to the pixel: bitmap.

Almost all of the web is built on the basis of images. With the gradual prevalence of retina displays and modern browsers, vector images will become the darling of the 2015.

From the font-based icons and Google material design above, this trend has been seen. Web sites load faster and scale icons to any size without distortion. This makes them well suited to modern web browsers.

Although technology already exists, it still takes time for professionals to change their habits in order to create higher-quality displays. Once the average desktop display reaches the retina level (such as a new imac), it is estimated that designers can only follow suit.

5. The animation is back.

We used to say that if you want to make your site look outdated, put some GIF and flash animations. But now, animation elements gradually in the web design of the big shine.

The flat design is good, but it seems to have no features or even a little boring. Animation can make the site with less space to pass more information, appear unique.

Mobile apps have turned their views upside down, and they use animations to convey meaning, and now the site is following its pace.

Some new technologies, such as CSS animations, make it easy to enhance the design without having to think about plugins, speed, and compatibility issues. and the Web Component (see 6th in particular) also provides acceleration capabilities.

The GIF animation is back and the effect is amazing. You will find that this article uses a lot of GIF animation, which was unthinkable before.

6. The component is the new framework

Web technology is becoming more and more complex. Even simple tasks, including Google Analytics and the like button on Facebook, have forced designers to embed a lot of messy code into the Web. And it would be a lot easier if we were to write code like this:

<google-analytics key= "ua-12345–678" >

We can use Web components, but this has not been recognized and used by most designers. 2015 is a year of Web Components.

Google Material design launched the first gun, with the support of all modern browsers, it provides a variety of animation and interactive components from the Android app, as well as simple tags such as:

In this trend, the emergence of more component-based architectures in the 2015 is no surprise, for example, Bootstrap 4.0?

7. Social saturation, and the rise of direct mail

Social media has been a big success, but many content providers are not happy with it.

The problem, however, is already saturated. Billions of of posts are born every day, and Facebook only contains the ones that users are most likely to like and share. This means that the content you publish may only be seen by a small, small percentage of people. (Of course you can pay, you don't have to worry about it).

Social is not going away, and in 2014, many well-known bloggers, such as Tim Ferriss, have shifted their attention to a good old-fashioned mailing list. Because they realize that e-Mail has a significant advantage over social media: the proportion of people who are willing to look at mail is much higher.

I expect the social trend of this post to be a big shine in 2015.

Unpredictable trends: CSS shapes

In addition to designers, many people will not pay attention to this technology. CSS shapes allow you to lay out a shape, such as a circle:

Looks cool, has wood? But unless you have browser support, you have a lot of risk – and you probably need to devote a lot of time and effort to creating two different designs for your new and old browsers. But in addition to the designers, I believe that few users will notice this. Although this is really cool.

Recommended reading:

10 immersive 404 Pages

20 Big UI Design principles

2015 Graphic design software ranking

Copyright NOTICE: This article for Bo Master original article, without Bo Master permission not reproduced.

7 Future Trends in web design