论文部分内容阅读
摘要:进入21世纪,国内外互联网技术取得了突飞猛进的发展,各种科技类产品及软件应用逐渐走进市场。并且随着各类产品从功能多样化向平面设计多元化方向的转变,使得平面设计在现如今的各类产品设计中占有极为重要的地位。为了能够深入探索UI设计的视觉风格及其发展思路,笔者借助本文,首先对UI的基本含义进行了简单的释义,并以此为基础,阐述了UI设计中视觉风格的核心内涵。根据此设计背景,对UI视觉设计风格的发展现状以及,成熟化的UI设计风格及其相关应用进行了深入阐述,希望能为我国的UI设计行业提供一定的发展性建议。
关键词:UI设计;视觉风格;发展思路
近年來,我国市场经济以及改革开放的发展取得举世瞩目的成果,而互联网科技也乘着这样的历史发展机遇,取得了突飞猛进的进步。早期的互联网产品,用户的需求点多,多着力于互联网产品功能多元化以及产品稳定性上,而随着互联网产品的综合功能以及稳定性逐渐满足用户的基本需求后,在产品的设计方面,互联网企业更多将精力放在产品的平面设计上,力求给用户精致美感以及多元化的体验。而为了能够深入阐述UI设计风格的未来发展思路,笔者根据自己多年来的行业经验,并结合当下UI设计风格的现实状况,对UI设计风格未来发展进行了概略性的分析。
一、UI的设计背景
1.1UI的基本含义
UI的基本含义众多,而UI涉及到互联网产品元素之后,其基本含义便是用户界面,而UI正是英文用户界面的缩写。但随着互联网产品对平面设计的创新风格,以及平面实用性的需求愈发突出后,UI这一缩写名词有了新的含义,现阶段UI设计多指互联网产品的用户界面设计。作为软件与用户直接沟通的载体,软件的用户界面对用户体验的影响重大,而为了能够迎合多数用户的操作习惯,以及审美体验,就需要进行多元化用户资料的收集与分析工作。以此为基础,改进软件的用户界用以追求极致的美感和流畅性体验,这一过程便是UI设计。
1.2UI设计中视觉风格的核心内涵
在每一款软件实现流畅性体验的背后,都是一行行的代码,以及深层次的机器语言所呈现的表象。在互联网产业兴起之初,几乎所有的互联网产品的发展目标都是功能多元化以及持久稳定性,而随着软件各项功能的不断完善,无论是软件使用客户,还是互联网企业,都逐渐注意到了软件界面,对于用户体验的影响同样不可忽视。新兴的平面设计工作便是通过人性化的界面设计,实现客户与机器的高效互动,供客获得流畅高效以及极致美感的软件使用体验。更简单的解释为通过极致的平面设计,可以简化软件与客户的交互流程,以追求使用效率。
现阶段在互联网软件UI设计风格方面,主要有两大UI设计视觉路线。第一种是拟物化风格的UI设计路线,顾名思义,利用这种设计路线,能够实现通过简单的线条及图案,高效率的将软件作者所表达的意图传递给使用者,将所有功能描述拟物化,最大限度的提升软件的上手率。同时也为使用者提供了一个高效率和极致美感的软件使用体验。第二种是极简化的UI设计路线,一般情况下,设计师会根据软件的相关功能进行概率性的构思,通过简单优美的直线,曲线及点的结合形象地描绘出各项功能的含义,相对于拟物化的设计路线来说,极简化设计路线,能够大幅降低软件平面的设计工作量,而对于使用者来说,也能够实现短时间内掌握相关图案的背后含义,从而实现软件交互式操作。
二、UI视觉设计风格的现实状况
受限于国内互联网产业的起步时间,我国在互联网UI设计方面的发展史较短。在计算机诞生之初,国际互联网科技的巨头就已经构想出了物联网,互联网以及人机交互式操作等多种未来的发展路线。从那之后,计算机互联网产业的发展出行逐渐出现,各种新兴的互联网产品及高性能个人计算机相继走入千家万户。一方面大幅提高了科技,工业及农业的生产效率,也为人们的休闲娱乐生活添上了浓墨重彩的一笔。
最初的计算机较为笨重,而随着各种前沿技术的不断发展,计算机的体积逐渐缩小,人机交互问题逐渐走入人们的视野。与此同时,各国都在寻找能够提高人机操作效率的方案,而这一发展历程,经历了从硬件到软件的转变。现如今,硬件的人机交互体验已趋近成熟,为了能够实现人机交互式体验的进一步提升,软件的平面化设计风格逐渐被各大互联网公司和用户人群所关注。我国在UI平面化设计,这一行业起步较晚,但国内的众多互联网巨头正在不断地吸取国外的先进技术,并结合企业的创新UI设计风格理念,也取得了一众肯定的回应。
三、成熟化的UI设计风格及其相关应用
3.1拟物化的UI设计思路
在上文中,笔者已经初步介绍了拟物化的设计风格路线,概括性来说,所谓的拟物化设计路线,就是通过已有的实际物体进行概略性的构思,并借助简单的线条及点的绘制,形象的表现出所实现功能的重要特征。而具体的设计过程,需要将实体功能以及用户不便于使用的实体功能进行拟物化的构思,进一步利用UI设计技术将相关功能的描述改变的更为简单易懂。通过这样的方式为用户带来极为真实的优质体验,同时能够使晦涩难懂的功能更通俗易懂。利用这样的拟物化UI设计路线,能够帮助用户在第一次接触互联网产品时,快速掌握互联网产品作者的核心用意,与此同时,还可以帮助用户缩短熟悉产品的时间。在拟物化的UI设计路线应用当中,锤子手机所使用的操作系统,可为将拟物化UI设计风格体现的淋漓尽致,一般情况下,用户能够通过锤子系统的拟物化设计风格,短时间内掌握操作系统的基本使用流程,给用户十分亲切和流畅的操作体验。
3.2扁平化的UI设计路线
与拟物化的UI设计路线不同,扁平化的UI设计路线基本上都是二维化的设计风格。利用最简单的过渡,给用户以足够的新鲜感。扁平化的UI设计路线极为巧妙,利用这样的设计路线,能够使软件内部界面变得更为简洁,为用户提供轻量化的使用体验。最典型的平面画UI设计路线的应用,是微软公司的手机端操作系统。宏观来看,操作系统的基本界面基本上全部由方块圆形及简单线条所构成,利用块状结构,将每一个区域以及细化功能作为区分。对复杂的默认图标也进行了二次设计,使得操作系统基本界面的整体风格极为简洁。在微软公司推出了扁平化设计风格的操作系统后,安卓系统及苹果系统厂商吸取其中的优点,对自己的操作系统进行了部分扁平化的设计优化。从后来的用户市场反响来看,这种扁平化的设计风格得到了许多用户的高度认可,这也证实了,简洁化也为用户提供优质的软件使用体验,例如:微软在手机端进行自己研发的windows phone 操作系统。整体上是应用了块状的表现形式来划分每一个区域与整体的一个布局。图标的设计也是应用了比较简单容易的线性以及面状的风格。页面整体上来看是比较的简洁简单的。同时也方便了用户的理解。随后无论是苹果旗下的 IOS 系统。或者是安卓系统等,都采用了这样的一种扁平化的设计风格。就是实际得情况来说,这种扁平化的设计风格是得到了用户很大程度上的认可的。
四、结束语
综上所述,为了能够深入探索UI设计的视觉风格及其发展思路,笔者通过立体化的深入阐述,首先对UI的基本含义进行了简单的释义,同时阐述了UI设计中视觉风格的核心内涵。根据此设计背景,对UI视觉设计风格的发展现状以及成熟化的UI设计风格及其相关应用进行了详细分析,从UI设计风格发展的各个阶段,寻找UI设计风格的创新点,并通过这样的想法为UI设计的前沿发展思路开辟内在潜力。
参考文献
[1]时枫哲,何程.互联网产品的交互应用与实践——手机UI设计的视觉传达[J].无线互联科技,2021,18(06):61-62.
[2]齐立稳.从文字出现到交互空间——从媒介视角看视觉传达设计的七次演进[J].艺术大观,2021(08):69-71.
[3]王佳琳.新媒体环境下视觉传达设计的交互性研究——以UI界面设计为例[J].东方藏品,2018(05):48.
[4]国凤娇,隋涌.浅谈ios手机界面的视觉元素设计——UI视觉设计基本原理[J].中国包装工业,2015(20):21-23.
[5]李文波,谢鑫辉.浅论数字时代视觉传达设计专业面临的挑战与出路——以UI界面设计推广为例[J].艺术与设计(理论),2013,2(08):163-165.
关键词:UI设计;视觉风格;发展思路
近年來,我国市场经济以及改革开放的发展取得举世瞩目的成果,而互联网科技也乘着这样的历史发展机遇,取得了突飞猛进的进步。早期的互联网产品,用户的需求点多,多着力于互联网产品功能多元化以及产品稳定性上,而随着互联网产品的综合功能以及稳定性逐渐满足用户的基本需求后,在产品的设计方面,互联网企业更多将精力放在产品的平面设计上,力求给用户精致美感以及多元化的体验。而为了能够深入阐述UI设计风格的未来发展思路,笔者根据自己多年来的行业经验,并结合当下UI设计风格的现实状况,对UI设计风格未来发展进行了概略性的分析。
一、UI的设计背景
1.1UI的基本含义
UI的基本含义众多,而UI涉及到互联网产品元素之后,其基本含义便是用户界面,而UI正是英文用户界面的缩写。但随着互联网产品对平面设计的创新风格,以及平面实用性的需求愈发突出后,UI这一缩写名词有了新的含义,现阶段UI设计多指互联网产品的用户界面设计。作为软件与用户直接沟通的载体,软件的用户界面对用户体验的影响重大,而为了能够迎合多数用户的操作习惯,以及审美体验,就需要进行多元化用户资料的收集与分析工作。以此为基础,改进软件的用户界用以追求极致的美感和流畅性体验,这一过程便是UI设计。
1.2UI设计中视觉风格的核心内涵
在每一款软件实现流畅性体验的背后,都是一行行的代码,以及深层次的机器语言所呈现的表象。在互联网产业兴起之初,几乎所有的互联网产品的发展目标都是功能多元化以及持久稳定性,而随着软件各项功能的不断完善,无论是软件使用客户,还是互联网企业,都逐渐注意到了软件界面,对于用户体验的影响同样不可忽视。新兴的平面设计工作便是通过人性化的界面设计,实现客户与机器的高效互动,供客获得流畅高效以及极致美感的软件使用体验。更简单的解释为通过极致的平面设计,可以简化软件与客户的交互流程,以追求使用效率。
现阶段在互联网软件UI设计风格方面,主要有两大UI设计视觉路线。第一种是拟物化风格的UI设计路线,顾名思义,利用这种设计路线,能够实现通过简单的线条及图案,高效率的将软件作者所表达的意图传递给使用者,将所有功能描述拟物化,最大限度的提升软件的上手率。同时也为使用者提供了一个高效率和极致美感的软件使用体验。第二种是极简化的UI设计路线,一般情况下,设计师会根据软件的相关功能进行概率性的构思,通过简单优美的直线,曲线及点的结合形象地描绘出各项功能的含义,相对于拟物化的设计路线来说,极简化设计路线,能够大幅降低软件平面的设计工作量,而对于使用者来说,也能够实现短时间内掌握相关图案的背后含义,从而实现软件交互式操作。
二、UI视觉设计风格的现实状况
受限于国内互联网产业的起步时间,我国在互联网UI设计方面的发展史较短。在计算机诞生之初,国际互联网科技的巨头就已经构想出了物联网,互联网以及人机交互式操作等多种未来的发展路线。从那之后,计算机互联网产业的发展出行逐渐出现,各种新兴的互联网产品及高性能个人计算机相继走入千家万户。一方面大幅提高了科技,工业及农业的生产效率,也为人们的休闲娱乐生活添上了浓墨重彩的一笔。
最初的计算机较为笨重,而随着各种前沿技术的不断发展,计算机的体积逐渐缩小,人机交互问题逐渐走入人们的视野。与此同时,各国都在寻找能够提高人机操作效率的方案,而这一发展历程,经历了从硬件到软件的转变。现如今,硬件的人机交互体验已趋近成熟,为了能够实现人机交互式体验的进一步提升,软件的平面化设计风格逐渐被各大互联网公司和用户人群所关注。我国在UI平面化设计,这一行业起步较晚,但国内的众多互联网巨头正在不断地吸取国外的先进技术,并结合企业的创新UI设计风格理念,也取得了一众肯定的回应。
三、成熟化的UI设计风格及其相关应用
3.1拟物化的UI设计思路
在上文中,笔者已经初步介绍了拟物化的设计风格路线,概括性来说,所谓的拟物化设计路线,就是通过已有的实际物体进行概略性的构思,并借助简单的线条及点的绘制,形象的表现出所实现功能的重要特征。而具体的设计过程,需要将实体功能以及用户不便于使用的实体功能进行拟物化的构思,进一步利用UI设计技术将相关功能的描述改变的更为简单易懂。通过这样的方式为用户带来极为真实的优质体验,同时能够使晦涩难懂的功能更通俗易懂。利用这样的拟物化UI设计路线,能够帮助用户在第一次接触互联网产品时,快速掌握互联网产品作者的核心用意,与此同时,还可以帮助用户缩短熟悉产品的时间。在拟物化的UI设计路线应用当中,锤子手机所使用的操作系统,可为将拟物化UI设计风格体现的淋漓尽致,一般情况下,用户能够通过锤子系统的拟物化设计风格,短时间内掌握操作系统的基本使用流程,给用户十分亲切和流畅的操作体验。
3.2扁平化的UI设计路线
与拟物化的UI设计路线不同,扁平化的UI设计路线基本上都是二维化的设计风格。利用最简单的过渡,给用户以足够的新鲜感。扁平化的UI设计路线极为巧妙,利用这样的设计路线,能够使软件内部界面变得更为简洁,为用户提供轻量化的使用体验。最典型的平面画UI设计路线的应用,是微软公司的手机端操作系统。宏观来看,操作系统的基本界面基本上全部由方块圆形及简单线条所构成,利用块状结构,将每一个区域以及细化功能作为区分。对复杂的默认图标也进行了二次设计,使得操作系统基本界面的整体风格极为简洁。在微软公司推出了扁平化设计风格的操作系统后,安卓系统及苹果系统厂商吸取其中的优点,对自己的操作系统进行了部分扁平化的设计优化。从后来的用户市场反响来看,这种扁平化的设计风格得到了许多用户的高度认可,这也证实了,简洁化也为用户提供优质的软件使用体验,例如:微软在手机端进行自己研发的windows phone 操作系统。整体上是应用了块状的表现形式来划分每一个区域与整体的一个布局。图标的设计也是应用了比较简单容易的线性以及面状的风格。页面整体上来看是比较的简洁简单的。同时也方便了用户的理解。随后无论是苹果旗下的 IOS 系统。或者是安卓系统等,都采用了这样的一种扁平化的设计风格。就是实际得情况来说,这种扁平化的设计风格是得到了用户很大程度上的认可的。
四、结束语
综上所述,为了能够深入探索UI设计的视觉风格及其发展思路,笔者通过立体化的深入阐述,首先对UI的基本含义进行了简单的释义,同时阐述了UI设计中视觉风格的核心内涵。根据此设计背景,对UI视觉设计风格的发展现状以及成熟化的UI设计风格及其相关应用进行了详细分析,从UI设计风格发展的各个阶段,寻找UI设计风格的创新点,并通过这样的想法为UI设计的前沿发展思路开辟内在潜力。
参考文献
[1]时枫哲,何程.互联网产品的交互应用与实践——手机UI设计的视觉传达[J].无线互联科技,2021,18(06):61-62.
[2]齐立稳.从文字出现到交互空间——从媒介视角看视觉传达设计的七次演进[J].艺术大观,2021(08):69-71.
[3]王佳琳.新媒体环境下视觉传达设计的交互性研究——以UI界面设计为例[J].东方藏品,2018(05):48.
[4]国凤娇,隋涌.浅谈ios手机界面的视觉元素设计——UI视觉设计基本原理[J].中国包装工业,2015(20):21-23.
[5]李文波,谢鑫辉.浅论数字时代视觉传达设计专业面临的挑战与出路——以UI界面设计推广为例[J].艺术与设计(理论),2013,2(08):163-165.