Be sure to know web design eight trends

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

People rely on clothing, the company by packaging, the web must be a square. If the company's Web page does not represent its own image, we must not blame the customer's superficial and preconceived, blame it on the design of their own website is too outdated and old-fashioned.

Do you want to know what kind of web design people love and feel comfortable with? For this reason, we have summed up some of the current web design elements in the Web site we've seen over the past few years. Of course, this is not the ultimate list, but we predict that in the days to come, the popular trend of web design will still be "great".

Specifically including a single page site, with pictures to do the background, solid block, oversized images, the simpler the better, responsive web design, parallax scrolling into motion (recommended) and pay attention to typography, such as eight major trends.

Fashion Trend 1: Single page Web site

When it comes to a page with a long screen of content, designers have been disgusted with it, but users have long been accustomed to this way. In the user's subconscious, they will habitually scroll the mouse down to get more information and information. If you simply split the content into several pages, I am afraid it is really not conducive to users to find information.

To this end, "single page site" came into being. Some of the most famous and successful companies--including Apple--have used long pages to introduce their products and have been successful.

The use of "one-page Web site" design, one screen and another screen, preferably with a similar color and harmony but can also be the boundaries of different background rotation.

Examples worthy of reference:

· http://www.apple.com/iphone/features/

· http://www.visualboxsite.com/

· http://cageapp.com/

· http://www.squarespace.com/

Fashion Trend 2: Background with pictures

The second popular trend in fact has already appeared, is a large picture to do the background. The trend, led by fashion brands and photographers, is now in almost every industry and is well received.

Use the picture to do the background this kind of design way, can present the brand image very well, especially when the website is wants to express own statement by the strong visual effect. Therefore, this kind of way often appears in the fashion brand, the clothing brand and the traveling profession and so on.

Examples worthy of reference:

Fashion Trend 3: solid block

"Solid block" this trend, as the name implies is a series of monochrome brick-shaped graphics, in the form of a grid stack together. At the same time, you can carry text or images on each monochrome block of a different color.

This design method is simple and clear, so users are more happy. Moreover, there is a strong visual contrast between the different solid-colored bricks, the text or the pictures, and the desire for the user to click on the bricks.

Examples worthy of reference:

http://dynamit.us/

· http://lithium.com/

· http://landor.com/

· http://www.pepsi.com/

Flow Trend 4: Oversized images

This trend is mostly related to the popularity of Mac OS x icons. Programmers who want to promote their Web sites in Mac apps often have to design their own brands as "oversized" styles. Over time, IOS program developers have adopted this "oversized image" approach. Therefore, it also gradually occupies a seat in the modern design culture.

Examples worthy of reference:

· http://www.zennaware.com/cornerstone/index.php

· http://panic.com/

· http://versionsapp.com/

· http://www.enstore.com/

Flow Trend 5: The simpler the better

Constantly simplifying, can be said to be on the top of the 2012-year trend of design trends, many sites are more focused on simple and intuitive design.

Minimalist design, through the integration or deletion of unnecessary pages, can be the user's required information more effectively presented to them. Minimalist design, usually with the following techniques to reach the focus of the purpose: the use of large fonts, bold font, and oversized images and so on.

Examples worthy of reference:

· http://basecamp.com/

· https://www.dropbox.com/

· http://www.checkoutapp.com/

· http://www.htc.com/

Fashion Trends 6: Responsive web Design

Responsive web design has become increasingly important as mobile phones and tablet computers browse the Web. It is very important to be able to design a page that matches the format and size of different devices. If you want to make sure that the content is as it should be, whether it's a mobile device or a desktop computer, it's a good way to follow the "responsive web design" trend.

Examples worthy of reference:

· http://www.nealite.fr/

· http://twitter.github.com/bootstrap/

· http://www.fork-cms.com/

· http://www.floridahospital.com/

Popular Trend 7: Parallax rolling movement

Parallax (Parallax) is formed when two or more parallel objects move at different velocities.

The specific application in the Web design, is "parallax scrolling (parallax scrolling)": When scrolling the mouse, the page of different objects, according to the mouse rolling at different speeds of movement, so that the visual formation of "dynamic" effect. (If not, please click on the website below and scroll through the mouse to experience it.) Experience, it is recommended that you use the Chrome browser. )

With more and more browsers supporting the "Parallax" feature, the trend is likely to dominate the market and break the single linear pattern of previous Web content. At present, there are many beautiful websites that use the "visual scrolling" technology.

Pretty good example:

· http://benthebodyguard.com/index.php

· http://www.tokiolab.it/#/

· http://chartbeat.com/

· http://inze.it/

· http://titanic.q-music.be/

· http://www.noleath.com/noleath/

Fashion Trend 8: Focus on typography

The days when designers have only a handful of font styles available are long gone. Now, the Web font library, such as Google Fonts and Typekit, provides designers with almost no number of font styles. With them, designers can be "arbitrary" to use their fists, the web design more attractive.

In strict terms, the choice of fonts is not a trend, but the design has become a popular way to beautify the web by creating a variety of fonts. Web sites like Typographica, which are designed to make the site visually pleasing almost exclusively through fonts.

The sites that are worth referring to are:

· http://nicehair.org/

· http://bitfoundry.ca/

· http://daneden.me/type/