Web Design: Eight Things to Know

This article mainly introduces the eight web design trends, respectively, a single page, with photos as the background, color design, oversized pictures, focus on simple, responsive design, parallax scrolling, emphasizing fonts, with 8 trends, each Behind the trend are accompanied by several cases, the following is an introduction to eight trends.

Single Page

The design of a single long page was once unobtrusive to both the client and the designer, but now the entire Internet is everywhere. A reasonable explanation is that users are now accustomed to using the mouse wheel, compared with the multiple pages to view back and forth, use the scroll wheel to navigate up and down much easier.

Some well-known big companies, including Apple, also used quite a long page to display products and got very good results.

More examples:

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

http://www.visualboxsite.com/

http://www.versapay.com/

http://www.fitbit.com/

http://cageapp.com/

http://www.squarespace.com/

Use photo as background

For the purposes of branding or display, use the photo as a backdrop to your website, which can create a strong visual expression. This is also why you can see such a design approach in fashion, clothing brands, tourism and more.

More examples:

http://www.biamar.com

http://alexarts.ru/en/index.html

http://www.davidia-int.hr/

Color block design

This design method is mainly the introduction of the grid design of the box, these boxes are either solid color with text, or square photos with text. "Simple" is a big reason to attract users. Different color blocks put together to form a strong contrast, easily lead to the user's visual interest, and then continue to explore.

More examples:

http://dynamit.us/

http://lithium.com/

http://landor.com/

http://www.pepsi.com/

Oversized picture

The rise of this trend with the Mac OS X icon design on the popular. When a programmer launches a website for his Mac program, it comes with oversized pictures that highlight the brand's design. Naturally, this trend was later inherited by iOS developers as part of the modern design culture.

More examples:

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

http://panic.com/

http://versionsapp.com/

http://www.piictu.com/

http://www.enstore.com/

Focus on simplicity

The pursuit of simplicity throughout the entire 2012, many sites began to seek bright, intuitive design. Minimalist design is designed to simplify things by integrating or removing extra pages, giving users what they need. Minimalist design usually uses large, bold fonts and oversized pictures to clearly convey important things.

More examples:

http://basecamp.com/

https://www.dropbox.com/

http://www.checkoutapp.com/

http://www.htc.com/

Responsive design

As mobile phones and tablet devices increasingly enter people's lives, responsive design has become a force that can not be ignored in today's web development. A webpage that adapts to any device is amazing. Responsive design ensures that users browse content as often as they like, whether on a mobile device or on a PC.

More examples:

http://www.nealite.fr/

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

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

http://www.floridahospital.com/

Parallax scrolling

The so-called "Parallax Scrolling" (Parallax Scrolling) is to allow multi-layer background to move at different speeds, the formation of motion parallax 3D effect. As more and more browsers increase parallax support, this technique is also likely to become even more prevalent.

More examples:

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/

Emphasize fonts

Once upon a time, the fonts the designer could use were limited by the fonts native to the user's computer. Now, with services like Google fonts and TypeKit, you can theoretically say that there are so many fonts that you can use that greatly enhance the appeal of your website design. Designers have taken advantage of this opportunity for some time, and more and more sites have also embraced the importance of fonts. Even some sites such as Typographica, fonts accounted for the vast majority of the entire site design, out of the effect is quite good.

More examples:

http://nicehair.org/

http://bitfoundry.ca/

http://daneden.me/type/

I believe these design methods will prevail for a long period of time, of course, you can also play a creative, organic combination of them, make excellent website.

via weavora