浅谈UI设计中的视觉设计风格发展

窦晓晨

【摘 要】21世纪以来，随着科学技术进步及移动互联网的发展，信息技术已成为当前社会经济发展中不可忽略的一部分，电脑和掌上移动设备作为信息的载体也有着突飞猛进的发展。这样一来，人与电脑设备之间如何互动就成了一门值得考虑的学问，UI设计应运而生，UI设计中的视觉设计风格也在不断发展。

【关键词】UI设计；视觉设计风格；发展

中图分类号：TB472 文献标志码：A 文章编号：1007-0125（2017）07-0171-01

一、UI设计概述

（一）UI设计的定义：UI是由User Interface（用户界面）缩写而来。UI设计即为用户界面设计。是对软件的人机交互、整体操作的逻辑以及操作界面的视觉美观性的整体设计过程。

（二）UI设计中视觉设计风格定义：UI设计中视觉设计风格是指视觉设计师在进行用户界面设计时所使用的图形化语言。视觉设计师在进行软件界面设计时对数据进行全面分析并归纳总结，运用点、线、面等图形化语言并设定合适的色彩创造出符合用户审美的用户界面风格。当前主要运用于UI设计中的视觉设计语言有：1.拟物化风格，该视觉设计语言风格是对真实物体的模拟，最大程度在去模拟真实物体的形体和质感。2.极简化风格，该视觉设计风格是视觉设计师将想要表达的形体事物以最简单的线条或者图形概括出来，使用户看到这一图形即可联想到一定的实物。

二、国内外UI设计视觉设计风格发展现状

美国于上世纪中期便发明了计算机并建立了互联网，这方便了人们的工作和生活，在人与计算机使用和被使用的过程中便产生了人机交互这一概念。在人机交互上是以发现问题到解决问题的模式不断地形成了规范；在视觉设计语言方面，美国、德国、法国等国家受到包豪斯设计学院的影响，遵从包豪斯“艺术与技术的新统一、设计的目的是人而不是产品、设计必须遵循自然与客观的法则来进行”的观点，形成了简约至上的现代视觉设计语言风格。

国内关于艺术类的教育仍然处于讲述基本知识的学院式教育，教学仅仅是为了讲述知识，而并没有和当前先进的科学技术生产力接轨，关于UI设计的教学也仅仅是依靠教师在相关领域的相关经验，并不能切实地结合社会需求。这些都极大地限制了中国在UI设计行业的发展。随着互联网技术在中国突飞猛进的发展，目前国内也有许多互联网企业在借鉴了国外成熟的设计规范后，发展出了自己完善的UI设计规范，也做出了相当成熟的产品。

三、成熟UI设计视觉语言风格应用

（一）拟物化设计风格：是借助已有的实体进行设计，将设计中功能上并不必须的元素也要添加，这种真实的实物感以及质感带给用户极大的亲切感，能使用户更快地掌握如何操作和使用该产品。如锤子科技公司的手机系统Smartisan OS，该系统UI大量采用了拟物化设计风格：其系统自带软件计算器，其图标是具有真实质感的计算器按钮，能使用户快速识别。打开软件后，无论从质感立体感到屏幕显示、字体显示、界面颜色再到触觉反馈，无不呈现出一个真实的计算器。这样的设计能带给用户生活中的亲切感。

（二）扁平化设计风格：是指在设计过程中使用简单的特效或者不使用视觉特效，以极简单的形体去进行设计。这种设计方式较简单直接也更加轻量化，更加适用于移动界面的设计。如2010年微軟windows phone操作系统，其整体布局采用色彩明亮的色块进行区块划分和整体布局，图标设计也采用极简的线形和面元素设计，整体轻快简洁。随后，苹果公司和谷歌公司在iOS和安卓系统中也开始采用扁平化设计风格。目前无论是苹果还是安卓，在原生系统级的图标和布局的设计都采用了扁平化设计风格。受此影响，国内外的软件厂商为和手机系统风格保持一致也纷纷效仿改变风格。

（三）原质化设计风格：是谷歌公司所研究出来的一种新的设计语言，也是一种设计规范。该风格是由谷歌团队对于纸质和墨水材料的研究，在基本元素的处理上，借鉴了传统的印刷设计、排版、网格、空间、比例、配色、图像。同时强调结合实体物理属性和规律的、合理的动效和高效的空间化利用。以和物理世界接近的触感可以让用户更为自然、快速地理解和认知。该风格是在扁平化风格基础上加以真实物理世界的触感，是介于上述两种风格之间的风格，原质化设计风格尚处于发展初期，在未来的发展中它可能在UI设计视觉语言风格中占有一席之地。

四、结语

互联网技术发展日新月异，互联网商业也紧随其后，这就决定了UI设计发展的重要性。随着人们对各系统操作的熟识，UI设计视觉设计风格也要随着用户的审美变化而不断发展。而这种发展也会是符合现在设计发展的规律，由起初简单的文本界面发展为精美雕饰的形体界面，再由繁复的界面简化为简约轻快的界面，之后还会在简单的基础上再去增加体验。总而言之，UI设计视觉设计风格的发展也会遵从由简到繁再由繁到简这样一个过程。

参考文献：

[1]人机互动，UI 的绚丽与便捷*移动互联网时代的手机UI设计与主流终端厂商理念评析[J].新潮电子，2009，（9）：29-47.

[2]蒋陆.手机图形用户界面的图标个性化设计研究[J].黑龙江科技信息，2007，（6）：67+152.

[3]约翰逊.认知与设计——理解UI设计准则[M].北京：人民邮电出版社，2011.