ui设计图标设计要素?

ui设计图标设计要素?,第1张

一.图标功能

图标是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年。这一点也同样体现在图标设计上,更加图形化,更加简约的形体,但是保持清晰感知度的图标设计在今年大量的涌现。就像上面的这组图标,美食的轮廓通过简单的形体来塑造,细节则使用相同的小圆点和线条来补充,非常巧妙。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12372840.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-24
下一篇 2023-05-24

发表评论

登录后才能评论

评论列表(0条)

保存