如何制作一个漂亮的 Android 应用图标

这篇文章译自 Android Developers 博客的 Making Beautiful Android App Icons, 原作者是我们的老朋友 +Roman Nurik.

2013-07-19 22.30.57

对于一般用户而言, 主屏图标/启动器图标 (一般简称应用图标) 就是这个应用给他们留下的第一印象. 随着手机和平板的分辨率的不断进化, 将你应用的主屏图标做的更加清晰和高质也变得更加重要. 要做到这一点, 你需要确保你做了 XHDPI (320dpi) 和 XXHDPI (480dpi) 分辨率版本的图标置入应用.

当你打算制作自己的主屏图标时, 除了在现成的主屏图标守则之外, 请务必遵循下列同样重要的一些规范:

启动器图标是 48dp 大小的方形, 并且需要提供 MDPI, HDPI, XHDPI, XXHDPI 的分辨率大小——最起码要有 XHDPI 和 XXHDPI 的.

512px 大小的 Play Store 展示用图标应该与应用图标一致, 除了一些次要的细节.

启动器图标需要被设计成纯粹的 Android 样式. 就像在“纯粹的 Android”中提到的, 避免模仿别的平台的视觉效果和样式(译注: 比方说圆角矩形和水滴高光).

启动器图标应该是立体的, 前视图, 而且需要一定角度的倾斜俯视, 以便于用户感受到”深度/厚度”的存在.

icons

 主屏图标也应该有独特鲜明的轮廓, 这也意味着你需要避开简单的方形或者圆形, 去选择独特的形状. (译注: 四次元和抚波都无端躺枪了… 还有 Google 自家的 Google+, Search 等应用也没能做到这一点嘛)

在宏观层面, 主屏图标应该计量简洁明了, 但是在微观层面, 依然不能抛弃丰富的细节 (举例: 比如说细致的边缘效果以及合理的渐变, 纹理).

主屏图标应该采用轻量的背景防护比如细致的轻微的投影, 但是别做的太暗或者喧宾夺主.

主屏图标应该含有 0dp 至 3dp 的边距, 利用不同的边距来达到光学校准以及图标视觉重量的正常化.

特别需要注意的是平板和其他大屏设备对于图标分辨率的要求要比它的自身分辨率大一号, 故此你需要尽可能的提供高分辨率版本的应用图标. 举个例子, 对于一台有着 XHDPI 屏幕的平板而言, 主屏图标就需要达到 XXHDPI 级别的分辨率.

Advertisements

11 thoughts on “如何制作一个漂亮的 Android 应用图标

  1. 问个很2的入门的问题,做图标的时候新建文档用PX为单位,图标这些什么的又是DP,好晕啊,一直在两个单位间游走啊

    Reply
  2. Timer, Pocket, Evernote, Google搜索,Google 设置,语音搜索,四次元,Trello, WordKick, 这些应用的图标都有某种相似,起码那个轮廓,特别是图标上部。。。。

    Reply
  3. 最喜Google map的图标,简约,直观,形状又有特点。尤其是Play 市场点开图标大图可以看见做出的粗糙纸质的质感

    Reply
    • 和我想说的一模一样… 还有 Keep 和 Calendar 的图标也很讨喜. Google+ 是最丑的, Google 和 Google 设置还稍好那么一丁点儿.

      Reply
      • 但keep和calendar的Android版图标都不如chrome版的相应图标。主要就是右下角翻角做的比较生硬,略带拟物的风格,不如Chrome版图标的平面效果+直线阴影 好看

      • 我倒是觉得 Chrome App 版本的丑, 因为另外三个正常的角是圆角, 然后翻起来的居然是直角, 这是硬伤不能忍. Android 版本光影都做得不错, 挺好的. 拟真是 Android 的一贯风格嘛.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s