8 Trends in Web Design: Single-page, responsive design, etc.

Source: Internet
Author: User
Keywords Trend translated from

Intermediary transaction SEO diagnosis Taobao guest Cloud host technology Hall

From the website design company Weavora.com, this article introduces 8 Web design trends in Their Eyes: single page, photo background, color block design, oversized picture, compact focus, responsive design, parallax scrolling, accent font, each with a number of cases behind each trend, I believe that the Web designer will have a certain reference value.

Single page

The design of a single long page has not been seen (either by customers or designers), but the internet is now ubiquitous. A reasonable explanation is that the user is now accustomed to using the mouse wheel, compared to the multiple pages back and forth to view, using the scroll wheel up and down more convenient.

Some of the most famous companies, including Apple, have used a fairly long page to showcase their products and have achieved a good result.

  

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/

Make a background with a photo

For branding or display purposes, use photos as the background of a Web site, which can create a strong visual expression. This is why you can see such a design in the fashion, clothing brand, tourism industry and so on.

  

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 to introduce the square grid design, these squares are either a solid color block with text, or a square photo with text. "Simplicity" is a big reason for attracting users. Different color blocks put together to form a strong contrast, easy to arouse 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 is related to the popularity of Mac OS X icon design. When programmers launch websites for their Mac programs, it's common to have oversized images and brand-highlighting designs. Naturally, this trend was later inherited by iOS developers as part of a 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 2012, many sites began to seek a crisp, intuitive design. Minimalist design is designed to simplify by consolidating or removing redundant pages, giving only what the user needs. Minimalist design usually uses large bold fonts and oversized pictures to clearly convey the important things that matter.

  

More examples:

http://basecamp.com/

https://www.dropbox.com/

http://www.checkoutapp.com/

http://www.htc.com/

Responsive design

With mobile phones and tablet devices increasingly entering people's lives, responsive design has become an important force in the current web development. A Web page that can be adapted to any device is great. Responsive design ensures that users can browse content as you wish, 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 backgrounds to move at different speeds to form a motion parallax 3D effect. This technology is also likely to become more prevalent as more browsers increase support for visual differences.

  

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/

Accent Font

Previously, the fonts that designers could use were limited by the fonts available locally on the user's computer. Now, with services such as Google Fonts and Typekit, theoretically, the fonts you can use are infinitely many, greatly enhancing the attractiveness of web design. Designers have taken advantage of this opportunity for some time now, and more and more websites also embody the importance of fonts. Even some sites such as Typographica, fonts accounted for the vast majority of the site design, the effect is quite good.

  

More examples:

http://nicehair.org/

http://bitfoundry.ca/

http://daneden.me/type/

Believe that these design methods will be popular for a long time, of course, you can also play the creative, organic combination of them, make excellent website.

Via Weavora

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.