In this summary, it will take you to review each trend and beautiful case one by one, and they will inspire your inspiration in the next project.
1. Extremely layout
2. Single page layout
3. Multi -column layout
4. Giant illustrations and vibrant graphics
5. More white than ever before
6. Social design elements
7. Dialogue navigation
8. Dynamic TAB
9. Large search box
10. Increase visual effects to classification
11. Author's avatar
12, icons and visual prompts
13. TAG index (replace TAG cloud)
14. Use illustration in blog
15. Water painting
16. Handwritten
17. Retro
18. Use machinery, brick tiles and photography as the background
19. Tag seal
20. Price -tag
21, ribbon
Layout
Just as the 40 innovative design layouts made a few months ago: as a display of layout, we are observing a powerful trend to develop more personalized and innovative layout. Different from the use of traditional four -square box layout, designers are trying new information structures, presentation and expression methods.
In these special layout design, the overall creativity is often more important and more memorable than the specific content. Nevertheless, availability, layout and visual design are rarely ignored and executed carefully. Innovation layout is particularly popular in large projects, website design institutions and publicity websites (such as the business activities of large companies), but it is also popular in blogs.
When it comes to creativity, the boundaries between usage and unavailable design are very vague; therefore, availability testing is particularly important, because a new creativity can break what the website has. Generally, considering creativity, classics, and traditional design is a good idea, that is to say, trying to get a balance between "indestructible" (even ultimately monotonous) and a balance between creative but unavailable design. Remember, creativity takes time to grow: reintegrate, modify, adjust, and optimize, and finally integrate into your design.
We strongly encourage designers to break the convention of traditional box -like layouts and try new ways to think and your bold and crazy ideas. Show your talent!
Single -page layout
Another way of impressive impression that the designer often uses and leaves visitors is the so -called single -page layout: This layout uses a separate page to present the content of the website. It does not necessarily mean that these designs are minimalist (follow the principle of "less"). On the contrary, this design is often very complicated. It contains rich images and vivid animation effects, so it needs to be loaded for a while.
When the user clicks a navigation option, the page changes (partial changes), and the new content appears in the area that shows the previous content. The effect of navigation sliding and rolling in this layout is supported by the public JavaScript library.
For users, the main advantage comes from a simple fact, that is, to obtain the information that the user wants through less mouse movement and clicks. Because this method is very new, it is a good opportunity for users who are confused with non -traditional navigation. In some cases, a "static" version may come in handy, or even necessary; for example, you will have to provide another version for search engines and users who have disabled JavaScript.
Multi -column layout
Multi -column (above 3 columns) is not necessarily a complex design. From the opposite side, if the design is proper, multi -column will be very helpful to visitors, because they provide better comprehensive viewing for visible navigation options, so that users can quickly find the information they want.
Over the past few years, we have witnessed the explosion of the website content, which reduces the attention and time that users have invested on the website (check ReadWriteWeb for details). Therefore, no wonder designers have begun to try to find more concise information presentation methods, which can allow visitors to stay on the website as long as possible, but also find the content easier
One of the methods to achieve this purpose is to use the adjacent layout of multiple columns. This idea is very reasonable. The screen resolution has been increasing in recent years (however, if the Internet is widely used in the Internet such as ASUS EEE PC, the situation may change), so that it can provide users with more horizontal spaces, and to provide designers with additional additional additional spaces to designers. Space to fill the content.
The results show that more and more designers now use more and more columns in design. Our research has found that there is a strong trend of development to these so -called multi -column layouts. Usually, in the screen of 1000 pixels, the width is fixed to 850 pixels. Multi -columns are often used in magazine layouts and large projects. In these layouts, grids are often used to ensure structural balance, hierarchy and order.
Using multi -column layout, the importance of active whitening and the internal columns cannot be exaggerated. (Active blankness is to leave the blank intentionally to better express the page structure and emphasize the different areas of the content.)
To this end, designers often use "Shneiderman's Mantra" ("First express the overall situation, then display details"), first provide a function overview to users, and then provide details on demand -later, when a link is clicked (a link was clicked (a link was clicked (a link was clicked ( Mozilla Labs is the best example).