超實用！8 個瞬間提升界面質感的小技巧

設計美觀、高效和可用的UI界面需要花費很長的時間，還需要來回多次的設計修改。

經過不斷地調整，最終才能產出令客戶、用戶和自己真正滿意的產品。

在這里，我們總結了一些實用的小技巧，這些技巧可以幫助設計師很輕松地改善設計，并為以后的設計實踐提供有用的指導。

1. 如果文本看起來很沉重，將顏色變淺

當涉及長篇內容時，大面積的深色粗體字會給人一種沉重感，而且很跳躍。

通過選擇類似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個問題，使文字更容易被識別。

2. 字體越小，行高越大

當字體變小時，增大行高可以獲得更好的可讀性和易讀性。

這里介紹兩個容易被混淆的概念——行高和行間距：

• 英文的行高是指上一行的基線到下一行基線之間的距離(紅線標注區域)；
• 行間距指的是兩行字體之間的距離，也就是上一行的下限線與下一行的上限線之間的距離(藍線標注區域)。

3. 選擇一種基礎色，再調整色調和顏色深淺來增加均勻性

設計時不必總是用多種顏色來填充設計。

如果項目允許，只需使用固定的色板，通過選擇基礎色，然后調整色調和顏色深淺，利用這種簡單的方式為設計增加一致性。

4. 突出最重要的因素

通過結合使用字體大小、權重和顏色，可以輕松突出UI中最重要的元素。進行簡單的調整即可使用戶體驗更好。

5. 為了保持一致性，請確保圖標具有相同的視覺樣式

在設計UI圖標時，要保持一致。確保它們具有相同的視覺樣式，相同的比重、填充或輪廓。

圖標通過視覺手段為用戶提供必要的信息，所以保證功能相同的圖標元素一致，外觀視覺一致。

6. 始終將「行為召喚」放在屏幕上最突出的位置

通過使用顏色對比、尺寸和標簽，確保「行為召喚」盡可能突出。

如果可以的話，不要總依賴圖標，也可以使用文本標簽，以便用戶能更好地理解。

行為召喚：透過設計讓用戶想到要做某種行為，例如提示用戶去觸發按鈕、文本或圖片。

7. 為表單錯誤添加額外的視覺反饋

填寫任何形式的表單時，在用戶剛進行的操作旁邊及時出現一條錯誤反饋，是一個簡單但有用的額外視覺輔助。

8. 突出顯示菜單中最常用的操作

設計要在產品內部使用的菜單時，請確保在屏幕上突出顯示最常用的操作(如上傳圖像、添加文件等)。

更多UI小技巧：

歡迎關注作者微信公眾號：「Clip設計夾」