ui图标设计《ui图标设计风格》
UI图标设计的标准是什么
说到图标一般指的都是智能设备中的代表一个含义的图形。其实在现实生活中也会发现许多图标的存在比如交通标示的图标，再比如旅游景区内的引导图标。这些图标存在的价值是提供信息指引，帮助用户找到需要的信息。而智能设备中的图标其实就是把现实生活中的’图标迁移到界面当中，在界面中图标传达信息并且引导用户操作，用户根据接收到的信息进行操作。总之一句话图标的存在是为了快速准确的传达信息给操作的用户并且引导用户作出反馈行为。
随着扁平化设计的发展趋势，越来越注重图标的简洁与寓意表达。现在各种各样的图标充斥在不同的app当中，那么怎样的图标才设计师应该追求的方向呢。评价一个图标设计的好坏的标准是什么呢。下边我们从四个维度来分析下。
1）表意性准则
图标作为快捷传到信息的载体首要的标准就是要准确的表达含义，如果一个图标不能准确快速的表达含义，也就不能快速准确的引导用户操作，那么这个图标也就没有存在的必要了。
范例：
精准表达图标的含义
2）美观性准则
图标在界面中一般都是点睛之笔，都是由精致美观的图形设计。一个图标的美观度决定了用户对这个图标的观感，帅气的图标会大大增加用户点击的几率，从而更有效地传达图标所代表的含义。
范例：
美丽的色彩搭配
美观的线条造型
简洁大方的块面早造型，色彩鲜明的色彩对比
当下追波最流行的图标设计
3）统一性风格准则
在同一个产品中保持同样的图标风格显得有为重要，统一性是保证设计品质的重要一环。统一风格的图标设计会极大地提升设计品质，一套不统一的设计风格会极大地降低产品的设计品质。统一性具体包含设计风格的一致性和一套图标的栅格系统的统一性（后边会详细讲解图标的栅格化系统）
UI设计中图标设计的方法有哪些?
一、轮廓清晰带有渐变的图标
渐变色也是这两年最热的趋势，它同样出现在图标设计当中。相对微妙的渐变在图标设计当中，增加了视觉的维度和层次，这使得图标拥有了更加立体化的细节，这种设计使得图标本身的高级感更加明显，也恰如其分地增加了整个设计的信息量和丰富度。
二、色彩明快视觉有趣的图标
并非所有的图标都必须是单色的，但是太多的色彩挤在一个小图标上的时候，会让整个设计显得混乱不堪。通过非常有限的几种色彩来设计图标，就能够让图标显得足够有趣了，同时，如果这几种色彩也足够明快，互相补充，就更吸引用户了。这一趋势在2018年也显得非常突出。
三、形同APP ICON的图标
类似APP ICON一样的图标一直都存在，但是没有像今年这么流行过。使用圆角边框外轮廓，带有彩色背景，中间是几何特征明显的图形和元素，但是并非用作APP的入口，而是运用在网页、APP内等其他的地方。它的流行可能是因为这种样式可以暗示用户，图标背后功能的价值。
四、笔触粗重线条统一的图标
这种[粗线条]的单色图标在今年尤其受追捧，线条清晰统一，笔触粗壮，比起常规的线性图标更加厚重，而且拥有一种莫名的萌感。虽然同样只是单色的设计，但是几何感更强，视觉重量更明显，让用户的双眼无法错过。
五、仍然扁平但更加多变的图标
扁平化设计仍然没有过时，始终还在流行。扁平化的图标在视觉上相对而言更加简约，可以被设计地更加多变，也可以同各种不同的设计风格兼容，和不同的元素搭配起来使用，因此也同样收到设计师和用户的青睐。
六、表情符号化的图标
表情符号，Emoji几乎已经成为一种独立的语言，而图标设计也同样受到了表情符号的影响，各种可供识别的视觉元素，尤其是各种角色头像，都被制作成为图标，在不同的场合使用。表情符号化的图标还有哪些更有趣的用法，还有待探究。
七、永远经典的线性图标
线性图标几乎可以用在任何场合，APP，网页，海报，说它们是不老的经典一点都不为过。线性图标有着良好的可塑性，无论是大是小都可以清晰地传达信息，表明概念。在2018年，线性图标依然是主流，依然是需求大户，相关的素材也一直都稳定地产出着。
八、结构简单含义明确的图标
对于简约设计的追求，一直贯穿着整个2018年。这一点也同样体现在图标设计上，更加图形化，更加简约的形体，但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标，美食的轮廓通过简单的形体来塑造，细节则使用相同的小圆点和线条来补充，非常巧妙。
UI图标设计有哪些类型?
1. 线性图标
线性图标，顾名思义，即图标是由直线、曲线、点在内等元素组合而成的图标样式。线性图标具有辨识度高，清晰唯美，简约易看等优点，线性图标不会对页面造成太多的视觉干扰。缺点是：线性图标的创作空间较少，太复杂的线性图标看起来会让人感觉到累。
2. 面性图标
面性图标，即使用对图形内容进行色彩填充的图标样式。面性图标是现实生活中物体的缩影，优点非常多，比如表意能力强，细节丰富，色彩丰富，情绪感强，视觉突出，创作空间大等。面性图标可以让用户迅速定位图标位置，快速预知点击后的状态。但是面性图标在页面中不可过多出现，否则会造成页面臃肿，难分主次，用户视觉疲劳。
3. 混合型图标
在设计图标类型的时候，不一定局限于单纯的线性与面性，也可以两者结合，让图标即有线性描边的轮廓，还有色彩填充的区域，混合型图标可以让页面变得更加有活力，同时还可以吸引用户的注意力，美观与创意性强。但是混合型图标在商业产品中要谨慎使用，因为使用不当会让页面变得杂乱不堪，用户无法识别图标表达的语义。
有哪些ui图标设计的分类?
1、ui图标设计的分类——交互图标
该图标不仅是用户界面中的显示功能，而且参与用户交互，是导航系统不可缺少的一部分。它们可以被点击和响应，帮助用户执行特定的动作，触发相应的功能。
2、ui图标设计的分类——装饰和娱乐图标
这些图标通常用来增强整个界面的美感和视觉体验，而不需要明显的功能。但它们也很重要。这个图标迎合了目标受众的喜好和期望，具有特定的外观风格，提高了整个设计的可靠性和可信度。更具体地说，这些装饰性的图标不仅能吸引和留住用户，还能让用户的整体体验更加积极。装饰图标通常是季节性和周期性的。
3、ui图标设计的分类——应用程序图标
应用程序图标表示不同操作系统平台上不同数字产品的入口和品牌。它是数字产品的标识符号。在大多数情况下，它将品牌标志和颜色融入到图标设计中。一些图标将使用吉祥物和公司视觉标志的颜色组合。一个好的应用图标设计实际上是市场调研和品牌设计的结合。它的目标是创建一个引人注目的设计，不会让用户在屏幕上快速找到它。
同时，ui图标设计的分类往往作为行为的视觉辅助元素存在于文本中，以提高对信息的识别能力。大多数时候，用户会使用这些解释性图标来获取信息，而不是匹配文本。环球网校将会持续更新ui设计的相关资讯及技巧，也可以点击本站的其他文章进行学习。
设计ui图标要注意哪方面?
设计ui图标要注意如下：
1、想用图标表现全部的功能。
打印一份文档的时候，会通过软件中的打印功能来达成目标，通常会点击一下文档打印的图标。这个时候，通常还会碰到一个问题，打印机设置、查找打印机、添加打印机的图标也是差不多的，甚至完全一样的打印机图标。
2、在图标中保留3个甚至更多的视觉对象。
在图标中包含2个以上视觉对象本就是一件非常麻烦的事情。当然，即使是16×16px的小图标，包含2个简单的对象也是可以的，但是，“可以”仅仅是一种针对承载能力的表述，并不是说这样做就一定好，事实上，减少对象的数量可以增加图标本身的可读性和识别度。
作为设计师，适当取舍，尝试使用图标来阐述一方面的功能，可以使用一个带着眼镜的男性角色来代表，这个形象比较符合大众对于这一角色的固有认知，就不要再在图标上加上扳手或者电脑这样的元素了。
3、对于细节刻画过于具体。
图标本质上只是传达信息，作为符号代表，和翻译一样是需要讲究信、雅、达，而不是抄现实的绘画。
4、融入过多的品牌元素。
作为设计师，如果你想使用品牌化的设计来取悦甲方或者老板，这是无可厚非的。这个时候，你可能会使用品牌色将产品中的图标统一起来，让它们看看起来是一致的。
UI图标设计主要用到哪些软件？
PS，大部分都听说过这个软件，大部分可能简单使用过这个软件，用来抠图、P一下自己的照片等简单的内容。但其实PS的全称Photoshop，是Adobe公司的位图设计软件，Adobe公司出产了很多应用非常广泛的设计软件，PS是其中应用非常广泛的，它对图像、文字、图形、视频等都有很强的处理能力。也是我们作为UI设计必须要熟练掌握的软件，可以制作banner、海报、图标、界面等内容。
AI，全称Illustrator,是Adobe公司出产的矢量设计软件。在传统设计行业应用于插画、折页、宣传册、招贴等设计，在UI设计中可以用来制作图标、字体、2.5D立体图形、插画等设计内容。在UI设计中的应用也是非常广泛，比较重要的一个软件。
Xmind，这是一个思维导图软件，帮助设计师梳理产品结构，整体逻辑，也可以帮助设计师开拓思维、进行开放性思维、发射性思维梳理、形成有逻辑的设计创新、创意。
C4D，全称CINEMA 4D，是最近几年在UI设计中兴起的3维设计软件，主要应用于电商类产品、移动端启动页、宣传推广类设计中。因为大型的宣传策划活动都可以见到这个软件的身影，所以这个软件也是非常重要的。我们经常看到的天猫双11、京东618等大型活动的3维场景都可以在C4D软件中进行设计。在日常设计中的3维图形、图像也可用这个软件进行制作。
