Android 系统图标设计 规则

深圳职业技术学院/SHENZHENPOLYTECHNIC三手机UI的图标设计UI设计/主讲：高博

Android系统图标设计规则1Android系统图标设计规则1（一)启动图标

启动图标是一个图形，代表了设备主页和启动器窗口中的应用，在界面中代表APP的视觉表现，确保在任意壁纸上都清晰可见。

用户在点击主页底部的图标中打开启动器，显示所有已经安装应用的图标，它们被以格状排列。用户选择一个应用，也可以把一个图标从启动器窗口中拖出来，放在主页上，方便访问应用。

深圳职业技术学院/SHENZHENPOLYTECHNIC

系统控制了所有启动器图标的缩放，所以它们被渲染为统一的高和宽。被渲染的启动器图标的实际像素尺寸在随着设备屏幕的像素尺寸和屏幕密度的不同而显示的不同。为确保你设计的启动图标可以在其他设备上共享

，应该符合以下准则：深圳职业技术学院/SHENZHENPOLYTECHNIC1.图标设计应干净和现代

启动器图标应该是现代的，有时有点古怪，但是它们不应该是过时和粗糙的。应该避免过度使用象征性的隐喻。深圳职业技术学院/SHENZHENPOLYTECHNIC2.图标设计应简单和标志性

（1）Android启动图标应该是自然的抽象表现，图标应该高度简化和夸张，不应该过于复杂，它们可以在小尺寸时合适显示。

（2）尝试用一个简单的部分作为整体的象征性的代表（例如，音乐图标以扬声器作为特征）。

（3）考虑使用自然轮廓和形状，包括几何的和有机的，与现实（不是照片般的真实）映射。

（4）你的图标不应该呈现一个对更大的图像不正确的观点。深圳职业技术学院/SHENZHENPOLYTECHNICAndroid启动器图标是现代的、简约的、不平坦的、有触感和质感的。而不是过时的、过分复杂、光滑的和平坦的。Android启动器图标面向前方和顶部明亮，整体而言，色彩在一定的色谱中，而不是旋转的,剪裁不正的,过于深色的。深圳职业技术学院/SHENZHENPOLYTECHNIC3.触觉、质感和颜色

（1）图标应该表现为不平淡的，有质感的材料。（2）Android启动器图标应该面向前方，透视非常小，而且应该顶部照明（Android2.0和以后的平台的新规定

）。（3）注意所有图标应该有独立的文字标签，而不是把文字设计嵌入到图标里面。

（4）利用触觉，顶部照明，使用纹理材料，尝试把它们当做真实世界的材料渲染。深圳职业技术学院/SHENZHENPOLYTECHNIC

该平台的默认应用中启动器图标用了以下所示的材料。

你的图标可以使用这些材料也可以创建新的材料。深圳职业技术学院/SHENZHENPOLYTECHNIC推荐图标调色板

你从简易的调色盘中取出一个高亮颜色组成材料时，你可以创造如图所示的材料组成。图标包（iconspack）包括一个Photoshop模板文件（Launcher-icon-template.psd），文件提供了默认的材料、颜色和梯度。

深圳职业技术学院/SHENZHENPOLYTECHNIC深圳职业技术学院/SHENZHENPOLYTECHNIC尺寸和位置

启动器的图标应该使用不同的形状和形式，而且这些必须被缩放和定位来创建一致的视觉重量。

●为全版本边界框显示为红色。●推荐的实际图标边界框显示为蓝色。该图标框的大小比完整版中的尺寸更小，以便有空间包含阴影和特殊的图标处理。●对于方形图标，推荐的边界框是橙色显示的。为正方形图标框比较小是因为要在两种类型的图表中建立同样的视觉重量。

高密度屏幕(hdpi)的图标尺寸:全版本:72x72px图

标:60x60px

正方形图标:56x56px

中密度屏幕(mdpi)的图标尺寸:全版本:48x48px图

标:40x40px

正方形图标:38x38px

低密度屏幕(ldpi)的图标尺寸:全版本:36x36px图

标:30x30px

正方形图标:28x28px深圳职业技术学院/SHENZHENPOLYTECHNIC使用启动器图标模板Android的图标模板包是一个包含默认图标的材料和颜色调色板的模板。该模板为psd格式，方便Photoshop或相似的图像编辑器编辑。Togetstarted,fir要开始使用，首先下载

Android的图标模板包,一旦你下载了模板包，解压缩，并在Adobe