民初思韻網

加入收藏   設為首頁
選擇語言   簡體中文
你好,請 登陸 或 注冊
首頁 人文思韻 傳奇人物 歷史思潮 時代作品 話題討論 國民思韻 民初捐助 賬戶管理
  搜索  
    人文精神 >>> 創業先鋒 眾人拾柴火焰高
字體    

用戶界面設計的一些方法和基本原則
用戶界面設計的一些方法和基本原則
GameRes游資網     阅读简体中文版


  什么是用戶界面?

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

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


2015-08-23 08:47

歡迎訂閱我們的微信公眾賬號!
春秋茶館訂閱號
微信號 season-tea(春秋茶館)
每天分享一篇科技/遊戲/人文類的資訊,點綴生活,啟迪思想,探討古典韻味。
  清末民初歷史人物  民初人物
孫中山的啟蒙者
近現代的嶺南,湧現出大批引領中國前行的先驅者,近代改良主義者,香港華人領袖何啟便是其中的一位。他不僅是孫中山在香港西醫書院的老師,更是孫中山走向革命道路的思想導師。
為傳統文化招魂
錢穆(1895年7月30日-1990年8月30日),原名恩,字賓四,江蘇無錫人,歷史學家,儒學學者,教育家。錢穆對中國古代政治制度有良好觀感,認為中國傳統政治非但不是君主....
資助民初精神網
        回頂部     寫評論

 
評論集
暫無評論!
發表評論歡迎你的評論
昵稱:     登陸  註冊
主頁:  
郵箱:  (僅管理員可見)

驗證:   验证码(不區分大小寫)  
© 2011   民初思韻網-清末民初傳奇時代的發現與復興   版權所有   加入收藏    設為首頁    聯繫我們    1616導航