UI设计中图标设计的应用研究

UI设计中图标设计的应用研究

吕优悠

厦门南洋职业学院福建厦门361100

摘要:图标是UI界面中功能的展示,在UI设计中功能是多方面的,所以图标一般而言除了启动图标意外,其他的图标均是以组的形式存在。如何将一组图标设计成为视觉表现手法、呈现风格相统一的一个系列设计,是明确图标设计思路的第一步。但对于设计师而言,不断进行设计上的突破,形成独具特色的UI界面、图标设计风格是我们作为设计师必须要走的路。

关键词:UI设计;图标;设计风格;发展趋势

近些年,随着科学技术不断更新迭代,信息传达的渠道从传统的纸质媒介逐步向数字媒介发展。作为信息传递的重要组成部分,UI设计从根本上影响着人们的生活。UI界面中的图标设计是界面与用户的互动之一,也是用户进行点击选择的直接方式。因此在进行设计前要仔细的将系列图标进行系统性规划,根据图标的功能性设计出图形的差异感,为手机界面注入更多的交互性元素,不仅可以让产品更具特色、品质与内涵,还可以优化用户对产品的视觉体验与操作感受,使得产品更显品牌特征。

一、UI设计中图标设计原则

(一)整体性原则

如今,信息的传递已经渗透到人们工作和生活的方方面面,UI设计的视觉设计需求在用户实际需求中占有一半比重。在所有设计方法中,都必须要遵从用户的视觉感官,要保证UI设计的各项视觉元素的整体性,如一致的字体字号、图片色彩、排版方向等等。尤其是在图标设计中,如果整体UI设计不统一,会使用户眼睛产生疲惫感,很难有使用下去的欲望。

(二)合理性原则

UI设计是用户了解和明确某种相关信息的重要渠道之一,当用户在浏览界面时,用户的大脑会对其自主进行可视化操作,这就要求了在图标设计中更要注重视觉设计的合理性,要符合用户的视觉运动习惯,以便为用户提供更合适的服务[1]。

(三)美观性原则

除了上述所涉及原则外,为满足用户的视觉感官需求,图标设计界面还需注重界面的美观性,包括色彩的运用搭配以及文字符号等多个方面,来设计出自己行业风格,并适合美学规律,从而形成独特视觉设计。美观的视觉设计能够很好的展现交互对象的特点,增加用户对界面的认同感,更好地实现该界面的可用性,长期以往来塑造出独特品牌。

二、UI设计中图标设计的应用研究

(一)以整体性为基础,彰显UI设计的交互性功能

UI设计主要是让用户能够更加快速地掌握软件的应用方法,并能够根据自身的需求来应用软件获得相关的信息。以软件为媒介来进行信息的传递与沟通,使人们对相互信息产生较为深刻的印象,以彰显UI设计的交互性功能^[2]。

在设计过程当中,设计师必须要立足于软件使用的不同群体、用户需求和设计任务进行全面的分析和深入市场进行详细的调研,利用大数据技术获取海量的信息与资讯,借助计算机系统和云计算技术来进行有效分析和評估。以具有价值性的信息和准确的数据为切入点,从用户范围、用户技术水平、用户人文素养等层面入手,对用户需求进行深度剖析,参考成功的人际交互案例和设计经验,对界面行为和外观设计进行预设,并巧妙利用时代性元素和创新设计理念,掌握用户的视觉思维规律,科学地利用创新科技方法来对初步设计进行精细加工,既要能够满足人们的审美诉求,还需要能够准确而清晰地传递相关信息。

(二)以合理性为基础,规范图标设计风格

图标设计风格进过近几年的发展主要分为拟物风格、扁平化风格、线性风格、文字风格等,最被市场认可APP其图标以扁平化风格和拟物风格为主,在特定情况下才会出现文字风格,就像在含义复杂的情况下,用图形不能完整且准确的进行表述时,就会直接使用文字来表达。

比如，扁平化风格图标设计视觉表现效果较好，同时将图标降低像素后在界面中受到的视觉影响也较小,使用方便，除此之外，和界面整体风格容易搭配,视觉效果能较为融洽的进行统一;拟物化风格图标设计其实就是设计师在既追求事物的原生形态下进行视觉上的艺术表现,在图标中的图形设计和原有形态基本保持一致,设计师借用原形态的形状、材质、光泽等诸多细节进行分解提炼设计,以达到在视觉上的高度还原^[3]。

不管何种设计风格,都必须在遵循UI设计的合理性设计原则的理念下了解设计规范,学习并掌握图标的图形设计定位,让规整一点的图形让图标更加的清晰,也更加符合受众的习惯。

(三)以美观性为基础,创新图标设计色彩

在智能手机被广泛使用的大环境下,UI设计的要求被不断拔高。为了突显特别完成对市场的抢占,设计师通过对用户群体的调研分析,找出色彩心理的正确应用,做到从视觉感知到情感感知,使用户准确且愉快的感受到UI界面中的元素所具备的含义和所想表达的信息,让界面效果更加赋有深意,能让用户通过联想的方式获得信息。

UI设计是一项具备科学性的设计,色彩的应用可以加强用户的使用感官,并赋予一定的情感。这种由色彩产生的心理变化将会影响受众的行为,例如刺激的色彩、舒缓的色彩、浪漫的色彩、华丽的色彩,我们可以通过这种色彩的心理暗示针对产品、针对宣传等做出适当的选择。使其能加强界面色彩的协调性、能强化界面文字效果、能更明确的展示设计的个性化等

^[4]。

总之,科学的发展始终遵循的着以人为本的原则,任何机械都是为人服务。UI设计也要以美观性为基础,学会完美的应用色彩心理,将丰富的色彩语言融入设计当中,用色彩的心理暗示引导用户,准确的和用户群体产生心理联系,才是UI设计师更有价值的体现,也是一个成熟的图标界面的体现。

结束语

图标作为UI设计中的重要元素,要在其整体性、合理性、美观性的原则下既要能够满足人们的审美诉求,还需要能够准确而清晰地传递相关信息,更好地实现界面的可用性。

参考文献

[1]龚晓敏. UI设计中图标设计的应用[J]. 戏剧之家,2019(12):134.

[2] 李倩. 基于用户体验的UI界面中图标设计研究[D]. 辽宁:沈阳师范大学,2018.

[3] 葛祎文. 浅谈UI设计中的图标设计技巧与运用[J]. 信息周刊,2019(51):0052.

[4] 秦学. 无声的语言 ——UI设计中的图形元素应用研究[J]. 文存阅刊,2021(18):107.