01 / imitation

由于不同的设计师，可能会发现设计布局是不同的，这种情况可以尝试模仿这些设计师的设计布局。即使是再优秀的设计师，初也是从模仿开始的。

Because different designers may find that the design layout is different, we can try to imitate the design layout of these designers. Even the most excellent designers begin with imitation.

02/阅读

02 / reading

阅读有关设计的文章，是你接触新事物的好方法，尤其是在你对想法感到困惑时可以去浏览一些设计文章。同时，你也可以从中获得新的设计趋势。

Reading articles about design is a good way for you to get in touch with new things, especially when you are confused with ideas. At the same time, you can get new design trends from it.

03/细节

03 / details

对于设计师来说，许多优秀的网站都是在于精致的细节，而不是过于夸张的装饰。

For designers, many excellent websites are based on exquisite details rather than exaggerated decoration.

这些细微的处理可使设计成为一种强有力的工具。例如，通过在背景上添加渐变、线条或添加小图，这样看起来更舒服。

These subtle treatments make design a powerful tool. For example, by adding gradients, lines, or thumbnails to the background, it looks more comfortable.

04/优化对比

04 / optimization comparison

网页首屏中的文字必须具备可读性才行，所以你需要确认文字与背景之间的色彩搭配能让用户看得清楚。当你选择一个暗色调的背景，那么你需要使用白色或者浅色的的文字，而当背景比较素雅的时候，文字可以使用深色，这就是我所说的优化对比。

First of all, the text in the first screen must be readable, so you need to make sure that the color matching between the text and the background can make the user see clearly. When you choose a dark background, you need to use white or light color text. When the background is simple and elegant, you can use dark color text. This is what I call optimized contrast.

当然，对比不仅限于色彩，文字同样存在对比。文字与图像相互配合，大图作为背景，用色浓郁，文字则正好相反，轻薄而大小错落。这些对比强烈的元素组合在一起令人印象深刻，达到出人意表的效果。

Of course, contrast is not only limited to color, but also text. The text and image cooperate with each other. The big picture is used as the background, and the color is rich. The text is just the opposite, light and scattered in size. The combination of these contrasting elements is impressive and unexpected.

05/沿着视觉流向排布

05 / arrange along the visual direction

沿着视觉流向来排布信息是一项重要的技巧。文字与发生逻辑关系，两者相辅相承，所以此时文字不能覆盖到的主体部分——比如需要展示的人物，或者产品本身。信息按照视觉流向排布的时候，中的主体会引导你去观看文字信息。

It is an important skill to arrange information along the visual flow. The logical relationship between the text and the product is complementary, so at this time, the text can not cover the main part of the product, such as the characters to be displayed or the product itself. When the information is arranged according to the visual flow, the subject in the text will guide you to watch the text information.

06/使用亮色作为强调

06 / use bright colors for emphasis

大范围使用亮色会遇到对比度问题，从而无法识别基本的内容。在按钮等小元素上，应避免使用白色文字。

Large scale use of bright colors will encounter contrast problems, thus unable to identify the basic content. White text should be avoided on small elements such as buttons.

07/注意纯文本排版的细节

07 / pay attention to the details of plain text typesetting

在没有机会使用插画或的情况下，纯文本排版往往会很单调。着眼于色和排版细节，可以快速提升界面设计感。

In the absence of the opportunity to use illustrations or illustrations, plain text typesetting is often very monotonous. Focusing on the brand color and layout details can quickly improve the interface design.

08/谨慎使用字间距

08 / careful use of word spacing

如果你不是一位经验丰富的设计师，请谨慎并克制增大字间距。在文本中增加额外的字间距会造成可读性问题，并破坏字体设计的节奏。

If you are not an experienced designer, be careful and refrain from increasing word spacing. Adding extra word spacing to text can cause readability problems and disrupt the rhythm of font design.

09/保持恰当的行长

09 / keep the right president

中文一个字占两字符，英文一个字占一字符，行长在页面中的大长度不能超过110字符，佳行长在45-75字符，包括空格及标点。

One word in Chinese takes up two characters, one word in English takes up one character, the length of the president in the page can not exceed 110 characters, and the length of the good president is 45-75 characters, including spaces and punctuation.