图标绘制是UI设计必不可少的也是最基础的技能之一。
那么图标到底有什么作用呢?
图标比文字更具有辨识度，更形象生动易于记住，能让用户快速识别事物，找到相应功能。
一、什么是图标（icon）
在现实生活中，公路的标志牌，卫生间，公共场所禁烟标志等图标都能起到让人们生活更便捷，更快速获取信息的作用。
二、图标的分类
1．线性图标
线性图标是通过粗细一致的线条绘制，高度概括出来的图标，既能让人赏心悦目，又给用户带来创造和应用的乐趣。
线性图标通常用2px的粗细绘制，也有3px,4px甚至5px的粗细度，这得根据具体产品的特性而定。
作为轻量级的设计语言，线性图标能降低对用户的视觉干扰，让用户注意力集中在产品核心功能上。
1.1应用场景
通常出现在标签栏，工具栏，列表页等弱化视觉重点的地方，也会偶尔出现在首页等主要功能入口，比如经典案例:支付宝。这是因为支付宝功能很多，而且都很重要，如果换成面性图标，对用户会形成很大的视觉干扰。
1.2风格分类
1.2.1圆角图标
圆角图标给人以亲和力，也有柔软，软弱的一面。在图标设计越来越精美的今天，圆角图标的应用行业已经越来越广泛。比如女性，母婴，儿童，旅游...
1.2.2直角图标
直角图标给人以锐利，坚强，果断，不拖泥带水的一面。
投资理财的时候需要人们果断作出判断。理财有风险，投资需谨慎。
直角的感觉让人当机立断，不拖泥带水，快买快出。
如果用圆角就感觉柔一点，感觉做事优柔寡断。所以一下子在金融领域被做成了标杆式的功能图标。
1.2.3高光图标
高光式图标是传统绘画的产物，我们在传统绘画的时候往往最后一笔都是添加高光，起到画龙点睛的效果。
高光式的功能图标采用里细外粗的规律
1.2.4双色图标颜色点缀
双色图标在实际应用中非常广泛，也是跟百搭的那种。
一种可以有彩色跟无彩色结合，有彩色的颜色可以是企业色，可以是代表行业或者产品的颜色跟无彩色黑色相结合。
一种是主体色跟点缀色组合而成的双色，使用时要考虑到当前界面中的配色不宜过多，多了就容易花。
2、面性图标
面性图标是由一根封闭的线造成了面，面性图标同样具有大小、形状、色彩、肌理等造型元素。
面性图标风格干净清爽，简洁大方，视觉占比较大，具有很强烈的视觉表现力，通常用于应用界面的主要功能入口(如金刚区)。
面性图标可塑性很强，样式丰富多样，通常又分为反白和正形(异形)两种。
反白是指有底部色块背景，上面填充白色形状的图标;正形是指没有底部背景，单独的图形图标。反白图标的设计细节比正形图标更加丰富多样，视觉效果更加强烈。
2.1应用场景
首页的金刚区算是APP雷打不动的不明文规定了。
其次就是个人中心的列表页了，还有标题前的点缀，我们经常在标题前加个小竖条装饰标题，起到突出标题的作用。
标签栏的选中状态也是多数用面性表现的，以此区分线性图标的未选中状态。
2.2风格分类
2.2.1不透明度图标
不透明度图标是通过调节图标的部分面性结构来增加层次感，从配色角度属于同色系
2.2.2轻渐变、轻折叠、轻投影图标
比纯色的丰富、有轻微的立体感，刻画出设计的精细度
2.2.3色块不透明
同纬度的色系不透明，少量使用30%-40%的使用比，具体的不透明度数值看感觉调
3、线面结合图标
线条+面块的巧妙结合起来的图标。一般出现在年轻化，文艺型的比较有个性的产品当中，美妆类产品也经常会出现。
线面结合图标也是一种很出彩的风格，线是高度概括的图标，这时候面更多的是充当装饰点缀的作用。
面的表现方式也有很多种，可以是单色的，渐变色的，也可以像MBE风格那样提取主体结构形成的面，也可以提取图标里面有闭合路径所形成的面。
这种风格应用也非常广泛。
3.1应用场景
除了首页的功能入口，个人中心的列表流内容会使用线面结合型图标，我们经常看到的还有首次进入的引导页会使用，还有出现异常情况的缺省页，这些小插画型图标，也是线面型图标。
3.2风格分类
3.2.1浅主题色点缀图标
这类图标最好是全是主题色，再用主题色的20%- -30%不透明度在内部点缀，个性感强烈。
3.2.2MBE图标
配色大胆，个性饱满，周围常伴随布林布林的特效。
一、有实力更要有魅力--谈APP图标颜色设计
二十一世纪最重要的是个性。如今随着移动互联网的发展各色各样的APP开始涌现在人们的视野里，想让你的APP傲然独立实力很重要魅力更不能少。因而在品牌APP开发平台爱布斯的专家开来，一款成功的APP不光功能要有特点，就连图标也不能落入俗套。一个图标能完美诠释产品的内在美才是好图标，同时有了好图标才能更容易被用户发现提升市场竞争力。而在图标设计里，颜色的选择很明显是一个重要环节。
蓝色是世界上最广受欢迎的颜色，正因如此很多公司的标志设计和移动应用图标都采用了蓝色。但对于很多小公司而言，采用蓝色作为自己的logo或商标的主色调会让自己毫无特殊性可言，会存在自己的图标和竞争对手的图标相混淆的风险。
如此看来，品牌标志的颜色设计对于移动应用而言极为重要，因为一款应用的图标的安排和设计代表着这款产品的脸面。图标的外形设计本身很重要，但更重要的则是图标的颜色选择，这是一个需要着重考虑的关键点。
在对图标设计做最终决定时我们需要考虑很多问题。比如，目标用户是谁？产品特性是什么？这个图标可能会被摆在用户移动设备桌面上的哪个位置？等等。
就像一家公司的特性会从其商标的颜色表现出来一样，很多成熟的公司也使自己的形象和某些颜色联系在了一起，提起那些公司我们就会想到这些颜色。比如说当我们想到Whole Foods（美国有机商品超市）、英国石油公司，以及女童军（Girl Scouts，美国青年组织）这几家公司或机构，那么绿色、以及与绿色有关的一些涵义——成长、健康、自然、新鲜——就会跃入我们的脑海。
反之亦然：想到红色、以及红色所代表的精神诸如兴奋刺激、青春活力、紧张热烈，我们也会随之联想到CNN、维珍集团（Virgin，英国多家使用维珍作为品牌名称的企业所组成的集团，集团业务范围包括旅游、航空、娱乐业等）、可口可乐、红牛等公司。所以在我们为某个产品搭配某种颜色时，不妨想一想还有哪些品牌也选择了这个颜色，以此作一下比较看看品牌的特性和这个颜色到底搭不搭。
那么对于一款新推出的移动产品的图标，到底哪种颜色最合适呢？答案当然不是固定的。
TapStory这款iPad上的应用是为了“促进孩子在看图画书时的开放性创意互动。"TapStory的设计团队选择红色作为他们产品图标的主色调正是看中了红色代表着激情、动力和青春这三个和自己产品密切相关的核心特质。
很多其他的公司也选择了不同深浅的红色作为自己应用图标的主色调，包括耐克、ESPN SportsCenter（一款为体育迷推出的实时更新体育新闻资讯的应用），以及Yelp（美国最大点评网站）。红色是一种非常引人注目的颜色，也是应用商店里的移动应用程序最喜欢采用的图标颜色之一，完全可以和蓝色一较高下。
像橙色一样，黄色也慢慢的热了起来。虽然对黄色的一些其他的色调大家并不感冒，但是那种明亮而活泼的黄色却能唤起用户心中潜藏的那一股温暖和乐观。
敦豪航空货运公司（DHL）和Sprint（美国第三大移动运营商，全球性的通信公司）大胆地选择了黄色。如今，黄色也被一家小型初创企业Velloe看重，Velloe为用户提供了当地服务业务的在线预订。令人振奋的黄色能给潜在的用户们一种很舒服的感觉，在手机屏幕上那些大片的蓝色和红色图标中，明亮的黄色一枝独放。
很多个人理财应用都采用了绿色作为图标颜色，原因众所周知，绿色经常被和钞票联系在一起。除此以外，绿色还是一种代表着平静和健康心态的颜色，相比于代表刺激和兴奋的红色，绿色的平和情绪更和理财这样的事务相契合。
Long Weekend，LLC公司（一家专注于为用户创造有价值的和长期的移动设备体验的软件开发公司）选择绿色图标来代表它的移动产品，这家公司旨在帮助个人的财富以“自然有机的方式增长。"而“自然"和“有机"的代表色不正是绿色吗？
前文我已经提到了蓝色是世界上最为人喜爱的颜色，也正因此很多商标和图标的颜色都采用了蓝色，特别是对于那些希望走向全球化或是超越文化诠释（transcend cultural interpretations）的产品而言。
Coinbolt是一款为国际货币比特币设计的电子钱包，对于它来说蓝色就是一个明智的选择。Chase（国际领先的理财服务公司）、美国运通公司（American Express，国际上最大的旅游服务及综合性财务、金融投资及信息处理的环球公司），以及IBM，它们都选择了蓝色，因为蓝色代表着信用、力量和可靠——而这些特点都是用户们心目中的理财机构应该具备的素质，对于Coinbolt这款比特币钱包也不例外。
最少见的图标颜色之一，也许是因为紫色不像以上那些颜色那样比较中性。Jolimi是一款针对于17到25岁的都市丽人推出的时尚应用，紫色的图标同时也传递了好玩、有趣、有创意的味道。
对Jolimi来说，紫色是个明智的选择，不仅体现了品牌的特质，也让这个紫色的图标在其他颜色中引人注目。虽然雅虎将紫色作为自己的标志性颜色，但还有很多其他的应用和公司也十分青睐紫色，比如说HotelTonight（一款提供当日酒店预订服务的应用）和Luna（一家深夜货运服务公司）。
而全球最大的手机软件在线平台爱布斯设计又是什么颜色呢？
二、在职也能理财,居家也能创业 农产品现货投资，最贴近生活的财富之
本文链接：http://www.dengper.com/huangjin/10135.html 转载需授权！
网友评论