ui设计图标设计要素？

一.图标功能

图标是Web和App设计中的点睛之笔，既能辅助文字信息的传达，也能作为信息载体被高效地识别，并且图标也棚告有一定的装饰作用，可以提高界面设计的美观度。

二.图标类型

关于图标的类型目前并没有很权威的分类，我根据图标的用途将其分为两大类：「功能型图标」和「展示型图标」。

1.功能型图标

一般来说，凡是UI界面中，用户可以点击的图标均可看成是功能型图标，该类图标往往代表某一功能或某一链接的跳转。这类图标的典型应用场景就是iOS系统中的底部标签栏，以及MaterialDesign中侧滑菜单选项的左侧。某些列表或卡片内的图标也属于功能型图标，但这类图标往往代表一个功能，而底部标签栏图标往往代表一个页面或板块。2.展示型图标

相比功能型图标，展示型图标更加具有「设计感」，是独特的、有内涵的以及具备辨识度的。一般来说，展示型图标主要是应用程序的启动图标。该类图标代表了一款产品的属性、气质以及品牌形象等。

三.图链仿明标风格

图标的设计风格有很多种，例如：线性图标、面性图标、线面结合图标、扁平图标、轻拟物图标、拟物图标、手绘型图标等，我对其中常见的几种作下简要的介绍。

1.线性图标

线性图标是由直线、曲线、点等元素组合而成的图标样式。该类图标轻巧简练，具有一定的想象空间，且不会对界面产生太大的视觉干扰。

2.面性图标

面性图标可以简单理解为对线性图标的填充，但面大掘性比线性更加稳重和扎实，对色彩的传达也清晰明显。

3.线面结合图标

线面结合图标典型代表是「MBE风格」图标，其设计特点是采用了粗描边线和偏移的填充面相结合，灵动而鲜明。粗线条起到对画面的绝对分割，突显内容、表现清晰。

1、ui图标设计的分类——交互图标

该图标不仅是用户界面中的显示余枯功能，而且参与用户交互，是导航系统不可缺少的一部分。它们可以被点击和响应，帮助用户执行特定的动作，触发相应的功能。

2、ui图标设计的分类——装饰和娱乐图标

这些图标通常用来增强整个界面的美感和视觉体验，而不需要明显的功能。但它们也很重要。这个图标迎合了目标受众的喜好和期望，具有特定的外观风格，提高了整个设计的可靠性和可信度。更具体地竖源洞说，这些装饰性的图标不仅能吸引和留住用户，还能让用户的整体体验更加积极。装饰图标通常是季节性和周期性的。

3、ui图裂顷标设计的分类——应用程序图标

应用程序图标表示不同 *** 作系统平台上不同数字产品的入口和品牌。它是数字产品的标识符号。在大多数情况下，它将品牌标志和颜色融入到图标设计中。一些图标将使用吉祥物和公司视觉标志的颜色组合。一个好的应用图标设计实际上是市场调研和品牌设计的结合。它的目标是创建一个引人注目的设计，不会让用户在屏幕上快速找到它。

同时，ui图标设计的分类往往作为行为的视觉辅助元素存在于文本中，以提高对信息的识别能力。大多数时候，用户会使用这些解释性图标来获取信息，而不是匹配文本。环球网校将会持续更新ui设计的相关资讯及技巧，也可以点击本站的其他文章进行学习。

一、轮廓清晰带有渐变的图标

渐变色也是这两年最热的趋势，它同样出现在图标设计当中。相对微妙的渐变在图标设计当中，增加了视觉的维度和层次，这使得图标拥有了更加立体化的细节，这种设计使得图标本身的高级感更加明显，也恰如其分地增加了整个设计的信息量和丰富度。

二、色彩明快视觉有趣的图标

并非所有的图租皮标都必须是单色的，但是太多的色彩挤在一个小图标上的时候，会让整个设计显得混乱不堪。通过非常有限的几种色彩来设计图标，就能够让图标显得足够有趣了，同时，如果这几种色彩也足够明快，互相补充，就更吸引用户了。这一趋势在2018年也显得非常突出。

三、形同APP ICON的图标

类似APP ICON一样的图标一直都存在，但是没有像今年这么流行过。使用圆角边框外轮廓，带有彩色背景，中间是几何特征明显的图形和元素，但是并非用作APP的入口，而是运用在网页、APP内等其他的地方。它的流行可能是因为这种样式可以暗示用户，图标背后功能的价值。

四、笔触粗重线条统一的图标

这种[粗线条]的单色图标在今年尤其受追捧，线条清晰统一，笔触粗壮，比起常规的线性图标更加厚重，而且拥有一种莫名的萌感。虽然同样只是单色的设计，但是几何感更强，视觉重量更明显，让用户的双眼无法错过。

五、仍然扁平但更加多变的图标

扁平化设计仍然没有过时，始终还在流行。扁平化的图标在视觉迟芹上相对而言更加简约，可以被设计地更加多变，码型毕也可以同各种不同的设计风格兼容，和不同的元素搭配起来使用，因此也同样收到设计师和用户的青睐。

六、表情符号化的图标

表情符号，Emoji几乎已经成为一种独立的语言，而图标设计也同样受到了表情符号的影响，各种可供识别的视觉元素，尤其是各种角色头像，都被制作成为图标，在不同的场合使用。表情符号化的图标还有哪些更有趣的用法，还有待探究。

七、永远经典的线性图标

线性图标几乎可以用在任何场合，APP，网页，海报，说它们是不老的经典一点都不为过。线性图标有着良好的可塑性，无论是大是小都可以清晰地传达信息，表明概念。在2018年，线性图标依然是主流，依然是需求大户，相关的素材也一直都稳定地产出着。

八、结构简单含义明确的图标

对于简约设计的追求，一直贯穿着整个2018年。这一点也同样体现在图标设计上，更加图形化，更加简约的形体，但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标，美食的轮廓通过简单的形体来塑造，细节则使用相同的小圆点和线条来补充，非常巧妙。

---