01 / imitation

由于不同的設(shè)計(jì)師，可能會發(fā)現(xiàn)設(shè)計(jì)布局是不同的，這種情況可以嘗試模仿這些設(shè)計(jì)師的設(shè)計(jì)布局。即使是再優(yōu)秀的設(shè)計(jì)師，初也是從模仿開始的。

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

閱讀有關(guān)設(shè)計(jì)的文章，是你接觸新事物的好方法，尤其是在你對想法感到困惑時(shí)可以去瀏覽一些設(shè)計(jì)文章。同時(shí)，你也可以從中獲得新的設(shè)計(jì)趨勢。

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/細(xì)節(jié)

03 / details

對于設(shè)計(jì)師來說，許多優(yōu)秀的網(wǎng)站都是在于精致的細(xì)節(jié)，而不是過于夸張的裝飾。

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

這些細(xì)微的處理可使設(shè)計(jì)成為一種強(qiáng)有力的工具。例如，通過在背景上添加漸變、線條或添加小圖，這樣看起來更舒服。

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

04/優(yōu)化對比

04 / optimization comparison

網(wǎng)頁首屏中的文字必須具備可讀性才行，所以你需要確認(rèn)文字與背景之間的色彩搭配能讓用戶看得清楚。當(dāng)你選擇一個(gè)暗色調(diào)的背景，那么你需要使用白色或者淺色的的文字，而當(dāng)背景比較素雅的時(shí)候，文字可以使用深色，這就是我所說的優(yōu)化對比。

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.

當(dāng)然，對比不僅限于色彩，文字同樣存在對比。文字與圖像相互配合，大圖作為背景，用色濃郁，文字則正好相反，輕薄而大小錯(cuò)落。這些對比強(qiáng)烈的元素組合在一起令人印象深刻，達(dá)到出人意表的效果。

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

沿著視覺流向來排布信息是一項(xiàng)重要的技巧。文字與發(fā)生邏輯關(guān)系，兩者相輔相承，所以此時(shí)文字不能覆蓋到的主體部分——比如需要展示的人物，或者產(chǎn)品本身。信息按照視覺流向排布的時(shí)候，中的主體會引導(dǎo)你去觀看文字信息。

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/使用亮色作為強(qiáng)調(diào)

06 / use bright colors for emphasis

大范圍使用亮色會遇到對比度問題，從而無法識別基本的內(nèi)容。在按鈕等小元素上，應(yīng)避免使用白色文字。

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/注意純文本排版的細(xì)節(jié)

07 / pay attention to the details of plain text typesetting

在沒有機(jī)會使用插畫或的情況下，純文本排版往往會很單調(diào)。著眼于色和排版細(xì)節(jié)，可以快速提升界面設(shè)計(jì)感。

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/謹(jǐn)慎使用字間距

08 / careful use of word spacing

如果你不是一位經(jīng)驗(yàn)豐富的設(shè)計(jì)師，請謹(jǐn)慎并克制增大字間距。在文本中增加額外的字間距會造成可讀性問題，并破壞字體設(shè)計(jì)的節(jié)奏。

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/保持恰當(dāng)?shù)男虚L

09 / keep the right president

中文一個(gè)字占兩字符，英文一個(gè)字占一字符，行長在頁面中的大長度不能超過110字符，佳行長在45-75字符，包括空格及標(biāo)點(diǎn)。

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.