給UI設計師的12條溫馨小tips，讓你的設計更完美！

設計並不單單只是畫圖就行了，有很多細微東西要注意，比如UI設計中，元素的統一性，圖標風格、段落的排版等等。

下面小狐君總結了12個提升用戶體驗的 UI 設計小技巧，對於新手UI設計師建議一看，注意案例中「對」與「錯」不是絕對的，僅用於參考作用。

01?圖片類APP排版突破

規則是死的，人是活的。

很多時候，如果需求是比較寬且走文藝氣息的時候，要嘗試突破原則，用一些另類的排版方式，其實也是做好設計的本質。

在圖片類app中，錯落一些的排版會使你的作品更有魅力。

02、圖標保持統一性

圖標是UI設計里非常重要的模塊之一，最重要的一點是要保持風格統一。

如果是填充型的圖標，那麼一套設計里不要出現線性的圖標設計。

其次就是描邊大小的統一，定下了3px就要全套保持即可。

最後圖標要做到識別度和差異性。

03?適當留白

好的設計，是在最少的元素下還能第一時間突出重點信息。

極簡是一種趨勢，你要減少不必要的元素，或者簡化元素。

不要想著把畫面撐滿就是好的設計，有時候，適當的留白，會給用戶呼吸的空間更重要。

04?字體運用保持統一

字體合理運用是UI設計很重要的一點，要麼字體很不相同，要麼就用一款字體。

像第一個案例，字體字形比較接近，但是又不是一款字體，看久了會非常突兀。

其次就是要突出主視覺文案的時候，要盡量把輔助字體縮小，形成對比。

05?風格保持統一性

目前最流行的兩種設計方式，第一：扁平化 第二：卡片式。

卡片式最有意思的就是運用投影來模擬現實的距離感和層級。

如果選用卡片式的設計方式，那麼全局盡量都要運用上投影效果，不要一塊卡片，一塊扁平，風格保持統一很關鍵。

06?引導頁風格統一

引導頁的作用，是引導用戶如何使用產品或者提醒更新內容。

不能為了設計而設計，要把握住主題，針對主題進行圖標等元素設計；

比如新增查閱文件夾功能，那麼就要根據文件夾，放大鏡等元素進行設計。

如果用一個掃描儀的元素肯定是錯誤的了。

其次就是風格的統一，如果都是圖標，或者都是圖片，那麼全套都要統一。

07?間距的統一性

間距的統一性，是排版中時刻要注意的。

等距等比是保證界面乾淨整齊的一個關鍵要素。

切記，要麼處處一致，要麼全都不一致。

08?顏色的合理性

顏色的合理運用，是至關重要的。

一個app或者一個界面盡量要保證一個主色調，一個輔色調即可。

不要出現干擾或者與主色調無關的顏色，這樣會導致用戶質疑你到底是不是一款產品。

其次就是，想讓用戶點擊什麼按鈕，那麼取消按鈕最好弱化視覺。

09?輔助指引的運用

這一點是很多人忽視的，一款好的設計或者好的產品，一定要做好輔助指引工作。

比如上面的兩個登陸界面，如果再輸入過程中有相應的指引，那麼會減少用戶出錯的幾率，也會減少來回點擊查看這個框是幹什麼的次數，總之，指引很關鍵。

10?該突出就大膽突出

很多時候，對比突出做到位了，才能讓用戶第一跟進來把注意力集中在一個點上。

比如上面第一個案例：沒有形成鮮明的對比，用戶進來就會不知道先把注意力集中在哪個點上，第二個是正確的作法。

11?讓用戶知道在什麼位置

用戶位置，是交互邏輯上很重要的一點。

你要讓當前位置足夠清晰，要一眼看到現在什麼位置才是正確的，不要害怕對比過程，你要做的就是告訴用戶，我在這裡。

12?恰當跟隨漸變色趨勢

2017年自從淘寶ui改版後，漸變色又逐漸流行起來，但是也不能盲目跟隨，還是看產品主要氣質。

其次就是運用漸變色彩不要跨色系，盡量同色系，根據明度的變化來調節，太浮誇太誇張就是不適合的了。

喜歡這篇文章嗎？立刻分享出去讓更多人知道吧！