通可愛的類型,那么的圖標設計上也要體現這個性格特點,盡量使用卡通圓潤的方法去設計。一個廣告語:復雜世界里,一個就夠了,整個APP從啟動圖標到整體調性都是簡潔干凈,克制的色彩運用傳達產品調性。
品牌感就是我們上面談到的要與品牌理念相符,傳達給用戶的感受一致,通過吸取品牌色,提取品牌元素,采用品牌吉祥物和品牌圖形的方法來提取品牌基因。我們要試著從品牌設計的角度去理解,尋找自己產品獨特的品牌氣質,挑選合適的技法。然后把這些元素具象化,融入在界面設計中。下面幾款產品從產品名到啟動圖標設計高度融合。
圖標可用性測試是基本規則是根據圖標驗證推導的
識別度:
1、用戶是否能夠理解圖標的含義?
2、是否是用戶熟悉的圖標?
3、是否與其他圖標含義沖突?
4、是否能通過5秒原則?
5、圖標的可擴展性怎么樣?
6、是否需要增加文字標簽?
設計是否統一
1、視覺語言是否統一?
2、圖標的設計復雜程度是否統一?
3、整體設計是否協調、統一、視覺體系高度集中?
4、圖標整體配色是否統一?
品牌信息:
圖標是否獨特性、能否傳遞品牌信息?
一般情況下有 JPG、PNG、GIF、SVG 四種交付格式。其中JPG、PNG、GIF為位圖,受圖片本身的分辨率大小限制,無法靈活的修改尺寸。而SVG為矢量格式,支撐無損縮放。
在沒有SVG前因為要考慮到適配高清設備,需要切各種倍數的圖標進行適配。不過現在的開發軟件及插件都自帶切多倍圖的功能,比如藍湖。
JPG:兼容性強,自帶背景,不支持縮放。
PNG:支撐透明格式,不支持縮放,需要注意圖標四周透明區域大小。
GIF:簡單的動態圖標使用,透明背景時邊緣會有鋸齒,沒有辦法支持豐富的顏色。
SVG:無損縮放矢量圖形、體積小,單色模式下支持開發自行修改顏色,可修改樣式參數。
另外一種交付方式是將SVG格式的圖標上傳至類似i買粉絲nfont的網站后,完成圖標的交付。需要注意的是:
1、SVG不支持漸變顏色填充
2、SVG不支持描邊,需要將描邊轉化為閉合圖像
3、圖標的大小相同時,需要在圖標下方增加一個相同尺寸的透明方形,同圖標一起導出上傳
而i買粉絲nfont對于圖標制作要求嚴格,上傳時需要注意查看自己的圖標是否符合要求。 鏈接
資料來源
UI設計師想做好圖標設計?請問圖標歷史了解過嗎?
圖像學的簡要歷史
《I買粉絲n Design Guide》
《I買粉絲n Utopia》
《the Ultimate Guide to an Interface I買粉絲n Set》
《svg圖標庫以及與i買粉絲n font對比》
2024-07-26 20:37
2024-07-26 20:04
2024-07-26 19:50
2024-07-26 19:35
2024-07-26 19:34
2024-07-26 18:41