一、一致性
顧名思義，每個(gè)界面的操作體驗(yàn)、風(fēng)格元素都要保持一致。保持一致性能提升界面的品質(zhì)感，提升用戶的體驗(yàn)，讓設(shè)計(jì)看起來更加規(guī)范和專業(yè)。在界面設(shè)計(jì)中，基礎(chǔ)的交互需要保持一致，相似的功能需要放在一起，盡量保持結(jié)構(gòu)框架的統(tǒng)一。另外，頁面加載方式、空頁面提示、UI圖標(biāo)、色調(diào)也需要保持一致，總而言之，讓你的網(wǎng)站設(shè)計(jì)看起來是擁有整體性，而不是斷裂、零散、跳戲的。

二、字體
字體在設(shè)計(jì)中占有很重要的一部分，在UI設(shè)計(jì)中也是最為關(guān)鍵的信息傳遞載體之一。字體排版中的字體行高、間距、段落等等，這些都是設(shè)計(jì)師必須去掌握的基礎(chǔ)，但是有一些看似簡單的規(guī)則，卻常常會(huì)被忽略。網(wǎng)頁中有些文本的結(jié)尾標(biāo)點(diǎn)符號(hào)在首，往往會(huì)形成句尾參差不齊。因此我們可以利用「優(yōu)先推入式」標(biāo)點(diǎn)擠壓的方式，將標(biāo)點(diǎn)符號(hào)進(jìn)行空間擠壓，這樣可以在很大程度上確保文字整齊一致。



另外在英文排版中，英文點(diǎn)號(hào)后面需要加空格，不然會(huì)導(dǎo)致語句之間過于擁擠，而中英文結(jié)合的時(shí)候，之間也是需要空格進(jìn)行分割處理，除此之外中文和數(shù)字之間也是如此。



三、色彩
色彩是我們?nèi)庋圩钪庇^的感受。在設(shè)計(jì)中，顏色是尤為關(guān)鍵的一部分，它賦予了內(nèi)容不同的表現(xiàn)形式。在色彩心理學(xué)中介紹，不同的顏色給予用戶不同的心理感受。色彩搭配講究顏色統(tǒng)一、協(xié)調(diào)，在一些界面中，我們可以利用這種色彩技巧去營造氛圍，可以有效的提高界面沉浸感，但是產(chǎn)品中由于內(nèi)容的差異無法固定顏色，而這也會(huì)導(dǎo)致顏色統(tǒng)一性較難處理，因此可以利用代碼的能力判斷封面色彩傾向，從而進(jìn)行填色。


五、動(dòng)效
在很多優(yōu)秀的設(shè)計(jì)網(wǎng)站上，我們可以發(fā)現(xiàn)大多數(shù)交互動(dòng)效都是對(duì)持續(xù)元素進(jìn)行特殊處理，他們不僅可以讓動(dòng)效更加特別，還可以提高產(chǎn)品的流暢度。網(wǎng)頁端有一個(gè)不同于移動(dòng)端的交互，那就是hover，因此我們可以利用這種交互方式，去處理信息的重要層級(jí)，然后根據(jù)用戶的操作再進(jìn)行詳細(xì)露出，很大程度上優(yōu)化了信息空間展示。



其實(shí)網(wǎng)站設(shè)計(jì)的價(jià)值不單單只是我們平時(shí)看到的產(chǎn)品分析、用戶畫像、體驗(yàn)地圖，其實(shí)從設(shè)計(jì)的角度出發(fā)，也有很多價(jià)值點(diǎn)，我們作為一名設(shè)計(jì)師，更應(yīng)該根據(jù)產(chǎn)品現(xiàn)狀去制定明確的設(shè)計(jì)目標(biāo)，深入挖掘，利用有效的設(shè)計(jì)價(jià)值觀，正確的驅(qū)動(dòng)設(shè)計(jì)前行，最終通過設(shè)計(jì)去提高產(chǎn)品體驗(yàn)。