How do I consider extra blank areas when designing webpages? -

Source: Internet
Author: User
In a form like this, the left and right sides are blank, so uncomfortable. I am not a virgin. I want to add something else, but this page is really simple, such as logging on to the registration page and entering details. In particular, people's screens are getting bigger and bigger, so they see more and more blank spaces ....... In a form like this, the left and right sides are blank, so uncomfortable.
I am not a virgin.
I want to add something else, but this page is really simple, such as login/registration/fill in details and so on.
In particular, people's screens are getting bigger and bigger, so they see more and more blank spaces ....... Reply content: What makes you feel uncomfortable is not to leave it white, but also to google and baidu. Why are they so nice to leave it white?

Because you have not found the proper alignment and Alignment Line!
For example:
Zhihu's:
A lot of white space is also very nice, right!
The main content occupies the line alignment on the left of the box, and a few buttons align on the right to form two baselines. Then, the entire center makes the left and right sides stay in the same white space, clean, and dead. The main content occupies the line alignment on the left of the box, and a few buttons align on the right to form two baselines. Then, the entire center makes the left and right sides stay in the same white space, clean, and dead.

Another example is google:
Is it completely centered? Is it the beauty of symmetry! Is it completely centered? Is it the beauty of symmetry!

Last example:
The Alignment Line of the content block in the middle is neither golden split nor central axis, so I feel that the whole head is on the left. The Alignment Line of the content block in the middle is neither golden split nor central axis, so I feel that the whole head is on the left.
It doesn't matter if the content is too long. If the content is too long, you can be more extreme. For example:
Do not leave it white for white, The white space serves the content.Only when the subject content has a certain filling level can it be meaningful to leave it blank, so that the subject content can be more prominent.
The main problem is that the form itself is hard to produce enough visual weight due to lack of color, at this time, the form area and background have no visual boundaries (Form Inner OS: wants to melt with you in the galaxy ), this makes you uncomfortable.

If you know the problem, the solution is simple. See the following two solutions.
1. Relatively lazy practice: if the form is monotonous, add a box to distinguish it from the background.
For example:
For example: For example:
For example: For example:
Note: This method cannot be abused; otherwise, the level of vulgarity will pop up. Note: This method cannot be abused; otherwise, the level of vulgarity will pop up.

2. Difficult practices: Use colors and comparisons to enable users to strip and highlight form content from the background psychologically.
For example:
For example: For example:


In addition, how do e-businesses in China do this? Increase area activity advertisement next to it. This is not good or bad. Adults only look at the pros and cons, right. I have a strange idea.
Can you design a squid sp bubble to swim in a large blank space.
I know it's useless.
I just think that I am very happy.

The problem arises. If I want to learn the basics of interaction, what should I do. You can try to put this form directly on a floating window, or you can put it on the right like most websites, and other parts are big enough for other content, such as the login page of QQ mail, you can also refer to the http://yeah.net Login Page, very simple. I think some blank spaces are quite comfortable, so you can focus on a function module. Since I registered it, I focused on registering it. Add the advertiser to the dead and ignore the product quality for your own sake. The white space of advertising space rental web pages and apps can make important content and functions more eye-catching, creating a calm and peaceful visual feeling, while making a webpage or App more cohesive and efficient

Google's homepage and Baidu's homepage both stick to this point. How many times will their pages be accessed in a day? It's really not easy to stick to it. Of course, the new Baidu homepage is already like this:




Google's:
The topic pattern of OFFICE2013 .... ZUNE software background...

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.