认识达内从这里开始

我们在开发设计app的时候，除了需要设计app软件的内部图标以外，一些简化的代表性图标也是有自己的作用的。

下面，我们就一起来了解一下，在app软件开发中的图标设计都是具有哪些功能的。

1.图标是什么?

图标是具有指代意义或者象征某种特殊含义的图形，在不同场景下图标的表达含义也会有不同。当今的图标风格大致可分为拟物化和扁平化，从iOS7开始，一系列炫目的界面和简化的app图标设计出现。扁平化设计快速，简单，直接的信息表达更能迎合这个时代。而怎样去判断它是否是一个好的图标，应至少具有三个特征：

指代性：象征具体某个事物或含义。

识别性：因为有了指代性，图标本身应具有一定的识别性和辨识度，避免误读、抽象主义等。

审美性：一个优秀的图标，在视觉上也应有良好的表现。

2.图标设计的意义是什么?

苹果用户体验设计师MikeStern解释了UI和应用图标的重要性：用户并不会根据你使用了多少技术，或是整合了多少API，或是你使用的代码有多厉害而去对应用做出评价。而是你的应用能让为做什么，给他们带来什么感受。用户期待你的应用能为他们带来直观的、美妙的甚至不可思议的体验。这一点，足以说明图标设计在整体软件应用中的重要性。

3.如何设计图标

成熟的视觉感知更有利于信息的快速传播，图标是否设计得足够精美和友好，将直接影响到用户对软件应用的判断。很大程度上来说，一个好的产品应该具有一个好的应用图标，而一个好的应用图标应该清晰地传递出产品的内涵，能让用户体验由外到内都和平统一。因此，设计师在设计应用图标时需注意以下三大原则。

可识别性

识别性是产品图标的基本，它造就了图标的唯一性。一个图标是否从根本上起作用，取决于用户是否可以轻易的理解到这个图标的含义。为了使图标更加便于理解，很多设计师选择在设计中使用黑白色。因为颜色会干扰用户的理解力，界面中颜色越多，用户寻找起来时间成本越高。

视觉统一

单个图标的构成元素能运用到整套图标中，就是我们说的视觉的一致性。审美一致性是设计元素的集合，或是设计中使其成为一个整体所贯穿使用的手法。视觉统一包括：整体风格的统一，图标大小的控制，造型的轮廓粗细的统一，颜色色调与调和的统一。

在这套图标设计中，为了让整体视觉达到统一的效果，所有的容器的线条和配色都使用了同样的风格，酒杯中的小气泡让图标显得活泼有趣。

差异性

在AppStore中搜索一款应用，展示出的应用图标大都大同小异，用户在众多孪生图标兄弟姐妹中也难以取舍。而设计师在图标设计中要尽量放大图标之间的差异性，减弱图标之间的相似性，突出产品的独特之处。

合格的设计师不仅仅需要掌握深厚的理论知识，对必备设计工具如PS，Al,Illustrator等等的掌握也是很重要的。具体在每一个工具上的图标设计流程就不一一细讲了。再给大家介绍一些图标资源的网站。

4.常用图标资源网站

Othericons

OtherIcons拥有很多图标设计资源，这些不同的图标都是由设计师自己设计并上传的，有些需要付费有些则是免费的，丰富的简笔画图标不仅可以使用还便于临摹，同时它还拥有许多Photoshop插件。

Icons8

Icos8是一个提供免费iOS、Windows、Android的平面化设计图案为主的搜索引擎，目前提供近4万个素材资源，数量非常丰富，同时网站也提供各种格式，各种尺寸和配色，让使用者也能自定义制作。

FlatIcon

FlatIcon有详细而又全面的图标分类，并且还为用户罗列出了热门图标，同时您也可以查看每一位作者的图标设计。也就是说，用户可以根据图标分类、作者以及网站打包的图标来找到自己需要的并下载。

Mockplus

你可能会感到惊讶，为什么Mockplus在这里?不必惊讶，Mockplus的用户都知道，它提供了2600个矢量图标和400个平面图标，免去了设计师在创作过程中四处寻找、下载图标的步骤。直接在图标库里搜索、点击就可以将图标应用到设计中。对设计师来说，它不仅仅是原型设计工具，也是一个图标资源库，非常方便。

总结

苹果新系统图标的变化将如何影响设计界的风向，还不可预测，但对设计师们来说，最主要的还是打好基础。多掌握如何设计好图标的理论基础和如何使用设计工具，多积累一些图标素材或者掌握一些像Mockplus这样自带图标库的设计工具，对自己的设计水平有更高层次的提升才是最重要的。

地址：Mockplus

作者：jongde

【免责声明】：本内容转载于网络，转载目的在于传递最新信息。文章内容为作者个人意见，本平台对文中陈述、观点保持中立，不对所包含内容的准确性、可靠性与完整性提供形式地保证。请读者仅作参考。