How to make a website look taller and more designed

“How to make a website look high-end? Or more design-oriented?”

Many students are concerned about this issue. Meizu's product experience designer @陈希_CHRISCHEN answered this question on Zhihu and summarized four super practical suggestions to help novices quickly create a high-end design sense.

For the time being, let’s just understand it as how to be better on a visual level. Of course, a website is more than just visual. The final result is a perfect combination of multiple factors. In order to make people feel "high-end", the design must first have a certain impact, so this question can also be understood as how to produce such an impact.

Follow the principle of "simple and ordinary"

Many people mistakenly believe that websites need to use a lot of special effects. Be careful not to use a lot of animations, and the animation should not be too exaggerated (such as the animation of blinds in PPT). Make animations based on the simple movement of objects and the feedback brought by actual operations. They should appear when they should, and not jump around when they shouldn’t.

Similarly, follow a simple and effective layout, use details to change your website, and enhance the aesthetics through details such as paragraph layout, font selection, and the interweaving of images and text.

ps. I remember there is a saying "I am not afraid of people without taste, I am afraid of people without taste working hard"

Willing to leave blank space

The design requires sufficient but not excessive white space, which gives people a sense of luxury. Every inch of space on a page is valuable, so don't fill it up too full unless absolutely necessary. In addition, blank space can better highlight the subject; in certain circumstances, appropriate blank space can also produce different meanings.

Change, that is, contrast

Everything is beautiful because of change. The composition of calligraphy can well interpret this problem. The contrasting beauty of size, thickness, lightness, heaviness, wetness and dryness makes simple words charming.

The same is true for websites. The contrast of fonts alone can create a lot of beauty. Using font changes to layout is also a direct and effective way.

High-quality images

Pictures are the most effective way to create atmosphere, and superimposing text on pictures is a very clever method. The beauty of a high-quality picture itself is enough to enhance the quality.

If you don't believe it, there's something even cooler, the legendary "black and white noise overpowers large characters, high-end and classy", which captures the essence of it.

The layout is simple and ordinary, with abundant white space and loud contrast. Even the picture becomes grand after being processed in black and white + noise. Ah~~ Is there anything that design can’t save?