文／ openself
什麼是使用者界面？
使用者界面(UI，User Interface)也稱人機界面，是人機互動、操作邏輯和界面表現的整體設計。每一種設計都有其對應的職業角色，其中，人機互動的設計人員叫做使用者研究工程師，操作邏輯設計人員叫做互動設計師，界面表現設計人員叫做視覺設計師。
本篇我們所指的使用者界面設計，特指界面表現部分的設計，僅此一點，設覺設計師就不應該是“美工”那麼簡單。因為使用者界面的表現品質與使用者體驗直接相關，是産品最接近使用者的的部分，是産品的“臉”。既然跟使用者體驗相關，就必須要有使用者思維，要想設計出打動人心的使用者界面，就要站在使用者的角度思考設計。
換個角度，我們說計算機(電腦)的構成，硬體和軟體。硬體為計算機提供資訊處理的環境支援，軟體為計算機提供資訊處理的方案，幫助使用者解決問題。也就是說，使用者使用電腦，實際是在使用軟體，本質就是與軟體的使用者界面打交道的過程。
使用者界面設計的基礎知識有哪些？
設計的基礎，一定和“美”有關。Smartisan的設計總監方遲曾在一次分享會上問到一個問題，說人類很容易辨識“美”和“醜”，回答為什麼“醜”也很容易，但面對“美”的東西卻常常說不出為什麼美，美在哪裡。是的，其他人都可以回答不出，但是作為産品經理的你，是有必要對“美”有一定的認知。
有本書值得推薦，《寫給大家看的設計書》，作者Robin Williams給出了“美”的設計原則，我深以為是，并漸漸的應用在了自己的産品工作中。
CRAP設計原則
1、Contrast(對比)
“如果兩個元素不同，就會産生對比。倘若兩個元素存在某種不同，但差别并不是很大，那麼你做出的效果并不是對比，而是沖突。這就是關鍵，Robin Williams對比原則：”如果兩個項不完全相同，就應當使之不同，而且應當是截然不同(強烈)的。””
對比的目的有兩個，一是增強頁面的表現效果，二是有助于界面資訊的組織。
2、Repetition(重複)
“Robin Williams重複原則：“設計的某些方面(元素)需要在整個作品中重複”。重複的元素可能是一條粗線、一種粗字型，某個項目符号、顔色、設計要素、某種格式、空間關系等。總之，讀者(使用者)能夠看到的任何方面都可以作為重複元素。“
重複的目的就是統一，并增強視覺效果。
3、Alignment(對齊)
“Robin Williams對齊原則：“任何元素都不能在界面上随意安放。每一項都應當與界面上的某個内容存在某種視覺聯系。””試着在界面上隻使用一種文本對齊方式：所有文本都左對齊，或右對齊，或者全部居中。當然，前提是你要找一條明确的對齊線，并堅持以它為基準進行界面的設計。
對齊的目的是使界面統一而有條理(教養)。
4、Proximity(親密性)
“Robin Williams親密性原則：“将相關的項組織在一起，移動這些項，使它們的實體位置互相靠近。“”在人們的意識裡，實體位置的接近就意味着存在聯系。
親密性的目的是實作界面資訊的組織化，形成視覺的子產品化。在你将界面中的相關元素放在一起展示的同時，也使界面的空白區域(留白)更加整潔、美觀。
我們的眼睛喜歡看到有序的事物，這會給人一種平靜、安全的感覺。
使用者界面設計有什麼原則嗎?
1、置界面與使用者的控制之下(高效)
界面設計的目的是滿足使用者完成任務的需求，也就是說是能夠表達出功能的含意，讓使用者快速了解界面内容和功能。如360安全衛士PC用戶端的界面設計，凸顯其核心功能“體檢”。
2、減少使用者的記憶負擔(簡單)
減少使用者的記憶負擔的核心有兩個：界面簡單和設計邏輯清晰。
界面簡單，是指元素和内容的清晰直覺的表達效果。
設計邏輯清晰，是指界面元素位置的放置是有邏輯的(正常邏輯，保證使用者可了解)，而不是随意的。其實，這裡追求的是，界面能夠引導使用者的視覺流，跟随着設計邏輯(與界面角色和功能相關)進行。
3、界面風格統一(自然)
界面風格的統一有三方面内容：産品目标、硬體(裝置)、使用者習慣。
與産品目标、核心功能的傳達一緻。産品目标決定了界面中的元素和元素間的主次關系，了解了産品目标、核心功能，再開始使用者界面的設計。
與硬體(裝置)的設計風格一緻。如iOS6、iOS7、WP10平台，不同平台手機、平闆、PC的界面，都是要分别進行設計的(功能實作、手勢操作等都有差別)，這個是基礎。
與使用者習慣(印象)的風格一緻。主要指使用者元素的設計，如使用者印象裡“齒輪”表示“設定”功能，“頭像”表示個人中心功能，使用者二手遊戲交易平台界面設計時應當充分考慮這點。如果你覺得有更好的表意，也不妨嘗試。不過，有句話說的好，打破規則前要清楚規則是什麼。
使用者界面設計的流程是怎樣的?
使用者界面設計的流程，其實就是設計原則中的任務項的倒叙排列。如下：
“了解産品目标及核心功能→根據不同硬體裝置分别設計→根據使用者習慣選擇元素→優化界面邏輯→精簡界面元素→突出核心功能→初稿→使用者測試→修改初稿→确定使用者界面→送出設計”。
1、了解産品目标及核心功能(與産品經理溝通)
2、根據不同硬體裝置分别設計(平台屬性、支援手勢等)
3、根據使用者習慣選擇元素(與用研工程師溝通)
4、優化界面邏輯
5、精簡界面元素
6、突出核心功能
7、使用者測試
8、修改初稿
9、送出設計
綜上，和産品經理一樣，視覺設計師也應該要有較強的溝通能力，最好也有瞬間變使用者的能力。
好的使用者界面是什麼樣子?
1、雅虎天氣
2、網易雲音樂
我們試着總結，優秀的使用者界面設計，通常有以下特征：
1、引導使用者視覺
2、配色合理(與産品功能相符、色彩搭配科學)
3、考慮使用者場景
使用者界面的好壞，最終還是要用産品說話，要讓使用者評價的。是以，如果你要問好的使用者界面在哪裡?其實，它們就在App Store排行榜上，就在你的手機和電腦上。