论UI设计中的扁平化与拟物化

姚琦

摘要：目前，互联网的技术发展非常迅速，信息通信产业正在面临一场深刻的技术变革。同时，基于internet无线通信的用户界面设计也仍然面临着多种改变方式。现如今，扁平化和拟物化这两种工业设计艺术风格已经引起了国际社会的广泛讨论。本文从动态扁平化和动态拟物化的基本概念开始说起，接着详细讲述了扁平化的概念起源，分析了現在扁平化应用界面的一些优点及其成为流行的一种必然性，并深入讨论了扁平化和拟物化的技术现状和发展趋势。

关键词：扁平化;图像拟物化;应用界面设计技术

一、导语

2013年，应用领域平面设计已经成为国内设计软件行业快速发展的大空间之中最广泛流行的一种设计方式风格。当我们说"平面用户界面"时，其实它只是一个极简现实主义的产品设计管理方法。这种图形设计处理方法主要是在图形设计工作过程之中需要去除一些边界、阴影、纹理、变体、三维等等元素，展现出一种操作非常简单的图形界面设计处理工作，这就是传统界面设计之中的一种图形环境设计。事实上，"扁平化"一词在我国移动电脑终端用户界面设计之中已经使用了很短一段时间，但它已经逐渐发展成为移动界面设计的一种主流。它积极参与了这一年的扁平化行业趋势，从专门做移动装置的小企业公司到移动软件产品开发商，从移动互联网行业巨头公司到专门做智能移动终端应用的个人创业投资团队。

二、扁平化与场景拟合实物化概念介绍

（一）扁平化

扁平化设计概念的主要核心设计意义也就是：有效去除冗余、厚重和繁杂的整体装饰视觉效果。而它的具体表现在于它去掉了多余的其他元素，这样你就可以直接让"信息"本身重新再次作为一个核心被重新凸显表现出来。对于手机的扁平化设计，尤其是安卓手机的操作系统直接影响体现在：更少的操作按钮和应用选项，这样能够使得手机uiu的界面设计变得更加干净整齐，使用上看起来格外简洁，从而能够带给手机用户更加良好的手机操作使用体验。因为我们可以更加简单直接地将自己信息和周围事物的各种工作交互方式充分展示表现出来，所以我们可以有效地在减少各种认知障碍的同时产生。其主要优点大致可以细分为两种：

1、大大降低用户移动智能设备的系统硬件配置需求，延长移动待机时间。

2、用户可以更加简单直接的将手机信息和周围事物的各种工作交互方式直接展示表达出来，减少各种认知障碍的可能产生。

（二）拟物化

拟物是现代产品设计的主要元素，指的是原有设计物件中其中一些必要设计形式在新的产品设计中变得不是特别重要，但新产品仍以使新的产品外观设计让其对人们的感觉更加熟悉和亲切。这里我可以把它看作也就是现在技术开发领域过程中的一种路径管理依赖。那么这个拟物场景设计的宝藏在哪呢？如果你仔细地去观察一定会从你的日常生活中发现不少。这些经常隐藏在生活中的各种拟物造型设计可能会使你让一些人觉得感觉自然，你甚至可能会让人觉得它们像是某些家居产品中必不可少的一个元素。生活中也许会有很多丑陋的黑色拟物图形设计，比如说那令人作呕、丑到无法极致的北京西站，或者说"革命烈士用鲜血染红"的黑色红领巾。比如说在计算机软件图形界面上的虚拟物软件设计，在诸如苹果的软件macosx和iaiosx等系统中，用户通常会迅速发现许多软件具有可模拟物化软件设计的应用软件。那么你的拟物场景设计怎么判定好不好呢？苹果公司高层大动荡后，许多投资人虽然提出了这样一个新的命题，但这样的一个命题其实是一个新的伪命题。拟物式的设计只是一种软件设计上的风格，有人把它设计运用的很好，设计制造出来的软件产品非常好看，也有人用这种拟物式的设计进行设计制造出了非常糟糕的用户界面或软件产品。不能总是说极简现代风格好还是要说拟物现代风格好，把某种现代风格元素运用的出色得体才是好的客厅设计。

三、平板设计界面的形式产生及其与传统拟物化平板界面的根本区别

2010年，当它的windowss6开始实现扁平化时，它已经得到了来自全世界的认可;2011年，当它的android4.0开始实现扁平化时，人们普遍认为这已经是android与现代苹果电脑竞争的一种创新设计方式;2013年，当woios7开始实现扁平化时，这种平板设计方式风格已经成为当前互联网平板界面设计的一种主流。如今，极简物化主义网页设计已经发展成为一种时尚流行设计趋势，特别是在企业网站或手机移动端的各种用户界面优化设计之中，这种扁平的设计风格通过简单的矩形图标清晰易懂，而不是平淡，有另一种职业设计师的风格-即标准极简物化主义设计。准物化设计追求模仿理想物体的外观和质感，在叠加了高光、质感、材质、阴影等多种效果之后，不再再现物体;平面设计摒弃了上述对效果的追求，追求一般性，而简化和符号化设计元素性能。在数字设备改进程度较低的时期，虚拟物化是行之有效的，尤其是对于儿童和老年人，虚拟物化设计更为直观有趣。然而，随着现代数字成像技术的快速发展，拟向开发技术能够带来的经济效益将越来越小，这将直接带来拟像开发成本不断增加、审美疲劳等诸多问题。拟像化的风格后来更多层次地被人们用作一种视觉上的装饰。

四、扁平化的一种必然性

先过来说说为什么我们有必要拟合实物化这个新的东西：jobs对人机界面设计的一个基本理想定义是，任何这个年龄的年轻人，任何没有经历的普通人，都应该可以在他们拿到一个设备后的几分钟内轻松的完全掌握它的基本用法。于是在aapple通过充分利用模拟人们的日常使用经验，做出了虚拟物化的用户界面，从而大大降低虚拟用户的快速学习操作成本以及快速理解它的难度，正如《iOSHumanInterfaceGuidelines》里面所提到：「当你虚拟应用程序中的一个可视化虚拟对象和实际操作按照你在现实虚拟世界环境中的虚拟对象与实际操作进行仿造，用户就一定能快速准确领会如何正确使用它。」最早最常见的按钮拟任人物化，或许大概就是这个按钮了，突起的话则表示还是可以正常按的，凹陷的话则表示已经被无法按了。

拟物化的迅速没落却成就了行业扁平化的迅速崛起。扁平化的视觉风格设计突出了此类内容的整体主题，弱化了各种物体突发性的变化、阴影、高光等伪装的视觉效果对整个用户整体视觉的严重干扰，这样这么做更好的可以使用户更加多的关注這些内容本身，减轻了很多用户对于使用此类内容产品的心理负担，非常简单，在好的平面立体视觉和优秀的大型建筑设计下也更易于实际使用。与现代工业社会一样，设计形象的快速简化发展有其不可逆转的巨大历史性和必然性，界面设计中各种扁平化设计风格的快速产生也同样有其不可逆转的巨大历史性和必然性。首先，在提高网络产品低价和改进率的时期，虚拟和实物化网络设计仍然是有效的。尤其对于学龄儿童和甚至老年人来说，虚拟门和物化门的设计更为直观有趣。然而，随着现代数字通信技术的飞速发展，虚拟和实物化技术带来的诸多好处却是越来越少，带来了软件开发成本的大大增加，而使得平面设计和软件开发相对简单。其次，平面设计充分突出了整个内容的整体主题，弱化了灯光突变、阴影等各种立体视觉效果对内容用户听觉视野的直接干扰，使内容用户似乎能够更多地想去关注这个内容本身，降低了内容信息表达层次的结构复杂性。再次，网络产品用户审美文化趋势的不断变化也是当前推动网络平面设计不可忽视的重要因素之一。从建筑设计的发展历史上就可以清楚看出，在当今世界的建筑设计之上，复杂性和简单性必然是不可避免的。当现在人们的图形眼睛里面到处充斥着繁杂的字体模仿视觉效果时，简洁的字体设计也能让它令人耳目一新。当然，这种简单不仅仅只是生活方式的一种简化，更是信息层次的简化，更准确地呈现关键信息，这自然是人们所喜欢的。

五、论扁平化与拟物化的对立

拟物和扁平到底是不是对立的？数字电子计算机本身其实就是个非常扁平化的数字计算器，就算不用心去设想一个实体化的计算器，按照整个信息系统构架从0开始的去设计一个实体计算器，很多人有可能也没机做出那么类似的设计结果。随着社会时代的不断发展，拟物化的装饰设计风格属性变得越来越少，从而慢慢地演变成发展为一种走向视觉化的装饰设计风格。作为一种软件设计，拟物化的诸多好处或许会变得越来越少，而随之可能带来的则是开发成本不断增加、审美疲劳等诸多问题，使得用它的开发理由变得越来越少了。当然，拟合实物化也并不会在就此马上完全消失，一方面如果风格这一种东西不断的存在无论好坏，总会还是有一部分年轻人不会喜欢，另一方面个别职业程序员也需要强的趣味和技术亲和力，也确实是没有必要去应用到风格拟合实物化。而极简的客厅设计，也可能会被很多人认为看腻而适当的多加入一些具有装饰性的元素。但我们必须一定要首先知道的事实是，无论何时绝对的扁平和绝对拟物都可能是不可取的，盲目的绝对拟物和扁平都会直接造成游戏内容的不直观。目前来讲，谷歌的新视觉设计效果语言大有可为，还只是需要进一步完善强化安卓开发者的谷歌视觉效果风格设计规范，继续开发完善名为materialdesign的谷歌视觉设计语言，结束目前安卓混乱一片的开发现状，指日可待。

六、结语

对于系统设计师来说，如果你仔细看看一下微软的这个windowsphone设计平台，你很有可能会从中发现一个特定的客观现象：就是没有一定技术含量的设计应用程序不多，深远的技术应用程序却也不多，而且每个应用程序也没有一种统一感。设计师约翰尼霍兰德（johnnyholland）将他的平面设计风格与包豪斯风格整体进行了高度对比，并指出“由于去除了装饰，个性化的空间非常大”。所以如果你想做一个好的平面设计，你需要技巧。无论是拟物化还是扁平化，焦点都不再追逐潮流，这样只会影响设计外观。也许很多设计师喜欢平面设计，因为它很容易做到。这里对平面设计的看法是，设计师很容易完成它，但很难做出真正好的平面设计。

参考文献：

[1]孙骁莉，贺鹏.UI设计中的扁平化与拟物化视觉传达解析[J].艺术科技，2019，32（07）：94-95.

[2]任葆轩.试论拟物化与扁平化在UI设计中的比较[J].艺术科技，2017，30（11）：123.

[3]李佳.界面设计中的扁平化设计与拟物化设计之探议[J].艺术与设计（理论），2014（03）：55-57.