移动端界面设计拟物化风格与扁平化风格的探索研究

时间:2021-09-06 17:16:59 浏览量:

李娟娟 李倩倩

摘 要:随着科技的发展,互联网时代的到来,移动设备成为人们日常生活中不可缺少的一部分。作为移动设备中重要的组成部分之一,界面设计风格也成为关注点。文章主要分析了拟物化与扁平化的异同,以及他们在移动设备中各自的优势和缺点,旨在为以后移动端界面设计提供相应的研究基础和依据。

关键词:移动端界面 拟物化 扁平化

科技飛速的发展,互联网时代的到来,移动设备已经成为每家每户必不可少的物品,人们也开始习惯用移动设备以及享受他们的便捷性。对于移动端的各方面要求也逐渐提高,不仅包括硬件的续航、便携、美观等,也包括软件的用户体验,界面设计。通常情况下,新的高科技产品会带来新的用户体验,或是养成新的用户习惯,对界面风格也会有不同的喜好。当下市场上的APP层出不穷,从人们的衣食住行基础需求出发到社交等高级需求都有各种各样的应用程序供应选择,因此也有各式不同的界面设计。

一、移动端界面设计的重点

移动端界面,通常一般是指移动通信终端设备的交互界面,移动终端设备即移动网络通信中最终的计算机终端。通信设备、娱乐设备、医疗设备和多功能集成设备等均为计算机终端,所有拥有可移动频幕的设备的界面都称为移动端界面。科技的快速发展,4G网络和WI-FI的覆盖,越来越多的人们拥有移动设备,常见的移动设备有:智能手机、平板电脑、照相机等。

移动界面与传统的界面最大的区别是因为移动性大,于是人们接受的信息碎片化,中断的信息必须在下一次使用时能顺利衔接。因此,界面的逻辑性需要更简单,更直接并且对易用性也要求更高。用户和硬件设备之间信心交换的媒介,即交互界面成为界面设计的重点。移动端界面设计随着科技的发展和时代的进步逐渐优化,移动设备的屏幕尺寸也不断变化,同时变化的还有分辨率和处理器的计算能力等。优秀的移动端界面设计,不仅需要符合用户体验的交互设计,同时需要美观的界面设计为基础,设计精美的用户界面是用户的第一感官感受。好看的界面设计可以留下用户,明确、便捷、简洁的操作才能最终获取用户的信任。{1}

移动界面设计内容主要包括:界面设计、闪屏设计、图标设计、主题设计等。界面的设计也会因为搭载系统的不同而有所差别,通常的操作系统有IOS、Windows Phone、Android等。界面上的所有元素都是为了让用户可以充分理解界面而服务,有且必要去除多余的设计元素,从而阻止用户产生错误。选用最小的操作路径,重视用户的反馈得以产生用户行为习惯。

移动端软件的设计最终目的是成功的被用户接受并且使用,否则就失去了意义。因此不同针对人群的app,界面设计的侧重点也会不一样。用户之间存在着年龄、文化层次、性别、地域、民族的差异,不同的用户人群需求也不一样。除此之外,还有一些特殊的人群例如视听障碍人群对界面设计也有特殊的要求。

二、拟物化设计与扁平化设计

拟物化这一词原本来自于希腊,是一种设计风格。它是指物件中某些形式在当前的功能中并不需要,但还是保留那些装饰性元素以来表现出真实的物体的外貌形态。装饰效果包括阴影、文理、透视、渐变等,用来表现事物的外形、细节、光亮、材质,尽可能达到现实生活中的物品的样子而产生的设计风格。拟物化虽然将事物经过了变形,但是任然可以让用户一眼认出来是什么,与现实生活中的真实物品对应起来。拟物化让抽象、复杂的数学世界,变得具体具象,通俗易懂易操作,更容易被普罗大众接受{2}。

扁平化设计风格的起源受到瑞士国际风格、现代主义设计风格、极简主义风格的影响,追求去掉任何多余的元素,不添加的装饰效果。扁平化主要通过大色块和简单的几何形状,产生直观的界面效果吸引用户的注意,将复杂繁琐的事情简单化,提高用户体验。

三、拟物化的优缺点

优点:拟物化顾名思义则是模拟现实生活中真实存在的物品,因此它有效减少了人们的认知障碍,能够体现较好的人性化。在移动端界面设计中,用户可以短时间的掌握使用方法,以及清楚明白每一个功能图标代表的含义。人类的社会是一个符号化的世界,人们通过各种约定俗成的符号来进行生活中的各项活动。

拟物化则更像是把现实生活中的符号放到手机或者其他设备中去,逐渐养成用户良好的使用习惯和交互方式。新生的用户就像一个探索世界的婴儿,拟物化则能让他在第一次尝试就学会使用。

缺点:因为拟物化旨在模拟现实事物,所以它将大量时间都花费在效果表现上,而忽略了真正的功能设计。形式追随功能,而拟物化过多的是为了拟物而拟物,打破了功能与形式的平衡,使两者无法和谐共存。容易产生华而不实的设计,以致于设计师们忘记最初的目的,是设计出适宜人们使用的用户界面。{3}

同时,随着科技的飞速发展,拟物化因过分注重细节,不能够适应人们逐渐加快的生活节奏。细节太过复杂繁复,阻碍了人们快速识别。拟物化做的再真实逼真,如果无法在交互体验上获得优势,那么都是软弱无力的。泛滥的拟物化会给界面设计带来冗余感,用户触摸这些超级逼真的按钮时,产生的触感和现实中的感觉完全不同,因此对于界面的功能没有任何实用意义。手机是日常生活中必不可少的物品,太过于纷繁复杂的交互界面,非常容易产生视觉眩晕感。当用户觉得用起来不舒服时,那么这个设计就因此而失败了。

四、扁平化的优缺点

优点:扁平化更注重“形式服从功能”,旨在削弱设计的装饰作用,将设计和功能统一,功能性成为设计的主角。扁平化的设计元素、零3D效果、简洁的界面,是扁平化设计最显而易见的特点。扁平化设计所要表达的,更多的是抛开装饰的本性而推崇一种设计理念和思维方式。扁平化设计强调了极简主义,更能使用户将注意力集中在信息本身,而不是产品的装饰美等辅助元素上。

扁平化放弃了一切仿真的元素,在具体的设计过程中,扁平化更为简约、易懂、方便操作,在互联网信息逐渐复杂的今天似乎更符合用户的需求。在移动端界面设计中,扁平化结构更为简单,简约、条理清晰,能更快地帮助用户快速找到目标信息。最显而易见的优点莫过于可以准确有效传递信息,减少认知障碍,将复杂事物简单化。

缺点:扁平化存在一个相当大的问题是,就算人们经过拟物化学习后,知道相应的图标、按钮的代表意义,但也因為界面上的所有元素如都在一个平面上,全都进行了二维、平面化的设计,导致用户在使用过程中,会对按钮和某些功能性图标产生质疑。用户会在使用的过程中纠结于这是一个单纯的图片还是一个按钮,或者在潜意识中被忽略,最后影响用户使用体验。同时,也正因为扁平化的极简主义,造成了过于冰冷的感觉,无法满足人们丰富的情感需求。{4}

结语

在上一个世纪电子设备普及度低的情况下,拟物化的直观性可能更适合用户,准确性同时也更高,相比于扁平化,是没有办法追溯的。但是随着互联网时代的到来,高科技走进千家万户成为日常生活中必不可缺少的一部分,并且用户对产品熟练程度飞速提高,如果不及时找到开发成本和使用效率之间最平衡的点,拟物化则会失去它的市场。

“至繁归于至简”乔布斯在他的传记中写到,纷繁复杂的事情最后都会归于简,相比于拟物化风格,扁平化风格除去有更简单明了的视觉效果外,它还更具有科技感,在设计和绘图时也更加省时省力,可以提高效率。但正因为这样,现当下的扁平化如同以往的任何一种设计风格一样,也被做成了一种潮流,被设计师不假思索的滥用。如果拟物化的滥用只有影响到界面的美观性,那么扁平化在界面设计中的滥用,则会影响到整个系统软件的用户使用性。

作为一名数字媒体的设计师,需要关注的并不仅仅是视觉效果自身带来的简洁性,已达到给用户良好的操作体验,更应该的是去关注好的视觉效果是否是为了服务于功能的本身,即“形式追随功能”。但是为什么要突出功能,让设计追求至简呢。是因为界面设计师们,正是看到了用户的需求,为了达到这种目标的方法,才总结产生了当今的扁平化风格。{5}

如果坚持用一成不变的设计思路总会被新的设计风格替代,只有不断发展才能促进设计的进步。拟物化风格与扁平化风格并不是处在对立面的,也不是一时潮流。拟物化风格也算用户界面设计的经典,就像人类文字的起源象形文字,有了拟物化给用户做下的积淀,如果没有拟物化就没有用户刚开始对界面的最初认知。所以就算扁平化的去繁至简,也是在拟物化的基础上,现在很多扁平化风格都会多多少少的延用一些拟物化的元素,也不存在绝对的纯粹的扁平化和拟物化风格。不管哪一种设计风格,当然都要把用户体验放在第一位,将拟物化和扁平化完美结合,从而给用户带来良好的视觉效果和交互体验。

注释:

{1}肖萌.基于移动端网页界面的设计与实现[D].中南民族大学大学,2016.

{2}谭征宇,郭思思. 服务界面设计的拟物化和扁平化研究[J].包装工程,2015(6).

{3}陈梦丽.论审美趋势的轮回——UI界面中拟物化与扁平化的设计比较[D].湖北美术学院,2018.

{4}邱洋. 浅析手机界面从拟物化到扁平化的衍变[D].西北大学,2015.

{5}贾楠,罗岱.扁平化风格在用户界面设计中的变革[J].设计学,2014:204.

注:本文系2019年湖南省研究生教学改革研究项目《艺术设计学科领域跨专业艺术硕士人才培养的困境与对策》(编号:2019JGYB183);2019年长沙理工大学“媒体艺术之都”建设与发展策略研究中心课题阶段性成果(编号:2019ZKZD02)。

猜你喜欢 扁平化 从“模仿说”看互联网中的扁平化设计科技风(2019年12期)2019-06-11扁平化管理后,如何做好部门与级部之间的协调?教书育人·校长参考(2019年3期)2019-03-20简约不简单 打造扁平化PPT电脑爱好者(2018年12期)2018-06-26极简主义在扁平化UI设计中应用与研究东方教育(2018年10期)2018-06-11浅析扁平化设计在广告设计中的应用和商业价值艺术科技(2016年12期)2017-05-04扁平化2.0风格插画在平面广告中的造型研究现代装饰·理论(2016年10期)2016-12-13扁平化的球星当代体育·扣篮(2015年7期)2015-05-05扁平化的球星当代体育·扣篮(2015年3期)2015-03-20扁平化的球星当代体育·扣篮(2015年2期)2015-03-19交互设计中的扁平化设计风格上海工艺美术(2014年2期)2014-07-28

推荐访问:风格 物化 界面设计

《移动端界面设计拟物化风格与扁平化风格的探索研究.doc》
将本文的Word文档下载到电脑,方便收藏和打印
推荐度:

文档为doc格式

一键复制全文 下载 投诉