« 首页 - 西安必信达软件技术有限公司 - BXDSOFT.COM
浅议UI设计中的图标设计风格及发展趋势
「UI设计中的图标设计是用户与APP产品最直接的一种互动,曾经的图标设计以苹果手机的界面及图标为潮流导向,甚至很多UI设计风格和苹果界面及其相似,但现在却处于百花争鸣的状态,设计风格也越渐丰富,如扁平化风格、简约风格、欧美风、中国风等,使用户的选择也越来越多,但对于设计师而言挑战的难度也在逐渐加大,不断进行设计上的突破,形成独具特色的UI界面、图标设计风格是我们作为设计师必须要走的路。(2021-8-6)」
关键词:UI设计;图标;设计风格;发展趋势
  DOI:10.16640/j.cnki.37-1222/t.2019.15.190
  UI界面中的图标设计是界面与用户的互动之一,也是用户进行点击选择的直接方式,图标设计的重要性不言而喻,最基本的识别性和引导性是图标设计最重要的功能,识别性越高、引导性越强,就越能受到用户的喜爱,在图标设计上应规避设计复杂、会出现视觉错误、理解错误的作品出现。作为图标设计除了启动按钮图标以外大多都以系列的方式存在,及多个图标共存,因此在进行设计前要仔细的将系列图标进行系统性规划,确定设计风格、要运用的设计元素、图标的图形、图标的色彩等,要运用较为相同视觉处理方式,并和界面图形相匹配,达到在视觉上的相互协调的关系,但在图标的内部图形设计上,一定要根据图标的功能性设计出图形的差异感,不能出现不好区分、视觉引导功能类似的情况。为了赢得用户的喜爱,图标的创意性、个性化特征必须得以表现,不断的挖掘图标的创意设计,设计出不同类型、不同风格、不同艺术表现形式的图标才能脱离市面上的图标的影子,当下市面上较为流行的图标风格主要有扁平化风格图标设计和拟物化风格图标设计,下面就这两者进行分析,并对UI图标设计的发展趋势进行探讨:
  1 图标设计风格分析
  1.1 扁平化风格图标设计
  扁平化风格图标设计现在深受设计师的喜爱,其一是视觉表现效果较好;其二是在进行app应用时,将图标降低像素后在界面中受到的视觉影响也较小,使用方便;其三是和界面整体风格容易搭配,视觉效果能较为融洽的进行统一。
  扁平化风格的图标设计在设计上更多的是考虑色彩的搭配和图形的拼接,不再进行过多的色彩渐变运用、高光的应用、阴影的应用,不再过多的运用其他视觉元素的方式,在图标上直接进行互补色或同色系变化的色块运用,能让用户更为直接的感受到其视觉含义,正是因为这种处理方式,让用户的视觉中心更加集中,不再受到其他的视觉元素影响。扁平化风格的图标设计出现以后让UI界面的视觉表现更为直接、更加简洁、更加高效。
  扁平化风格在图标的表现上经过设计师的努力也进行了一些改变,具有代表性的有半扁平化图标设计、具有剪影效果的扁平化图标设计、文字扁平化图标设计等,半扁平化的图标设计较扁平化风格略微复杂,但还是以色块的形式进行加减,例如可以出现一定的阴影色块,用以加强立体感、强化图标中线条的作用,对线条进行修饰上的强化等等形式。具有剪影效果的扁平化图标设计,图形的呈现还是以色块为主,区别是在于将图形进行了镂空剪切设计,在设计上融入了光影的穿透效果,因此在图标的轮廓上和图形的色彩对比上更为亮眼,这样的设计业能强化视觉效果,只是在界面的其他图形也应该和其进行呼应,也使用剪影的设计方式,不然界面的视觉效果将不会协调。文字扁平化图标设计就较为简单了,视觉的审美效果也略微差一些,只是在引导性上更强了。
  1.2 拟物化风格图标设计
  拟物化风格图标设计其实是将具象形图标和扁平化设计风格相结合的产物,是设计师将收集到的符合创意及图标设计要求具象性事物进行色块的提炼而成,拟物化设计其实就是设计师在既追求事物的原生形态下进行视觉上的艺术表现,在图标中的图形设计和原有形态基本保持一致,其目的是为了给予用户在视觉上的认同感,让用于能在看到图标的第一时间就能明确了解其含义,例如淘宝APP中的购物车形象、钱包形象、货车送货的形象等等,都是较为具象的形态,设计师借用原形态的形状、材质、光泽等诸多细节进行分解提炼设计,以达到在视觉上的高度还原。
  拟物化风格图标设计多表现为带有一定质感效果的轻质感拟物风格图标以及半拟物设计风格图标,具备一定质感的轻质感拟物风格图标主要是运用图形的渐变、事物的投影、调节色块透明度等方式来表现,在质感上相较于一般的拟物化风格运用的元素更多,造型更细致。半拟物风格图标是指在拟物化风格上进行升华处理,在画面的层次上进行删减,完全不运用阴影效果,在色彩的处理上也去掉了渐变效果,在素材的纹样上也去掉了肌理感,可以说更倾向于扁平化风格图标。
  2 图标设计的发展趋势
  相对于传统的UI图标设计已经从最初的具象图标到扁平化图标进行了演变,其中经过了多种设计风格的进化,最终才形成了成熟的扁平化风格图标设计,相较于传统的图标设计,扁平化风格图标有着诸多优势,并成为图标设计的发展趋势。
  扁平化圖标的发展不是一绝而就的,也不仅仅是简单的因为用户的视觉审美疲劳而出现的,随着数媒的高速发展,在图标设计上因为具象图形的局限性和功能性都受到了影响,视觉效果越渐变差,另一方面是因为传统的具象图标在狭小的界面空间中视觉效果较为模糊,因此传统的图标设计风格被扁平化风格所取缔。
  但图标设计本来就是多元化的设计,根据产品、企业、设计师的喜好、受众的群体等都有不同,所以无论是传统的具象图标还是拟物化图标、扁平化图标都有一定的市场,他们是共存的关系,风格的确定取决于整体,图标的作用是让用户的操作更为便捷、易懂,视觉美感、视觉冲击力更强,界面效果的整体性决定了图标设计的风格。经过多年的设计演变,扁平化风格也更被受众所接受,简洁的图标已经成为受众的审美需求习惯,例如钱包、付款、地图、购物车等简洁的效果能让用户的视觉效果更清晰,定位、交流、发现等较为抽象的词汇也更适合扁平化的抽象表现或直接进行文字表现。
  参考文献:
  [1]王钧珑.移动终端图标设计的发展及应用研究[D].西北大学,2015(06).
  [2]夏韬.浅析智能手机图标拟物化与扁平化的发展趋势[J].设计,2017(01).
(杜吓)
点击进入「必信达创业合作论坛」下一篇:色彩心理在UI设计中的应用体现研究 »
Copyright © 1999-2021 西安必信达软件技术有限公司