教你如何给Android产品设计一款合适的图标
2014-10-09 11:50
537 查看
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/8adc6f4ad351f2e68ba74b2be676a036.jpg)
即使你的安卓APP已开发完成,也千万不要急着“炫耀”,先看看你APP的图标是否真的设计得够好了!如果没有专业的设计师,图标的设计问题确实够让人头疼的,不过总有一些方式可以让设计师们也能独立的设计出不错的图标。“互联网的一些事”推荐此文。
下面我们以Andriod应用为例,现在就来为你的产品设计一款合适的图标。
准备
在设计之前,你应该看看iconography reference guides,这是Android开发者官网上一篇关于图标设计的教程。
提示:这个链接中的设计是Android 4.4 Kitat的风格。如果你想设计Android L风格那就不能完全指望它了。
谷歌在2014年6月26日的I/O 2014开发者大会上正式推出了Android L,可以说是Android系统自2008年问世以来变化最大的升级。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/dff8952bb0ae1a7ccbc5f179f394f12a.jpg)
Android L 会生成和KitKat不同风格的图标, Material Design简化了设计,主打干净排版和简单布局的设计风格,同时融入了丰富的色彩,具有更强的指向性。另外,它还支持多种设备,如手机、平板、电脑、电视等等,几乎涵盖了整个Android产品线,具有高度统一性。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/2901ed9a54ae9c1776b57ff555703307.jpg)
让我们根据这Android L的风格来创建一个图标。
创建一个图标
这时假设我们已经有了一个大概的图标模型,在这里我决定使用一个比较特别的图标,我在开源库中找到了Open labs的图标,就像下图一样,我打算在它的基础上做出Android L的风格。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/d3219540a134e713312f37eee147f3b1.jpg)
我们不需要这些文本,把图标扣出来就行了。然后要做的就是选择颜色,颜色的选择也有很多讲究,色彩太多可能会造成混乱,我们必须照顾任何大小时的图标,大家应该都知道,最麻烦的是标签卡上的小图标。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/598babce7899db428d8cbae492181fcf.jpg)
我们通过空间和色彩来改变它,我们会在各个情况中使用图标,所以它也应该有几种细节上不太相同的图标,比如在通知栏中显示图标的时候,有边框就不太合适,这里下图第一个图标将会是很好的选择。
我们还可能需要圆边和填充的方边框,可以通过阴影来来增强效果,操作上就是把一定范围的区域颜色加深。
经过简单的处理,图标变成这样:
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/275beb24fc013b2f436c8516d4f761bf.jpg)
像你看到的一样,你可以在不同的地方选择合适的图标,它们看上去很有立体感。
最后可以保存成512*512的PNG格式(Android中可用的最大图标分辨率)。通过一些第三方工具可以保存为各个大小的版本即可。
![](https://oscdn.geek-share.com/Uploads/Images/Content/2015039/e70075c66beebcc1e06a3ca2ccfaaa71.jpg)
你也可以通过Android版本的Eclipse来直接自动在资源文件夹中生成大小不同的图标。
如何实践? 使用Material?
不得不说,我们还需要等待几个月才能享受到Material设计和Android L的魅力。但是你可以提前准备一下,想一想要为哪个app设计一个Android L风格的图标,最后大概要做成什么样子。
相关文章推荐
- 如何为Android上的产品设计一款合适的图标
- 如何为Android上的产品设计一款合适的图标
- 涨姿势!谷歌产品图标是如何设计出来的?
- 如何用5天设计出一款认真的产品?Google Design Sprint实战!
- 如何使用一款合适的字体准确地将产品气质传递给用户?
- 【读图】做产品,如何为需求设计合适的功能?
- 如何更好的设计android图标,拉伸不变形等等系列优点,而且减小apk大小
- 10年产品经理手把手教你做产品:如何设计一款任务管理软件
- 如何用5天设计出一款认真的产品?
- Android 5.0后Material design icons(金属设计风格图标大全)及如何使用
- 如何用5天设计出一款认真的产品?
- 互联网产品设计师如何设计推出一款新的产品
- 【读图】做产品,如何为需求设计合适的功能?
- 如何从零开始开发一款嵌入式产品(20年的嵌入式经验)
- 如何从零开始开发一款嵌入式产品(20年的嵌入式经验分享学习)
- 如何做好产品设计
- 如何从零开始开发一款嵌入式产品
- 如何选择一款好的集群产品 推荐
- 如何从零开始开发一款嵌入式产品