抽絲剝繭的Icon設計

0 評論 4981 瀏覽 0 收藏 2 分鐘

 

一個icon設計的好壞,除了好看與否以外,還有是功能性的考量-是否容易、準確地讓用戶理解到其所想表達的意思。每一UI上的icon(符號)背后其實都是一個「隱喻」,運用真實世界所熟悉的概念來描述某功能。

其中一個影響icon表達能力的因素是icon的真實度(realism)。在《Realism-in-UI-Design》一文中作者舉出了如下例子:

可見icon的呈現并不是越真實越好。一個優秀的icon必須抽絲剝繭,把不必要的細節去除掉,同時又不能過于抽像。 事實上,一個icon 的認知度跟細節有如下圖的關系:

當然,抽絲之前當然先得確保對像是正確。特別是要形像化一些抽像概念的時候,選擇一個正確的符號會是整個設計中 最困難的一個環節。 Mac 軟件開發公司?Panic 的設計部門在設計 清除 Clear 按鈕的時候就嘗試了二十多種做法:

結果該團隊決定參考Apple 的做法,直接寫Clear 了事XD

源地址:http://ka-yue.com/blog/re……-in-ui-design

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!