>>>  創業先鋒 眾人拾柴火焰高  >>>

簡體     傳統

　　什么是用戶界面？

　　用戶界面(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排行榜上，就在你的手機和電腦上。

　　美無止境，用戶界面設計也是如此；源于生活，歸于自然，去發現吧！

GameRes游資網 2015-08-23 08:47:09