FB LIKE JACKER

如何设计符合 Android Design 的应用图标

2012 年Aug月 10 日由 发布 | 类别: Android Design 研究会 | Tags:

关于符合 Android Design 的图标嘛… 我还是有很大的怨念的, 毕竟你现在打开手机的应用抽屉, 符合规范的应用图标除却自带应用之外可能不足四一, 所以利用钛备份这个大受欢迎的应用的图标, 我稍稍说明一下什么才是正确的(或者说合理的) Android 应用图标设计.

先上一张图.

 

上图来自谷歌官方的 Android 应用设计与兼容指南. 官方网站中是这么描述应用图标的设计规则的:

轮廓要鲜明, 要有立体感, 就像是从正面上方倾斜一定的角度看到的一般, 让用户认为这图标是有深度(应该是”厚度”吧… )的.

以这句话和钛备份的图标为蓝本, 让我描述一下 Android 应用图标设计应该遵循的原则.

首先, 什么是鲜明的轮廓? 这点可以对比来看: iOS 应用的图标, 其轮廓是统一的 (规范的圆角矩形):

 

也就是说, iOS应用的图标没有鲜明的轮廓. 同理, Windows Phone的图标都是安放在直角矩形的背景上, 可以说是没有鲜明的轮廓(但是内部轮廓鲜明啊).

而Android应用则不宜使用iOS样式的圆角矩形. 所谓”鲜明的轮廓”是像一开始列出的钛备份那样的.

 

钛备份的图标的轮廓让人看到第一眼就联想到齿轮.

两者对比可以很容易地看出不同所在. iOS 的图标是没有”立体感”的, 而正确设计的 Android 的图标应该要有立体感.

那么要怎么做才能让图标有”立体感”呢?

谷歌给出了解决方案: “就像正面上方倾斜一定的角度看到的一般”.

 

旧版的钛备份图标虽然已经做到了”轮廓鲜明”, 但是立体感明显不如新版的图标强烈.

旧版的钛备份图标是以”平视”的视角来制作的(虽然在”Ti”下加了阴影来暗示这个 Ti 是浮于齿轮之上的).

新版的钛备份图标是以” 正面上方倾斜一定的角度看到(向下俯视)”的视角(或者说, 是把齿轮摆成”向前倾斜”的势态)来制作的, 确切的说, 是 15° 左右俯角的俯视(或者把齿轮前倾 15° 左右).

 

上面列出的 Android 自带应用的图标中很明确的解释了这个规则.

不过, 新版的钛备份图标依然有一个缺陷: 光源. 从自带应用的图片我们可以很容易的看出, 这些应用的光源是在斜上方. 而钛备份的图标则完全无法判断出光源所在.

« 嗨,泰坦.
不走寻常路-MSIGE60-OND上手体验 »

About NovaDNG

Nexus 4 (Android 5.1), Xperia Z3 (Android 5.0), Xperia Z2 Tablet (Android 5.0), veer 4G (webOS 2.1.2), Chromebook Pixel LS (2015). Guest Member of HiHex. Product Design @ Zhihu.com

» has written 188 posts

锋客的朋友们

  • 少数派
  • 煮机网

签订契约成为机油吧!

Buy me a coffee~ ;-)

Buy me a coffee~ ;-)
閃開│讓專業的來 沒辦法│我這個人就是太正直了