如何为Android上的产品设计一款合适的图标

移动开发 Android
如果你已经完成了你的app,你一定会马上向其它人宣布这件事情。但是你需要注意一个很重要的问题,那就是app的图标。你的图标可能在项目启动之 前就已经设计好了,但我不喜欢这样,如果app没有完成实际上图标也没什么用了。如果你不是一个设计师,图标的确是很让人头疼的事情。

如果你已经完成了你的app,你一定会马上向其它人宣布这件事情。但是你需要注意一个很重要的问题,那就是app的图标。你的图标可能在项目启动之 前就已经设计好了,但我不喜欢这样,如果app没有完成实际上图标也没什么用了。如果你不是一个设计师,图标的确是很让人头疼的事情。

但总有一些方式可以让工程师们也能独立的设计出不错的图标。我们以Andriod应用为例,现在就来为你的产品设计一款合适的图标。

准备

在设计之前,你应该看看iconography reference guides,这是Android开发者官网上一篇关于图标设计的教程。

提示:这个链接中的设计是Android 4.4 Kitat的风格。如果你想设计Android L风格那就不能完全指望它了。

谷歌在2014年6月26日的I/O 2014开发者大会上正式推出了Android L,可以说是Android系统自2008年问世以来变化***的升级。

Android L 会生成和KitKat不同风格的图标, Material Design简化了设计,主打干净排版和简单布局的设计风格,同时融入了丰富的色彩,具有更强的指向性。另外,它还支持多种设备,如手机、平板、电脑、电视等等,几乎涵盖了整个Android产品线,具有高度统一性。

让我们根据这Android L的风格来创建一个图标。

创建一个图标

这时假设我们已经有了一个大概的图标模型,在这里我决定使用一个比较特别的图标,我在开源库中找到了Open labs的图标,就像下图一样,我打算在它的基础上做出Android L的风格。

我们不需要这些文本,把图标扣出来就行了。然后要做的就是选择颜色,颜色的选择也有很多讲究,色彩太多可能会造成混乱,我们必须照顾任何大小时的图标,大家应该都知道,最麻烦的是标签卡上的小图标。

我们通过空间和色彩来改变它,我们会在各个情况中使用图标,所以它也应该有几种细节上不太相同的图标,比如在通知栏中显示图标的时候,有边框就不太合适,这里下图***个图标将会是很好的选择。

我们还可能需要圆边和填充的方边框,可以通过阴影来来增强效果,操作上就是把一定范围的区域颜色加深。

经过简单的处理,图标变成这样:

像你看到的一样,你可以在不同的地方选择合适的图标,它们看上去很有立体感。

***可以保存成512*512的PNG格式(Android中可用的***图标分辨率)。通过一些第三方工具可以保存为各个大小的版本即可。

你也可以通过Android版本的Eclipse来直接自动在资源文件夹中生成大小不同的图标。

如何实践? 使用Material?

不得不说,我们还需要等待几个月才能享受到Material设计和Android L的魅力。但是你可以提前准备一下,想一想要为哪个app设计一个Android L风格的图标,***大概要做成什么样子。

责任编辑:闫佳明 来源: gbtags
相关推荐

2019-04-28 05:15:01

物联网产品用户体验物联网

2018-09-09 15:38:55

SD-WAN网络WAN

2010-08-18 11:26:56

CISCO路由器

2017-03-06 11:02:59

产品软件Power Desig

2020-03-04 13:53:25

物联网协议物联网IOT

2014-08-29 15:34:27

Web安全

2009-04-27 10:50:03

思科路由器选购

2020-04-15 17:14:14

戴尔

2020-12-02 08:16:47

SaaS

2014-06-20 10:32:42

APP上瘾设计

2009-03-04 11:29:24

ibmdwJava

2013-07-24 10:01:24

产品设计产品经理新手做产品

2013-02-21 13:47:39

服务器处理器采购

2010-08-13 14:25:29

思科路由器

2015-10-12 17:20:21

产品设计层级

2012-04-28 10:57:27

Metro UI

2012-02-28 16:32:14

手机产品设计禁忌

2015-12-07 11:34:37

2013-12-19 10:35:32

产品设计jue.so工作坊

2011-03-23 15:04:29

骨架产品设计
点赞
收藏

51CTO技术栈公众号