教你如何给Android产品设计一款合适的图标

一些事  •  扫码分享
我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
教你如何给Android产品设计一款合适的图标,互联网的一些事

  即使你的安卓APP已开发完成,也千万不要急着“炫耀”,先看看你APP的图标是否真的设计得够好了!如果没有专业的设计师,图标的设计问题确实够让人头疼的,不过总有一些方式可以让设计师们也能独立的设计出不错的图标。“互联网的一些事”推荐此文。

  下面我们以Andriod应用为例,现在就来为你的产品设计一款合适的图标。

  准备

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

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

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

  创建一个图标

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

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

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

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

教你如何给Android产品设计一款合适的图标,互联网的一些事

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

  如何实践? 使用Material?

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

  关注 互联网的一些事 官方微信,回复" 19166 " 即可在微信里阅读本篇内容。

  在查找公众号中搜索:imyixieshi,或者扫描下方二维码快速关注。

随意打赏

提交建议
微信扫一扫,分享给好友吧。