【扁平简约风格在游戏界面设计的应用5200字（论文）】

扁平简约风格在游戏界面设计中的应用目录TOC\o"1-2"\h\u12390一、扁平化设计现状分析 124034（一）扁平化设计相关概述 17992（二）扁平化设计研究现状 13013二、扁平化在游戏类UI界面设计中的应用及用户体验 319104（一）扁平化在游戏类UI界面设计中的应用 332253（二）扁平化在游戏类UI界面设计的用户体验 323498三扁平化设计风格在UI游戏界面的设计 517314（一）字体的选择 53469（二）色调与饱和度的调配 623529（三）简化图形 76961四、总结 84660参考文献 9一、扁平化设计现状分析（一）扁平化设计相关概述扁平化设计最大的特点就是简洁，它的设计过程是在做减法，减去就像凹凸结构、投影和暗部、色彩渐变等所有干扰观者观察本质的一些修饰部分，既干净又利落的表现物体的本质结构，传达最精干的信息。在图形的形态设计时，通过将物体本身的形态进行提炼和抽象，总结成简洁的矢量化图形，如此每一个部分都是扁平的，由构成画面的基础元素点线面为构成，将一些简单的例如圆形、矩形等等的几何图形进行重新的排列组合，尽最大可能的保证设计的直观性，是其主要特征一目了然建筑的扁平化设计研究主要从三个方面进行：造型提炼简化、色彩提取创新以及点、线、面的综合运用。（二）扁平化设计研究现状UserInterface缩写UI。翻译成中文是用户界面。即是阐述用户和界面之间关系的概念。它包括界面操作的思维逻辑、界面色彩搭配、交互设计等知识。一些不清楚行业的人习惯把UI设计师称之为“美工”，其实不然，UI设计师的工作不仅仅是“作图”那么简单。他们的工作是立体的全方位的，包括结构设计、界面设计、用户体验设计几个层面。九十年代，交互设计继续发展，在设计的过程更加强调以人为本的设计理念，增加用户的认同感和归属感，最终达到自我价值的实现。面对不同的软件的使用环境，设计师们参考大量用户的使用经验和反馈，理论联系实际，确保了不用人群在使用不同的软件和设备时都能有愉快的使用经历。交互设计融合多学科，使人类在不同需求时都能满足自己的需求，保证了情感化的体验。进入二十一世纪，人类的科技水平又迈上新的台阶，移动互联网的发展为人类提供新的生活方式。产品愉快的体验成为软件开发部门的核心竞争力，用户的需要更多，对交互设计师的要求也越来越高，对于产品出现了更细分的市场需求。设计师的分工进一步明确，新的职业应运而生，设计总监、软件体验师、多媒体专家、信息设计、人体工程学专家、竞品分析师。交互设计的内容变得更加丰富，学科的发展更加饱满。在移动设备方面，周陟撰写的《UI进化论移动设备人机交互界面设计》重点研究了移动设备上用户体验设计的可行性和方法。二、扁平化在游戏类UI界面设计中的应用及用户体验（一）扁平化在游戏类UI界面设计中的应用利用手机操作系统中用于布局的UI组件和应用程序操作控件进行合理布局，应符合手机操作系统的设计原则，整体性能用户习惯的整体把握。在手机U工界面设计中需要对界面的分级信息进行合理规划，在尽可能让用户使用度舒适的前提下，缩减界面设计中不必要的信息，以免造成用户视觉疲劳，以及用户体验感较弱的情况发生。做到操作系统信息层级的简洁化，即使用最少的语言表达出设计师最多的设计意图，并能够让用户所理解是至关重要的。在手机界面系统的设计中最为关键的信息层级的排列方式，要有严格的把控，把视觉信息相近的部分呈统一的方式排列，能够让用户在使用手机的体验中更容易进行信息的区分与规划。随着人们对审美、时尚、趣味的不断追求，移动多媒体终端界面设计也不断花样百出，越来越多的精美、新颖、富有创造力和想象力的界面充斥着我们的世界，对于移动多媒体终端来说，最为重要的特点是手机界面的可用性设计。从可用性角度来说并不是越花哨的界面越被用户接受，界面的美，不仅要作为艺术审美形式的美，要以满足用户感觉上的愉悦性，更多的是作为操作的一种工具，要满足用户易用、好用的需求。（二）扁平化在游戏类UI界面设计的用户体验用户在产品的使用过程中建立起来的用户感受，我们称之为用户体验。在智能手机中用户体验侧重于用户对于界面使用的操作过程，用户体验要以用户为中心，设计出满足用户使用需求和心理需求的产品是设计师的职责之所在。手机功能的提升对设计的要求不仅仅停留在简单的通讯业务上，应该伴随人们的喜好在设计的同时加入用户的情感体验，设计师在对手机功能性设计时要倾向于用户的使用体验，比如当今的年轻一代都喜欢用手机进行自拍，在手机的拍照功能上加入更多的流行元素，寻找一种更为贴切的方式与用户进行沟通。要想把手机的用户体验做好，就要深入的对手机用户进行透彻的调查分析，做出确切的研究报告，对特殊使用群体进行分析归纳总结，找出用户使用手机过程中的共性与相异之处。例如在手机的使用中，人们对文字的阅读习惯总是从左到右的顺序进行的，因此设计师在处理界面文本的时候要符合人们的使用习惯，把一些具有标题性的文字标识尽量安排在界面的左侧，在保证用户能够正确操作的同时，并能获得良好的用户反馈，否则就会出现在手机的使用过程中的错误操作，造成一定程度上的体验受挫，影响受众对产品的信赖度。其次手机界面尺寸的选择要符合人机工程学的相关原理，一般手机尺寸大小在4到6英寸之间是根据人们的手的大小、以及所在范围内文字图形信息的最佳反馈为依据进行设计的，在这样的手机尺寸下，按钮以及文字的处理都能达到用户可识别的范围之内，并在保证良好的使用的同时，最大程度的减少手机界面的负荷使用户体验更加轻松流畅。在手机的用户体验中，设计师应该身处用户的角度，进行一边体验一边设计，这样做出的设计产品，不仅具有人性化的特点，还能随时对操作中出现的问题进行及时的修改。良好的用户体验是手机智能化发展的前提基础，要做出用户体验良好的产品，更多的得到用户的信赖和支持才能使手机的发展走得更远，更广。

三扁平化设计风格在UI游戏界面的设计在当今信息爆炸的文化背景下，人们每天要通过计算机、平板电脑、手机等工具来获取相当多的信息，有的时候是主动搜索、查找、浏览接收信息，而有的时候则是被动的接收，原因是现如今很多软件的应用程序都捆绑了一定量的广告，以窗口弹出的方式推送给用户，这样一来，用户需要对信息进行评估、过滤再筛选，但是这样会给用户带来认知上的负担，而扁平化在UI设计中更加适合这种信息冗杂的传递方式。首先，扁平化设计从本质上来讲更近似于“极简主义”的设计风格，提倡功能大于形式，强调营造的视觉效果主要是为功能服务的，它将有效信息进行分类，对信息层级的编排与梳理，将核心内容的进行路径扁平化设计，使用户通过更少的路径便迅速获得信息。这样做的原因是因为简洁的内容不仅能够缩小应用程序自身的空间占用量，而且还可以缩短数据加载的时间，提高了使用效率，增强了用户体验。其主要特征体现在以下几个方面：（一）字体的选择扁平化设计的优势在于它富有极致简化的特点，并以此展现出产品的极佳易用性、功能性。那么，设计师为了能够体现扁平化这种优势，就需要在视觉效果上下功夫，力争极致简化和并凸显功能的最大化，那么，在不妨碍信息的沟通和不影响画面简洁的情况下，在很大程度上需要依赖字体的选择，为了使文字的字体更加符合扁平化设计，在设计时应该选择简单易用的字体。在通常情况下，扁平化设计风格的版面字体使用一般不超过两种，最好的选择就是无衬线字体，在西方字体库中，它被称为无衬线体，而在中文字体库中，则与雅宋、微软雅黑、苹果字体、兰亭黑等相近似，它没有锐利的转折和收笔时的棱角，整体给人感觉较为流畅、简洁，呈几何形态，是通过字体粗细、字号大小、色调轻重及排版方式等产生的视觉空间感，来区分内容的层级，使版面主次信息一目了然，能实现更多的变化和组合形式，也更加容易被阅读。另外，如果设计师不喜欢这种无衬线字体或者认为其他某种字体相对来说更适合产品的界面，这就要求设计师首先明白不同风格的字体会产生不同的视觉感受，然后在选择字体时要保持表述内容与字体风格的统一，从而创建出预期的风格和基调。还需要注意的是字体的大小应与整体设计相匹配，文案要求尽量精简、千练，保证文字内容与形式在版面中的一致性。（二）色调与饱和度的调配扁平化设计除了简单的形状、简洁的文字，还包括大胆的配色。在视觉传达中，色彩要明显优先于图形，对人的感官产生极大的影响，具有很强的视觉冲击力，是一种仅次于功能的重要组成部分，如果设计师能够准确地运用色彩，能使产品拥有更好的宣传效果。首先，根据科学测定，色彩的冷暖、明度、纯度都会对人的心理产生影响。一个人对色彩的选择，对颜色的嗜好可以显示其人对异性的态度和日常生活的形态。一般来说，爱使用原色的人具有自我主张强烈的个性，而爱使用混合色的人属于妥协的个性。它不但影响人的视觉神经，还影响着心脏、内分泌机能、中枢神经系统的活动。古埃及和印度的医书已经记载，色彩可以象药物一样对人产生一定的疗效。每一种颜色都具有特殊的心理作用，能影响人的温度知觉、空间知觉甚至情绪。以上材料证实，界面中的颜色是具有指向性隐喻功能的，用户可以通过色彩与自身的“色彩记忆”进行互动与匹配，进而快速的完成产品信息的传递。那么，设计师在充分把握用户的“色彩记忆”的前提下，在进行扁平化的UI设计时，通常会使用大胆的和鲜亮的颜色，因为其能够带来一种很独到的感觉。而且鲜艳明亮的色彩能够使界面在任何亮度背景下都有良好的对比度，为界面创造出与众不同的感觉，以此获得用户的注意，并带来良好的第一印象。所以在通常情况下，提到扁平化设计的色彩方案，就会联想到其高饱和、更加倾向于单色调的色彩为主的特点。其次，扁平化设计在颜色方面的另一出众之处是设计师在进行颜色的选择时都会考虑到用户可能会出现视觉疲劳的情况，所以通常的做法是降低色彩的饱和度，在调色板中从简单的一种、两种颜色扩展到三种、四种乃至更多种颜色，反复调整色调与饱和度，形成主色和辅助色，偶尔也会使用这种色调对称灰色或黑色，演变成一种高级灰的色调。归根结底就是运用多种配色手法形成强烈的视觉冲击，尽量延迟用户产生视觉疲劳的时间，深深吸引消费者的眼球，来创造优秀的视觉体验。其次，在其色彩调性保持统一的前提下，扁平化设计的色彩发展趋势能够紧跟市场大环境下的流行色脚步以及适应用户不断变化的需求，持续为用户眼中的色彩视觉语言注入新的内容和形式，如今已逐渐演变成以超高的饱和度、明亮、比较复古或单色调的颜色为主的2.0扁平化配色基调，更好的完成产品与用户之间的良好互动。但是需要注意的是，上述配色的方式并非唯一配色选择，所以，当设计师要将上述理论依据付诸实践行动时，还需要仔细斟酌和反复尝试。（三）简化图形古语有云，“话说天下大势，分久必合，合久必分”。其实设计也是同样如此，在经历了最初的简单化发展到拟物化后，不论是研发者还是用户，都会产生视觉上的审美疲劳，接下来的发展路径势必会由复杂再回归简单，可谓是“简久必繁，繁久必简”。这里所谓的简化图形并非是指一般意义上的“简单”，而是一种将图形拆开，使其能够在界面中展示出其最基本的形态，从而带来一种纯粹的抽象性和美观性的心理感知，给用户以抽象美的视觉享受。在扁平化设计中，设计师们通常会使用简单的几何形状（矩形或者圆形），并且尽量突出外形，弱化装饰效果，再将这些图形元素在形态上进行最大化的压榨和修饰，进而构成富有简洁、具象的按钮或控件图标，它们的特征是都具有基本的几何形状，提取原本图案的基本要素，再利用线条和色块来描绘代表着本身功能的象形符号，在这中间会经历数个步骤，并将细节与轮廓进行适度的取舍，最后将优化好的图形运用到界面设计中去，进而清晰明了的表达信息，起到了简化图形、突出功能的目的，也更容易被用户认知和记忆。四、总结扁平化设计风格的成功并非一蹴而就。首先，它在近年来的发展历程当中，不论是对产品的生产商，还是设计师，亦或是用户的面前，都能够展示出其可圈可点的易用性、交互性。扁平化设计风格是微软公司最开始应用在数字媒体上的，但苹果公司让扁平化设计风格由小众发展成为大众，正在引领UI设计领域的主流风格。但本人认为，就算乔布斯不采用扁平化设计风格，也一定会有另一个“乔布斯”站出来，把扁平化设计风格由小众发展成为大众。因为现在人们所接触的设备不论是从硬件上还是软件上都越来越先进，从界面中获取的信息也越来越多。所以，人们更注重产品所能带给用户的体验感受，那么在选择上做加减法就是必然的，它遵循历史发展规律的，同样也是经得起推敲的。对于扁平化设计风格，本人认为扁平化设计风格在UI设计当中的应用道路还不止于扁平化2.0时代，并具有很大的发掘潜力和进步空间。

参考文献[1]徐晓虎.基于多元质感的游戏系统界面设计研究与实践[D].湖南大学,2020.DOI:10.2