請問icon的設計基本原則有哪些


  1. 統一性,同一套icon保持一定的透視角度、光源、風格(寫實、卡通、象徵、寫意……)等
  2. 識別性,256px以上尺寸的icon會包含很多細節,當縮小到32px以下時,要適當刪減一些不必要的細節,比如陰影、高光、裝飾性圖案等。
  3. 虛邊,要記得修復一些虛化的邊緣。即便是矢量圖形也要在縮小、放大後調整路徑邊緣。


說到設計icon時需要注意的基本原則,就要先了解下icon是怎麼誕生的。

icon是用來代替「某」些文字的

為什麼要代替文字呢?因為有些文字變成圖形後方便識別,甚至可以形成圖騰,掃一眼就知道這個icon是什麼意思了,但並非所有文字都需要用icon去代替,例如:

人類最原始的造字方法就是象形文字,隨著文字的發展,象形文字的局限性越發增長,因為有些抽象的事物是用圖形代替不了的,需要通過繪畫不斷解釋它,才能達到意會。隨之,中國以象形文字為基礎,經過數千年,演變成了漢子,漢子的造字方法有會意、指事、形聲、轉注、假借。會意,通過組合多種象形來說明其意思,例如上面是小,下面是大,組合起來就是三角形,便是「尖」;指事,在象形的基礎上添加指事符號,例如(上、下、刃);形聲,通過在一個母體上標聲,例如(脛、徑、頸、經、陘),就是從母體聲符「巠」上來進行標聲。轉注,兩字同一部首、二字聲音相近、可以互相解釋,如「考」「老」同屬「老」部而又可以互訓(「考,老也。」「老,考也。」);假借,依照它的聲音「假借」一個「同音字」來寄託這個「詞」的意義,例如:「長」是長發,借為長久之長。圖形界面就如象形文字一樣,它會非常出效果,但也會有一些局限性。(圖標簡史詳情可閱讀UI簡史二 《圖形時代》|UI|教程|邵飛Design - 原創文章 - 站酷 (ZCOOL))

風格統一?大錯特錯

現在很多視覺設計師一味的追求icon的繪製風格,這本沒有錯,獨特的風格可以讓icon在界面中脫穎而出,形成記憶點,但如果界面中所有icon都風格統一那將是識別/閱讀的大災難。

設計注意事項

設定目標 弄清楚icon的屬性,是產品icon還是功能icon,如果是產品icon,便需要弄清楚是哪個平台,ios還是安卓,再去閱讀官方出的開發者文檔,根據標準去設計你的icon。

安卓icon設計尺寸

ios icon設計尺寸

(別問我要什麼素材與網址,你很容易就能從網上找到)

是閱讀性的還是提示性的,不同屬性的icon在視覺上都會有不一樣的設計。以推特為例:

這裡的icon既有識別的作用,又是功能按鈕,這樣就必須考慮它的幾種狀態(當前、按下、激活)

這裡的icon只是輔助閱讀的作用,所以它從顏色、形態上會比文字輕

弄清楚icon存在的意義,不同類型icon應該如何應用,不盲目追求視覺上的刺激感而忽略了icon的本質。


推薦閱讀:

在win10下如何修改圖標?
這幾個icon各是怎麼做的?
有哪些優秀的 icon 的免費下載網站?
Font-embedding Icons 怎樣解釋?

TAG:圖標設計 | 圖標 |