起點課堂會員權益
職業體系課特權
線下行業大會特權
個人IP打造特權
30+門專項技能課
1300+專題課程
12場職場軟技能直播
12場求職輔導直播
12場專業技能直播
會員專屬社群
榮耀標識用戶界面設計的一些方法和原則
什么是用戶界面？
用戶界面（UI，User Interface）也稱人機界面，是人機交互、操作邏輯和界面表現的整體設計。每一種設計都有其對應的職業角色，其中，人機交互的設計人員叫做用戶研究工程師，操作邏輯設計人員叫做交互設計師，界面表現設計人員叫做視覺設計師。
本篇我們所指的用戶界面設計，特指界面表現部分的設計，僅此一點，設覺設計師就不應該是“美工”那么簡單。因為用戶界面的表現質量與用戶體驗直接相關，是產品最接近用戶的的部分，是產品的“臉”。既然跟用戶體驗相關，就必須要有用戶思維，要想設計出打動人心的用戶界面，就要站在用戶的角度思考設計。
換個角度，我們說計算機（電腦）的構成，硬件和軟件。硬件為計算機提供信息處理的環境支持，軟件為計算機提供信息處理的方案，幫助用戶解決問題。也就是說，用戶使用電腦，實際是在使用軟件，本質就是與軟件的用戶界面打交道的過程。
用戶界面設計的基礎知識有哪些？
設計的基礎，一定和“美”有關。Smartisan的設計總監方遲曾在一次分享會上問到一個問題，說人類很容易辨別“美”和“丑”，回答為什么“丑”也很容易，但面對“美”的東西卻常常說不出為什么美，美在哪里。是的，其他人都可以回答不出，但是作為產品經理的你，是有必要對“美”有一定的認知。
有本書值得推薦，《寫給大家看的設計書》，作者Robin Williams給出了“美”的設計原則，我深以為是，并漸漸的應用在了自己的產品工作中。
CRAP設計原則
Contrast（對比）
“如果兩個元素不同，就會產生對比。倘若兩個元素存在某種不同，但差別并不是很大，那么你做出的效果并不是對比，而是沖突。這就是關鍵，Robin Williams對比原則：”如果兩個項不完全相同，就應當使之不同，而且應當是截然不同（強烈）的?！薄?/p>
對比的目的有兩個，一是增強頁面的表現效果，二是有助于界面信息的組織。
Repetition（重復）
“Robin Williams重復原則：“設計的某些方面（元素）需要在整個作品中重復”。重復的元素可能是一條粗線、一種粗字體，某個項目符號、顏色、設計要素、某種格式、空間關系等。總之，讀者（用戶）能夠看到的任何方面都可以作為重復元素。“
重復的目的就是統一，并增強視覺效果。
Alignment（對齊）
“Robin Williams對齊原則：“任何元素都不能在界面上隨意安放。每一項都應當與界面上的某個內容存在某種視覺聯系?！薄痹囍诮缑嫔现皇褂靡环N文本對齊方式：所有文本都左對齊，或右對齊，或者全部居中。當然，前提是你要找一條明確的對齊線，并堅持以它為基準進行界面的設計。
對齊的目的是使界面統一而有條理（教養）。
Proximity（親密性）
“Robin Williams親密性原則：“將相關的項組織在一起，移動這些項，使它們的物理位置相互靠近?！啊痹谌藗兊囊庾R里，物理位置的接近就意味著存在聯系。
親密性的目的是實現界面信息的組織化，形成視覺的模塊化。在你將界面中的相關元素放在一起展示的同時，也使界面的空白區域（留白）更加整潔、美觀。
我們的眼睛喜歡看到有序的事物，這會給人一種平靜、安全的感覺。
用戶界面設計有什么原則嗎？
置界面與用戶的控制之下（高效）
界面設計的目的是滿足用戶完成任務的需求，也就是說是能夠表達出功能的含意，讓用戶快速理解界面內容和功能。如360安全衛士PC客戶端的界面設計，凸顯其核心功能“體檢”。
減少用戶的記憶負擔（簡單）
減少用戶的記憶負擔的核心有兩個：界面簡單和設計邏輯清晰。
界面簡單，是指元素和內容的清晰直觀的表達效果。
設計邏輯清晰，是指界面元素位置的放置是有邏輯的（常規邏輯，保證用戶可理解），而不是隨意的。其實，這里追求的是，界面能夠引導用戶的視覺流，跟隨著設計邏輯（與界面角色和功能相關）進行。
界面風格統一（自然）
界面風格的統一有三方面內容：產品目標、硬件（設備）、用戶習慣。
與產品目標、核心功能的傳達一致。產品目標決定了界面中的元素和元素間的主次關系，理解了產品目標、核心功能，再開始用戶界面的設計。
與硬件（設備）的設計風格一致。如iOS6、iOS7、WP10平臺，不同平臺手機、平板、PC的界面，都是要分別進行設計的（功能實現、手勢操作等都有區別），這個是基礎。
與用戶習慣（印象）的風格一致。主要指用戶元素的設計，如用戶印象里“齒輪”表示“設置”功能，“頭像”表示個人中心功能，用戶界面設計時應當充分考慮這點。如果你覺得有更好的表意，也不妨嘗試。不過，有句話說的好，打破規則前要清楚規則是什么。
用戶界面設計的流程是怎樣的？
用戶界面設計的流程，其實就是設計原則中的任務項的倒敘排列。如下：
“理解產品目標及核心功能→根據不同硬件設備分別設計→根據用戶習慣選擇元素→優化界面邏輯→精簡界面元素→突出核心功能→初稿→用戶測試→修改初稿→確定用戶界面→提交設計”。
1、理解產品目標及核心功能（與產品經理溝通）
2、根據不同硬件設備分別設計（平臺屬性、支持手勢等）
3、根據用戶習慣選擇元素（與用研工程師溝通）
4、優化界面邏輯
5、精簡界面元素
6、突出核心功能
7、用戶測試
8、修改初稿
9、提交設計
綜上，和產品經理一樣，視覺設計師也應該要有較強的溝通能力，最好也有瞬間變用戶的能力。
好的用戶界面是什么樣子？
雅虎天氣
網易云音樂
我們試著總結，優秀的用戶界面設計，通常有以下特征：
1、引導用戶視覺
2、配色合理（與產品功能相符、色彩搭配科學）
3、考慮用戶場景
用戶界面的好壞，最終還是要用產品說話，要讓用戶評價的。所以，如果你要問好的用戶界面在哪里？其實，它們就在App Store排行榜上，就在你的手機和電腦上。
美無止境，用戶界面設計也是如此；源于生活，歸于自然，去發現吧！
本文為作者 @盧璞 投稿發布，轉載請注明來源于人人都是產品經理并附帶本文鏈接
- 目前還沒評論，等你發揮！
