抽絲剝繭的Icon設(shè)計

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

 

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

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

可見icon的呈現(xiàn)并不是越真實越好。一個優(yōu)秀的icon必須抽絲剝繭,把不必要的細(xì)節(jié)去除掉,同時又不能過于抽像。 事實上,一個icon 的認(rèn)知度跟細(xì)節(jié)有如下圖的關(guān)系:

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

結(jié)果該團(tuán)隊決定參考Apple 的做法,直接寫Clear 了事XD

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

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!