01 / imitation

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

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è)計的文章，是你接觸新事物的好方法，尤其是在你對想法感到困惑時可以去瀏覽一些設(shè)計文章。同時，你也可以從中獲得新的設(shè)計趨勢。

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

03 / details

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

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

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

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)頁首屏中的文字必須具備可讀性才行，所以你需要確認文字與背景之間的色彩搭配能讓用戶看得清楚。當你選擇一個暗色調(diào)的背景，那么你需要使用白色或者淺色的的文字，而當背景比較素雅的時候，文字可以使用深色，這就是我所說的優(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.

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

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

沿著視覺流向來排布信息是一項重要的技巧。文字與發(fā)生邏輯關(guān)系，兩者相輔相承，所以此時文字不能覆蓋到的主體部分——比如需要展示的人物，或者產(chǎn)品本身。信息按照視覺流向排布的時候，中的主體會引導(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/使用亮色作為強調(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/注意純文本排版的細節(jié)

07 / pay attention to the details of plain text typesetting

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

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

如果你不是一位經(jīng)驗豐富的設(shè)計師，請謹慎并克制增大字間距。在文本中增加額外的字間距會造成可讀性問題，并破壞字體設(shè)計的節(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/保持恰當?shù)男虚L

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.