如 果你已经完成了你的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风格的图标,最后大概要做成什么样子。

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

转载于:https://www.cnblogs.com/gbin1/p/3988961.html

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

  1. 如何设计一款合适的丙烯酸树脂?——丙烯酸树脂配方设计概要

    如何设计一款合适的丙烯酸树脂?--丙烯酸树脂配方设计概要 一.丙烯酸树脂定义:以丙烯酸酯.甲基丙烯酸酯及苯乙烯等乙烯基类单体为主要原料合成的共聚物称为丙烯酸树脂. 二.丙烯酸树脂分类 1.根据组成成分 ...

  2. app图标角标产品设计_一枚app图标的设计文化

    启动图标是每一个iOS中应用软件的关键组成部分. 它能传达给你应用程序的基础信息,并能够给用户带来第一印象感受. 它是一个非常重要的软件入口,能直接引导用户下载并使用应用程序.它的重要性在这个智能手机 ...

  3. 【转】读马化腾的产品设计观

    不得不佩服腾讯QQ产品的粘度,无数的互联网用户为之疯狂.最近找到了马化腾在腾讯产品峰会上关于产品设计和开发的文档,细细品读一下.主要分为三大部分:产品设计.产品运营.交互设计. 互联网同类产品竞争激烈 ...

  4. 运用计算机的产品设计,计算机在产品设计的应用论文

    论文写作指导:请加QQ97050021 摘要:通过在产品设计中引入计算机技术,不仅能够大大提升产品功效,而且其开发周期也得以大幅缩减.在产品设计的各环节,包括调查.分析.定位等由于有了计算机技术的应用 ...

  5. 工业设计对计算机技术的应用,计算机在产品设计的应用

    摘要:通过在产品设计中引入计算机技术,不仅能够大大提升产品功效,而且其开发周期也得以大幅缩减.在产品设计的各环节,包括调查.分析.定位等由于有了计算机技术的应用而更加便捷,而且计算机技术也在产品设计的 ...

  6. 利用计算机设计产品,计算机在产品设计的应用论文

    计算机在产品设计的应用论文 摘要:通过在产品设计中引入计算机技术,不仅能够大大提升产品功效,而且其开发周期也得以大幅缩减.在产品设计的各环节,包括调查.分析.定位等由于有了计算机技术的应用而更加便捷, ...

  7. 甲骨文发布适用于 MongoDB 的 Oracle Database API;Chrome 和 Edge 互相“拉踩”;树莓派驱动程序现可在 Android 上运行 | 开源日报

    整理 | 宋彤彤 责编 | 屠敏 开源吞噬世界的趋势下,借助开源软件,基于开源协议,任何人都可以得到项目的源代码,加以学习.修改,甚至是重新分发.关注「开源日报」,一文速览国内外今日的开源大事件吧! ...

  8. 钣金产品设计及工艺设计

    在钣金产品设计及工艺设计中,钣金是一种针对金属薄板的一种综合冷加工工艺,广泛应用于机械设备的研发制造,涉及产品众多,包括自助终端.机柜.机箱.机房.配电柜.CNC机床等.以下是钣金产品设计及工艺设计的 ...

  9. 目标客户画像_产品设计之用户画像的目的和分类

    纵览成功的产品案例,他们服务的目标用户通常都非常清晰,特征明显,体现在产品上就是专注.极致,能解决核心问题.用户画像还可以在一定程度上避免产品设计人员草率的代表用户.代替用户发声是在产品设计中常出现的 ...

最新文章

  1. Crawler之Scrapy:数据挖掘必备的scrapy框架之最完整爬取网页内容攻略
  2. hadoop的关键进程
  3. 功能Java示例 第4部分–首选不变性
  4. leetcode 删除链表的倒数第N个节点
  5. 50道编程小题目之【水仙花数】
  6. 安装虚拟机遇到和小红帽遇到的问题
  7. php报修小程序,微信小程序报修管理系统
  8. 【转】博弈论——acm
  9. 吸波材料衰减常数计算,Excel源代码
  10. android 屏幕方向监听,Android如何监听屏幕旋转
  11. 自动驾驶(三十二)---------车辆行人识别
  12. MindSpore实现语音指令识别(迁移tf入门教程)
  13. 一键体验安全快捷外贸收款服务,PingPong福贸满足你的个性化需求
  14. 在TP-LINK WR841N v7上安装OpenWrt和U-Boot/Breed教程
  15. pe读linux硬盘分区工具_MBROSTool:U启制作工具,多分区多启动,多合一系统(win+linux),只需一拖一格...
  16. H5页面系统深色模式适配
  17. 编程判断一个实数(任何位数)是否为0.5的整数倍
  18. 01.区块链是什么?
  19. 深度学习—常见的神经网络结构
  20. js中常用的数学方法(全)

热门文章

  1. Python基础07-数据类型:字典dict
  2. 小程序 缩放_缩放流星应用程序的初体验
  3. HTTP协议中的chunked编码解析
  4. 手动部署OpenStack环境(三:OpenStack环境预配置)
  5. 1010 Radix
  6. PMP®考试是什么机构
  7. 零基础学软件测试去哪家培训机构好
  8. JAVA-基础(Class对象及反射)
  9. springboot 简单自定义starter - beetl
  10. vue下实现textarea类似密码框的功能之探索input输入框keyup,keydown,input事件的触发顺序...