视觉传达设计在移动UI界面设计中的应用论文_尤晶晶

视觉传达设计在移动UI界面设计中的应用论文_尤晶晶

天津市第一商业学校 300180

【摘要】我国近些年实现了飞速的发展,也促进了人们生活水平的提高,这就对精神方面的需求越来越高,从游戏行业的快速发展就可以发现,人们对于精神需求越来越高,将更多的注意力放到了精神体验当中。而当前属于信息化网络化的时代,我国已经基本实现了网络普及,在网络世界中对于产品设计美学要求也有了很大的提高,特别是对于用户界面尤为重视。用户界面的美观度,直接关系到用户驻留的时间和消费情况,为了将用户界面的美观性得到增强,就需要充分应用视觉传达设计,在对用户界面性能进行不断优化的基础上,要尽可能的美观用户界面。

【关键词】移动UI界面设计;视觉传达设计;应用

随着科学技术的进步,大数据、云计算以及人工智能越来越受到人们的关注,各界人士对于界面设计的关注度也有了很大的提升。UI界面设计是视觉传达设计与数字媒体相结合的新领域,融入新的APP界面设计、网页界面设计、游戏视觉设计等。在互联网+发展的大背景下,需要具有一定UI界面设计基础的创新型、综合型设计人才。现阶段,国内的艺术设计专业院校在数字媒体产业发展的大背景下,开始不断摸索适应社会发展的改革之路。

一、用户界面设计概述

UI的英文名称是User Interface,指的就是用户界面,涉及到非常广的范围,比如正在可视化界面的图片排布上、操作路径的选择以及人机互动的行为等。我们比较常见的涵盖用户界面的主要有导航、平板、手机等等,这些设备中的APP图标、界面等都是UI设计的重要组成部分。随着人们生活质量的提高,移动设备基本实现了普及,在应用APP的时候用户对于界面的要求也越来越高,如果界面不够美观,无法吸引用户的注意,就会导致使用数量逐渐降低。所以,目前相关领域人员对于界面设计的美观性越发重视,UI界面设计也逐渐向着规范化的方向发展,设计风格也有了巨大的变化。现阶段,UI设计原则也变得统一,整体的页面布局、操作提示界面以及文字大小等等,自确保美观的基础上可以为设计人员提供重要的标准参考。

二、视觉传达设计简介

视觉传达设计就是利用视觉,展现出平面设计、页面布局以经济绘画等内容,主要的表现形式为二维方式。实际在开展设计的时候,想要起到更好的效果,可以通过添加文字的方式。其中的视觉,指的就是在日常生活中,我们可以看到的事物,比如建筑、电影等,属于一种符号;而传达就是指通过视觉收集起来的信息,实现群体或是个体的传递,主要涵盖的内容有效果、目的、主体等。在日常生活中,我们可以接触到的视觉传达设计职业主要是商业宣传及产品的外形设计。

(一)人类视觉注意概况

视觉注意就是指人类在观察表象的时候,只对自身比较感兴趣的地方关注,而且会进行比较细致的观察,这就会忽视了周边环境,从而使我们在海量的信息表象当中,抓住其中的一个目的。后续就会分析表现出来的信息,从而提高对事物的观察能力。

(二)视觉注意的特点

首先,视觉注意上一定要具有相应的宽度,在这些人对某一些地方极为关注的时候,视觉宽度就会形成一个较小的区域,并且逐渐缩小相应的表现范围,将有效的资源在人类所关注的区域当中进行重新分配;其次,视觉注意之上所表现出来的强度,这主要指的是人类视觉在针对于某一些事物表现出来的高度过渡集中的时候,会忽略一些不想管的事物,进而与视觉注意所表现出来的宽度形成一个反比的特点;再次,视觉注意表现出来的选择性特点,由于自身的大脑神经系统对于所见到的资源计算具有一定的有限性,人类在自身大脑当中对信息进行处理的时候必须要有所选择,进而对自身所感兴趣的一些信息进行极为细致的处理,这就是一种选择性的注意,此时对于这当中的环境信息处理,都来自于更为全面的加工和处理。

三、在视觉传达设计中UI界面设计的实践探索

(一)优化UI界面设计方法

根据社会发展的需求重新构建、整合原有的传统课程体系,将UI界面设计巧妙地融入传统课程设计中。例如在传统的“标志设计”、“版式设计”主干专业课程中,增加适应互联网发展需求的数字设计课程,以此延展和优化主干专业课程的教学体系。例如在“标志设计”课程中,融入icon图标设计的内容,icon图标设计是UI界面设计中的重要组成部分,如果在标志设计的课程中加入先导性的课程,有利于后期学生对整体界面的设计把控。Icon图标是指的界面图标,是狭义上的图标概念,是在特定媒介上的图标设计。界面图标分为软件图标、网页图标、手机端图标三个大的类别。便于用户在多次使用过程中的记忆,并形成习惯。icon图标设计的趋势大可分为拟物化设计和扁平化设计,在标志设计的课程中,可以设置icon图标设计专项练习,针对不同的设计方法对学生进行训练,拓展原有的标志设计课程思路,打破原有标志设计课程的二维局限,例如校园主题icon图标创作,针对不同节日主题的icon图标创作等。在标志设计的课程中,可以设置icon图标设计专项练习,针对不同的设计方法对学生进行训练,拓展原有的标志设计课程思路,打破原有标志设计课程的二维局限。

(二)开展UI实践项目

把真实的UI设计项目引入到课堂当中,借鉴UI设计公司的运作流程,建立针对UI界面设计课程的新的专业课程体系标准。在具体的项目实践过程中,将学生分为若干个设计团队,分别负责项目经理、客户经理、UI设计师、GUI设计师等不同成员职责,在具体的项目实践中进行立项、市场调研、头脑风暴、视觉设计方案制作等,使学生不再被动接受知识,而是营造同UI设计公司或其它互联网设计公司对等的学习环境和氛围,从而培养学生的团队精神和学习能力,这也是成为一名优秀的UI设计师所必备的素质。

期刊文章分类查询,尽在期刊图书馆

(三)实现多学科交融

创建以视觉传达专业为核心,利用其它专业的资源,尽可能多的进行其它相关课程的多样化融合,例如开设“摄影基础”、“影视后期合成”、“展示设计”,"flash动画”等课程,不但能够加强视觉传达专业的基础知识,也能扩展该专业学生的设计思路,为有意向从事视觉传达专业相关工作的学生拓展更广阔的就业机会,例如在当今数字媒体背景下非常热门的“电视节目包装设计”,不仅要求具有扎实的视觉传达设计理论知识和技能,同时还需要掌握一定的媒体应用能力。

四、视觉传达设计中UI界面设计的应用

(一)色彩的应用

在视觉传达设计中,UI界面的色彩应用非常重要,虽然存在一定的个体差异性,但是通过合理的搭配不同的色彩,可以使大部分用户的审美要求得到满足。所以,UI界面的设计人员,在开展设计的时候一定要,灵活应用色彩,按照色彩心理学设计完美的视觉传递效果,使用户的心理和习惯都得到满足。在传递的内容带有比较强的娱乐性时,可以应用较为明亮的色调,色彩在移动UI界面设计中的应用涵盖面比较广,并且需要在不同的场合和人群中体现出不同的价值,这样才能发挥出色彩的主要应用效果。

(二)重视风格、尺寸和兼容性

首先,风格。因为开展视觉传达的最终目的就是为了传递信息,所以要加强布局风格的重要性。用户界面设计人员需要在保证用户体验的基础上,通过增加相关风格的视觉设计,能够更好地表现出自己的设计思路和理念。如,设计人员可以在现代的页面布局中融入部分传统设计元素,不仅能够起到传递信息的作用,还能简化设计思路,为设计人员的工作提供更加广阔的思路和平台,体现出了设计的简约性和创新性。

其次,尺寸。现阶段移动设备的屏幕尺寸都不会太大,尤其是手机的屏幕能够收集到的信息量相当有限,但是移动设备的APP依旧能够在此类比较小的屏幕中,展现出自己的视觉传达设计优势,通过自身的设计规范和美观程度与用户之间保持更加合理的沟通方式,能够在用户界面承载更加多样化的信息,并且可以实现视觉交互的用户体验。相对来说,移动设备应用中的页面布局以及规划设计方案,能够在较大程度上对用户的使用习惯以及对于应用的操作都会产生不同的影响。在这样的基础上,不仅需要在移动设备应用的设计上实现与用户交互的逻辑,还需要从页面美观的角度对页面布局等应用到视觉传达进行设计,在这一过程中,设计人员需要对社会中大多数用户在页面布局方面的爱好和习惯进行详细调查,将调查到的数据经过整理后应用到用户页面的布局中,这种方式可以大幅度提升移动设备APP用户的满意度,从而达到将视觉传达设计应用到其页面布局的应用目的。

最后,兼容。移动设备的应用,设计人员还需要考虑到用户手机屏幕的尺寸可能存在较为明显的差异性,设计方案在规划的过程中首先需要检测用户手机屏幕的大小,然后根据不同的尺寸制定不同程度的页面布局,尽力让每种手机屏幕的用户都能够在使用的过程中获得最佳的应用体验。由于手机的屏幕一般情况下尺寸都相对较小,而移动UI界面设计人员还需要将尽可能大的信息量呈现在用户的应用过程中,这就需要通过视觉传达设计在页面布局中发挥出关键性的作用,主要的应用方式是将相对来说较为重要的信息凸显到页面中更加显眼的位置,然后将同种类别的信息进行整合,将关键信息的集合通过页面进行传递,在这一过程中相关设计人员还需要在保证美观程度的基础上为移动UI页面设计留出部分空白,这样能够将视觉传达设计的优势通过更加合理的方式传达出来,为用户的应用体验提供更加优越的条件。

(三)合理应用文字

在用户的感官体验中,文字是最直接的一种方式,在整个UI界面设计中的地位是非常重要大的。也是传递信息的重要载体,是实现高效沟通的重要桥梁。由于文字与图形相比对用户的吸引力不够直观,但是在用户界面的表现和与用户的沟通方面,文字能够发挥出更有价值的作用。而现阶段中的文字应用相对来说信息量比较大,设计人员考虑到用户手机的尺寸较小,就需要将其简化,尽量突出信息的重点,这样不仅能够为用户提供更加快捷的服务,并且在界面的简洁效果中能够突出,避免出现由于内容烦琐让用户产生迷惑。在部分界面需要对内容进行详细解释的情况下,设计人员还需要注意文字的排布问题,将文字之间的间距尽量保持在较为合理的范围内,对于文字标题等需要进行加粗或者加重处理。

五、创新UI界面设计的重要性

随着计算机网络技术的快速发展,手机的作用越来越重要,智能手机在我国基本实现了普及。目前,手机的主要系统有三种:Android系统、ios系统、windows系统,都会相应进行各种应用程序和软件的设计推广。一种被称为UI界面设计的新的视觉传达设计表现形式开始在互联网中越来越多的提到。针对传统的视觉传达设计专业来说,UI界面设计则主要是指GUI, GUI即“Graphical User Interface”,也就是“图形用户界面”,是对屏幕产品的视觉效果和互动操作进行设计,是一种结合美学、计算机科学、心理学、人机工程学等学科,并且结合市场需求,强调人、机、环境三者合并为一个系统进行总体设计。我们众所周知的苹果公司推出的智能电子产品iPhone,iPad,三星公司的Galaxy系列手机、Galaxy Tab平板电脑,以及目前越来越受欢迎的华为Mate系列,都赢得了巨大的受众群体,成为革命性科技产品的标杆。究其原因,不仅仅是体现在其优秀的软硬件产品设计上,美观且操作流畅的UI界面设计也是吸引众多消费者购买的原因。

以美国苹果公司的iphone为例,App应用程序市场中有多达50万个不同种类的程序可供下载,每个程序都经过ios系统规范化的设计,通过卓越的UI界面设计,为用户提供了方便、快捷而流畅的操作体验,是人机交互时代界面设计的优秀案例。国产品牌诸如小米、华为以及近些年涌现的应用软件设计公司同样也在移动互联时代尝到了交互设计的甜头,积极拓展UI界面设计的业务,成立专业的UI设计部门。由此可以看出,在互联网迅速发展的社会背景下,优秀的UI界面设计是产品和企业产生巨大社会效益和经济价值的法宝。

六、结束语

总而言之,随着科学技术的快速发展,网络技术越来越受到人们的关注,设计人员在开展日常工作的时候,一定要紧紧围绕社会发展的变化情况,及时的改进自己的工作方式。目前,UI界面设计在各行各业都已经融入了视觉传达设计,比如,元素符号、文字、页面布局等等,都是为了让用户有更好的体验作出的改变。并且,UI界面设计与视觉传达设计之间存在非常密切的关系,只有将两者有效融合,才能相互促进发展,为用户有更好的体验奠定坚实的基础。

【参考文献】

[1]何扬帆,覃会优.论图像学分析法对移动UI界面设计的应用研究[J].工业设计,2017,(8):109-110.

[2]韩晶晶,李洁.手机UI设计中色彩的重要性及应用研究[J].电脑知识与技术,,2017,13(27):281-282.

[3]张军.关于U工界面设计课程设置的构思与创想[J].艺术与设计,2011.7.

[4]李文波,谢鑫辉.浅论数字时代视觉传达设计专业面临的挑战与出路一一以UI界面设计推广为例[J].艺术与设计(理论版),2013.8.

[5]李吉平.视觉空间在视觉传达设计中的应用[J].湖南城市学院学报(自然科学版). 2016(01).

[6]李长春,李广武.新世纪下视觉传达设计思维解读[J].包装世界. 2011(06).

论文作者:尤晶晶

论文发表刊物:《科学与技术》2019年第03期

论文发表时间:2019/6/21

标签:;  ;  ;  ;  ;  ;  ;  ;  

视觉传达设计在移动UI界面设计中的应用论文_尤晶晶
下载Doc文档

猜你喜欢