（2）UI設計是有邊界，重視UI規範

UI設計不是天馬行空的，有UI規範約束的產品更有一致性、整體性。按鈕、文字等都需要有統一的規範，細節處的一致性更是展現品牌的穩定性。

如還沒有UI規範，產品經理需給UI設計師施於一定的壓力，哪怕是簡易版本，基本的字號大小、主題色、輔助色的規定，彈窗樣式等。

產品經理驗收時，除了查看有無功能錯漏，更需要注意細節的檢查。如字體是否顯示有序，按鈕注意顏色是否突兀……

（3）格式塔心理學理論應用，使界面被正確的認知

格式塔心理學理論比較龐雜，用在UI設計中，簡單理解：人看圖片是一開始看到的是眼睛和大腦處理過的簡單整體，而後纔是細節。

在一個界面裏，人只能接收少數不規則的視覺信息，太多的不規則信息如大腦無法形成整體認知，從而會覺得界面不友好。

所以，產品經理判斷：

（4）審美的開始是審醜

先要知道什麼是醜的設計，這裏不是指個人審美的美醜，而是是否符合產品調性，是否符合基本的美學原理。如排版清晰有序，不幹擾信息的獲取或閱讀，是否帶有時代的痕跡（過時）等。

眼界是一個人審美的上限，平時要多注意提高審美。去看大量好的設計，看能接觸到的最美設計，如一些國際設計大獎的獲獎作品。

關於色彩

（1）每個色彩都有冷暖

瞭解色盤，基本的冷色、暖色是什麼感覺，可能有工作很多年的設計師也不清楚如何判斷冷色、暖色。同樣的橙色，往黃色方向偏點就是暖色；往綠色方向就是冷色。

一個界面裏是冷冷色搭配、暖暖色搭配，纔會和諧、舒適、順眼。

（2）色彩是有味道的——酸甜苦辣鹹

紅色是熱情又侵略的，黃色是陽光、希望，藍色是和平、穩定，白色是簡潔、乾淨，黑色是詭異、奢華……每種顏色都有不同的味道，可以營造不同的氛圍。

看設計圖時，產品經理需着眼整體氛圍，根據其具體的色彩情緒去判斷是否符合產品要求。

隨意從網易雲音樂中截取了兩張輪播圖，同樣是紅色，前者是漫威的宣傳，紅黑搭配有熱血的氛圍，黃色點睛；後者是Blossoms的輕音樂，歌曲清新自然，紅白的搭配營造清新的韻律。

這就是氛圍的營造，試想下，這兩者紅色反過來搭配，會及其不協調，氛圍很詭異。

（3）配色是可數據化

有一個小技巧，可以搭配出統一風格的配色——HSB調色法。

HSB又稱HSV，表示一種顏色模式：在HSB模式中，H（hues）表示色相，S（saturation）表示飽和度，B（brightness）表示亮度HSB模式對應的媒介是人眼。

HSB模式中S和B呈現的數值越高，飽和度明度越高，頁面色彩強烈豔麗，對視覺刺激是迅速的，醒目的效果，但不益於長時間的觀看。

在PS中，色相就是色盤，0°—360°，飽和度和亮度都是0%—100%。輸入有規律的數值（整十、正數），可以得到有規律的色彩，調配出有規律的統一的顏色。

有興趣的小夥伴可以打開PS嘗試一下，看看輸入同樣的飽和度，有規律的輸入不同的色相、亮度，會有怎樣的變化。與之前憑感覺的色彩搭配相比是不是更穩定，更有規律可循？

以上就是近期學習UI的心得，再總結下：

如果喜歡我的文字，如果你也是產品小白，一起升級打怪啊~

作者：xlin，公衆號：曉途

本文由 @xlin 原創發佈於人人都是產品經理。未經許可，禁止轉載

題圖來自Unsplash，基於CC0協議

聲明：該文觀點僅代表作者本人，搜狐號系信息發佈平臺，搜狐僅提供信息存儲空間服務。