官术网_书友最值得收藏!

2.2.5 Android圖標規范

在Android中,圖標規范可以根據Material Design設計語言分成應用圖標和系統圖標兩個方面。

1. 應用圖標

應用圖標的概念:應用圖標即產品圖標,是品牌和產品的視覺表達,主要出現在主屏幕上,如圖2-36所示。

圖2-36 Android系統中各類應用圖標

應用圖標的設計:創建應用圖標時,應以320dpi分辨率中的48dp尺寸為基準。Material Design語言提供了4種不同的圖標形狀供UI設計師參考,以保持視覺平衡,如圖2-37所示。

圖2-37 Material Design官網提供的4類圖標內部結構線

應用圖標的適配:應用圖標的尺寸應根據不同設備的分辨率進行適配,如圖2-38所示。當應用圖標應用于Google Play中時,其尺寸是512px×512px。

圖2-38 Android系統中不同設備應用圖標的尺寸

2. 系統圖標

系統圖標的概念:系統圖標即界面中的功能圖標,通過簡潔、現代的圖形表達一些常見功能。Material Design提供了一套完整的系統圖標,如圖2-39所示,同時設計師也可以根據產品的調性進行自定義設計。

圖2-39 Material Design官網提供的完整的系統圖標

系統圖標的設計:創建系統圖標時,以320dpi分辨率中的24dp尺寸為基準。圖標應該留出一定的邊距,如圖2-40所示,以保證不同面積的圖標有協調一致的視覺效果。

圖2-40 系統圖標的設計

Material Design語言提供了4種不同的圖標形狀供UI設計師參考,以保持視覺平衡,如圖2-41所示。

圖2-41 Material Design官網提供的4類圖標內部結構線

設計時為保證圖標清晰,需將軟件中X坐標和Y坐標設為整數,而不是小數,將圖標“放在像素上”,如圖2-42所示。

圖2-42 正確示例(左)與錯誤示例(右)

系統圖標由?描邊末端、?圓角、?反白區域、?描邊、?內部角、?邊界區域6部分組成,如圖2-43所示。

圖2-43 系統圖標

邊角:邊角半徑默認為2dp。內角應該是方形而不要使用圓形,圓角建議使用2dp,如圖2-44所示。

圖2-44 邊角半徑為2dp的圖標解析圖

描邊:系統圖標使用2dp的描邊以保持圖標的一致性,如圖2-45所示。

圖2-45 描邊為2dp的圖標解析圖

描邊末端:描邊末端應該是直線并帶有角度,留白區域的描邊粗細也應該是2dp。描邊如果是傾斜45°,那么末端應該也以傾斜45°為結束,如圖2-46所示。

圖2-46 描邊末端為2dp的圖標解析圖

視覺校正:如果系統圖標需要設計復雜的細節,則可以進行細微的調整以提高其清晰度,如圖2-47所示。

圖2-47 復雜圖標的視覺校正解析圖

系統圖標的適配:系統圖標的尺寸應根據不同設備的分辨率進行適配,如圖2-48所示。

圖2-48 系統圖標的適配

主站蜘蛛池模板: 保亭| 横山县| 清新县| 平罗县| 华亭县| 神农架林区| 黔西县| 驻马店市| 青阳县| 格尔木市| 宜城市| 伊金霍洛旗| 蒲城县| 牡丹江市| 霍城县| 海安县| 张家界市| 青冈县| 渝北区| 翁牛特旗| 永福县| 玉田县| 陈巴尔虎旗| 新沂市| 香港 | 长子县| 昌吉市| 五大连池市| 洪泽县| 通榆县| 海盐县| 郑州市| 田林县| 上林县| 昆山市| 柘城县| 永城市| 托里县| 桑植县| 临清市| 嘉荫县|