Design method of Web page design saving page space

Source: Internet
Author: User

When you look at a page, how many screens do you read? A screen? Two screens? Still is...... According to many web designers, most visitors do not browse through the page from beginning to end, usually after three screens, few people seriously go to see.

In fact, designing a page is like designing a stamp, to accommodate as many things in a limited space as possible, this time to see more common ways to save page space.

1. Use Drop-down Menu and Tab tab page

Both of these effects are inspired by the menu bar and tab bar in the operating system, but in the web design, the drop down menu and the effect of the label switch can be more gorgeous than the software.

2. Content Carousel

This effect is actually the two years to discuss the more "slide" effect, design inspiration from the street to play billboard. On the Web page can attract visitors to the eye, and can show the important content of the site.

3. Message box effect

This effect is also inspired by the operating system's mouse hover text hint, which is tips. But the Tip box on the Web page is not as simple as text, you can design all the content that the browser supports in the frame!

4. Local amplification Effect

This effect is inspired by the operating system's screen magnification tool, which is used on Web pages for product display, and has spawned multiple amplification methods.



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.