Technological innovation has led to the rapid development of the design industry, which allows designers and developers to have a broader exploration of the world. and web design is more and more no longer so the rules, many teams and companies have done a lot of thinking and creativity. So while we are adapting to the modern design trend, we may as well take a look at the current web design trends and style of the general. I dare not to say that this is the current trend of web design, this is just my current web design to make some small summary. I hope this sort of summary can bring you more ideas and ideas. (Click on the image to jump directly to the relevant page)
1. Responsive Web Design (responsive)
Now more and more users have a variety of terminals: desktops, laptops, tablets, mobile phones, can adapt to the different size of the display of the page is the current trend, and even a long time in the future design trends. So responsive web design is to solve this problem. This special development method can ensure that the Web page adapt to different resolutions, so that the elements of the reorganization of the page, whether on the vertical tablet computer or smart phone, can achieve the best visual effect.
In addition to multi-terminal diversification, we can also see our computer screen, mobile phone screen is constantly growing, and in the future of life prediction, conceptual design, "screen" This product is applied to a variety of new platforms. For example, Microsoft released the "Future Life Concept Video", kitchen, indoor walls, office glass walls have become interactive platform. So we can find that responsive web design has a good adaptability and plasticity, in the future of web design will occupy a pivotal position.
2. Fullscreen Web Design
The so-called design does not split, in recent years, graphic design in the "pure" "white" and other concepts are also absorbed by the Internet design, in order to more simple and clear prominent subject, to provide more comfortable sensory experience, many websites began to use full-screen web design, the use of carefully selected design beautiful background, coupled with reasonable page layout, Visual impact is great to attract the attention of the viewer. Usually the text content within the page is not particularly much (the small amount of text that appears and the beautiful typography will become more attractive), mainly in the image display mainly. This kind of website is more common for photographic teams or individual portfolio exhibitions. Although easy to eye-pleasing, but the bearer information is limited, the company's homepage is very rare such design.
3. Parallax scrolling (Parallax design)
Parallax design can be said to be a major breakthrough in web design in recent years, but also highly respected. Parallax Scrolling is a multi-layered background with different speed scrolling to form a 3D three-dimensional motion effect, give the viewer a unique visual experience.
In addition, the smooth mouse wheel experience, so that users in the viewing of such sites have a sense of control, in short, this is a responsive interactive experience. It's like seeing a merry in your childhood, turning it on and you can see the characters move and enjoy the story. The interest of parallax scrolling design is also in this. Therefore, both the website and the e-commerce product promotion page are often used parallax design, attracting eyeballs are also very popular with users.
4. Flat (Flat design)
The flat design can be said to be the design aesthetics of simplifying and simplifying. The removal of all decorative designs can be said to be a reversal of the previously respected quasi-materialized design. We cannot comment that this is good or bad, but that it provides a new design mindset. Whether flat design is going to be a trend in the future we cannot answer that, although it is controversial, it is now a current trend.
5. Scrolling detection web design (scrollspy)
Using the implementation of CSS to fix the navigation bar at the top of the page (most of the top, of course, there are side or bottom), and the layout content in the navigation order vertical or horizontal arrangement, so that users click the corresponding navigation tab page automatically slide to the corresponding page, and if clicked, navigation will also change. Such a page design page basically does not jump, each tab point to the page content is also basic one screen display complete, so in the content of the page rendering will be limited. To not affect the layout is generally also accompanied by adaptive.
Scrolling through web pages can pose a big challenge to designers-to ensure the integrity of content in a limited space, designers will be up and down the page. And this kind of website structure and parallax design have similarities, so we found that many sites will combine the two, to the viewer to bring different visual experience and user experience.
6. Infinite scrolling mode (waterfall stream)
Some sites have a lot of content, but they do not have a simple paging, but instead use a vertical waterfall flow layout. The content is vertically arranged, and as the user scrolls vertically, the content is constantly updated and seemingly endless. This cascade of waterfalls began to pop up very early, and the first to adopt the layout was Pinterest. Such a scrolling page greatly reduces the number of paging, personally think that the information is large, the daily update of the fast data site is a good solution.
7. Stylized design of web pages
Today's Web pages are no longer as limited by many conditions and technologies as in the past. Its presentation is quite rich. Style from fresh to retro, illustrator hand-painted to the quasi-real design, wonders. Whether it is layout, or design elements, the word "unconventional" is never too. According to the tip of the iceberg that I've been skimming, mention the most profound change I've felt:
(1) Enhance the sense of graphic design
With the innovation of equipment and technology, web design has already broken through the limitations of the past single framework and become more flexible. So as the page style begins to come closer to the graphic design, many pages are designed to give a sense of layout to posters and magazines. Stylish and full of impact.
(2) Focus on font design
In recent years, many designers have incorporated the font design into the web design, and as an important element of the design to enhance the overall taste of the web. By using CSS3 designers can have many custom fonts, which adds an important design idea to the visual design of the Web page.
(3) rich and flexible animation
The wide application of HTML5 and Flash makes interactive animations of web pages more lively and interesting.
By observing how these trends affect the design of modern web sites, it may be possible for web designers to guide and diffuse new ideas.
Although designers and developers need to connect with the market and keep up with the pace of the trend, but the so-called trend is the present, the future is indeed unknown. We do need to make sure we don't get caught up in the end of the industry trend, but more importantly, adapt and learn in the wave.
Original: http://cdc.tencent.com/?p=7800
A brief talk on the current 7 web design trends (turn)