探讨UI设计中的视觉设计风格发展

康喻菲

摘要：文章先分析了UI设计，随后介绍了UI设计中的视觉风格应用发展，包括拟物化风格、扁平化风格和原质化风格，希望能给相关人士提供有效参考。

关键词：UI设计;视觉设计;原质化风格

中图分类号：TB47

文献标识码：A

文章编号：1005-5312（2019）33-0158-01

一、引言

UI设计要被大众所接受和青睐，应该结合用户熟悉的操作模式，设计简约、亲民风格的视觉设计效果。同时相关设计师也应该不断提升自身设计水平，通过发展眼光分析问题，设计出高质量的产品。

二、UI设计分析

UI主要是用户界面设计，是针对软件的操作界面、整体操作逻辑以及人机交互界面进行设计，能提高整体视觉美观性1。

UI设计相关视觉风格主要是视觉设计师在对用户界面进行设计过程中所应用的图形语言。而视觉设计师在对软件界面进行设计过程中，应该系统分析各种数据信息，进行全面总结，通过点线面等图形语言，结合丰富的色彩元素，迎合用户的审美需求，设计出合格的界面风格，当下在UI设计中主要是应用视觉语言进行设计，相关视觉语言主要包括以下几种风格：第一是拟物化风格，该种语言风格主要是模拟各种真实物体，尽量模拟真实物体的质感和形体。第二是极简化风格，该种视觉设计风格也是设计师对形体事物表达通过简单的图形或线条概括出来，使用户在观察相关图形的过程中可以联想具体实物。

三、UI设计中视觉风格的发展现状

美国在上世纪中期开始出现计算机，同时全面建立起互联网系统，使人们的日常生活和工作变得更加便利，而计算机在应用到社会生产发展当中后，人们应用越加频繁，在这种条件下，人机交互概念相继诞生。而从人机交互层面分析，是从发现问题再到问题解决的过程中，形成了具体规范。从视觉设计语言层面分析，法国、德国和美国等国家在包豪斯学院的风格影响下，参考其设计最终目标是人并非是产品、技术和艺术有机统一、遵循客观和自然法则设计的基础原则进行设计，并形成了一种简约主义的现代视觉语言设计风格。

我国对于艺术方面的教育工作依然停留在基础知识讲述上，以各种学院式教育为主，在教学过程中单纯是为了传授相关知识，尚未和新时期先进科技和现代化生产力进行有效接轨，在UI设计教学过程中，也是凭借相关领域中的教师经验进行，没有充分联系社会实际发展需求。种种因素都对我国UI设计发展造成一定阻碍。但随着我国计算机互联网的快速发展，国内众多互联网企业在学习国外成熟规范后，开始形成自己的UI设计规范，同时也诞生出一种比较成熟的UI设计产品，UI设计相关视觉风格也不断随着用户审美发展变化而持续发展。

四、UI设计中视觉风格的应用发展

1.拟物化风格。拟物化的设计风格即利用现有实体进行合理设计，从而添加设计功能中各种不必要的元素，该种真实物感会提高用户的亲切感，使用户可以快速掌握相关产品的操作方法。比如锤子科技中的SMARTISANOS手机系统，其中融入拟物化设计风格，系统兼具软件计算器，而图标则是拥有真实质感的按钮，方便用户进行迅速识别。软件启动后，包括触觉反馈、界面颜色、字体显示、立体感、质感和屏幕显示等都呈现出一种真实计算器的状态，该种设计方式也能够给用户带来一种亲切感2。

2.扁平化风格。扁平化风格即进行UI设计始终不应用视觉特效或应用简单特效，通过极简形体实施设计工作。该种设计方式较为轻量化，同时也比较直接、简单，适合对移动界面进行设计。比如微软操作系统2010年款，系统整个布局便是通过色彩鲜艳的色块对系统整体布局和各个模块进行划分，并结合面、线形元素以极简的形式设计图标，使整个系统呈现出一种简洁、轻快的效果。随后谷歌企业设计安卓系统以及苹果公司设计IOS系统的过程中，也开始进行扁平化设计。当下无论是安卓还是苹果，针对原生系统级的布局和图标进行设计过程中，均选择了扁平化风格进行设计。而在此影响下，国内外相关软件厂商和手机系统也开始效仿该种风格进行设计。

3.原质化风格。原质化风格也是谷歌所研制出来的新型设计语言，属于设计规范的形式。相关风格的诞生主要是谷歌团队针对墨水材料和纸质材料进行深入探究，在对基础元素进行科学处理的条件下，学习传统印刷设计元素，包括图像、比例、网格、配色、空进和排版等元素。同时也比较重视结合实体物质规律属性，实现科学的空间化利用以及动效利用。通过接近物理世界的触感，使用户得到一种快速、自然的认知，加深用户的理解。相关风格也是以扁平化风格为基础，融合真实物理触感设计出来的，是两种风格中间风格，当下原质化风格依然是在发展过程当中，而其未来在UI设计中的应用将会不断扩大。

五、结语

综上所述，UI设计对于今后社会发展具有重要作用，不但会融入到日常生活当中，还会影响人们的学習质量和工作质量，调节和改善人们生活。随着时代发展，社会审美潮流也在不断变化，为了迎合群众多元审美需求，需要设计师对设计风格进行深入探索，设计出独具特色且亲民化的风格，提高用户的信任。

注释：

1杨佳遇.浅析超现实波普风格在视觉设计中的运用[J].黑龙江工业学院学报（综合版），2018（06）：130-134.

2赵静.新中国·新风格：周令钊新中国视觉设计中的“新风格”研究[J].美术研究，2018（01）：100-106.