扁平化交互设计的美学研究范文

一、交互设计发展的历程

从上世纪八十年代交互设计的出现，当时还是一个小范围学科，行业也相对特殊。当今科技高速发展的交互设计也随之发展了。现在已经是主导互联网，手机等各种电子产品体验的核心设计思想之一。交互设计就是人与人通过媒介进行沟通互动交流的过程，这个媒介可以是网站或者是手机APP，各种人类要通过操作才成发挥产品功能的各种产品。其中交互过程相对活跃就是网站和手机APP,以及各种互联网业务。利用交互设计可以更容易使用，用户体验更加舒适和方便。交互设计的目的就是通过充分了解目标用户来达到并超越甚至是引领用户的期望值。苹果（apple）在预料大众审美和超越大众的期望值就非常的成功，其中有令人兴奋地交互设计，界面设计等。

各类产品一经推出就风靡全球。交互设计横跨了多个学科，例如互联网产品，首先内部编程计算机知识，其次外部UI设计需要美学设计知识，在计算机和设计两大领域还可以细分出许多学科可以说是综合多种学科的新兴学科。其中学术理论学科包括人体工效学，认知心理学，信息学，工程学，计算机科学/软件工程学，社会科学，人因学，人机交互，认知工程学，认知均效学，计算机支持的协同工作（CSCw），信息系统。设计实践学科包括平面设计，产品设计，艺术设计，工业设计，电影工业。美学规律，形式美法则。关系详见图1其中被称为交互设计之父的比尔﹒莫格里是重要的交互设计理论探索者。为交互的理论研究打下了坚实的基础，著名心理学家唐纳德.诺曼,提出的情感化交互设计是为通过交互设计的产品具有更加舒适愉悦的体验提供了一种新的思路和关注点。艾伦.库伯(ALANCOOPER）严格意义上第一个微型计算机的商业软件就是由他创造出来的，他是软件的创造者。交互设计执行的具体方法，和要遵循的基本原则就是由他提出来的，同时他也是一名设计师。开创了交互设计的理论研究。交互设计除了向其他学科一样注重形式的同时更加注重内容和内涵。其是达到高效传递信息的最有效方法之一。从扁平化交互设计的出现后呈现出地毯式的发展趋势，被设计师和大众认可，让扁平化不仅用是于企业管理中提高效益的方法，也扩展到交互设计领域，为千千万万的用户带去了便捷舒适的用户体验，提高了生活质量。

二、扁平化交互设计的出现

1、扁平化的概念重叠，金字塔结构会带来人员水平杂乱，低效率和高成本管理的问题。扁平化管理就是优化层级管理后的一种新管理模式。从而能够有效的增加管理幅度，提高员工的积极性，降低企业的管理成本，提高工作效率。进而扩展到渠道扁平化的概念就更加形象的说明扁平化交互设计出现的价值。在利用扁平化交互设计方式的手机界面，能够使用户的视觉思维顺着这个界面的二维平面展开，而不用向纵向的层次深入，减少了视觉的传播路径，确保了用户视觉搜索的连续性和缩短了视觉查询的时间并且提高了使用效率，获得了更优质的产品体验过程。

2、扁平化交互设计出现的原因扁平化的思路延伸至交互的构建中，探究提高用户信息访问效率的解决方案。扁平化界面设计的目标是通过减少界面信息结构层级和增加单层信息幅度，来构建一种“宽而扁”、“快而全”的信息组织形式。同时为了愉悦人机交互的过程需要了解设计美学在其中的重要作用以及如何更好的发挥其作用。渠道扁平化的最终目的就是扁平渠道。例如：淘宝网从供应商（制造商）直接通向消费者，没有供应链的其它中间环节，是销售的理想模式，可以让用户直接看到产品的实物而不是通过各种的传播媒介看到的。让产品直接面对用户，厂商可以获得用户体验的第一手资料，更加直接地控制供需和更加快速有效的对产品进行改进。为用户提供更优质的用户体验。同时这也是一个交互设计的过程，人与人通过产品间接的交互改进设计，不断地提高和改善。

三、偏平化交互设计中的美学

1、如何更好的提高扁平化交互设计的视觉体验，需要充分了解设计美学规律，在交互设计中充分运用，寻求带给人们舒适，轻松，愉悦的视觉效果。形式美法则与扁平化交互设计的关系，形式美法则有对比与统一，节奏与韵律，比例与尺度等对称与均衡。1）形式美法则的应用在扁平化交互设计中，UI设计在运用形式美法则后能够优化信息布局，形式美是由的两个构成因素，一方面是构成形式美的材料质感美，另外一方面是材料质感之间的构成规律即为形式美法则。构成形式美的材料质感要素包括：点、线、面、形状、色彩、声音等。那么如何利用美学法则来进行合理的信息分布。例如，手机界面是如何进行信息的平铺显示的。首先，由于扁平化手机界面会使金字塔形的层级管理趋向于横向的平铺分布，所以就弱化了原有信息的界限和逻辑关系。传递出来的信息之间的相关性就没有那样的显著了。在扁平化手机界面设计中实现全视化信息管理的同时也会增加干扰的信息量，可能会导致用户对信息的混淆。因此，在扁平化手机界面设计时，我们应该通过合理运用视觉设计规律来区分信息。另一方面，为了更加高效的在有限的屏幕空间为用户提供信息，在扁平化交互设计的过程中应根据受众目标用户的需求来安排界面布局的信息，让最契合的用户期待的信息优先显示出来。例如韩国电商网站shopping.naver.com是目前屈指可数的购物网站的典范之一，横向对比中国的京东商城，淘宝网。首先从购买行为之前的行为讨论NAVER的视觉美观性，信任度，合理性，舒适性都略胜一筹。如图4,图5所示京东商城和淘宝网第一屏视觉干扰太多，容易造成用户迷航，产品推荐的展示思路以及展示形式，极容易为用户产生烦躁感。用户高质量购物体验下降。所以扁平化交互设计思路的出现是很有必要的，能够有效的提高用户体验，互相促进。当然这其中会有一些因地域差异引起的审美趋向差异的原因，但大多数人进入到NAVER的购物站的第一屏时会觉得视觉设计更加的美观简洁，更加的舒适，轻松，可见NAVER已经将设计的价值最大化。该韩国NAVER网显示出简单正规的气氛，可以让用户的产生信任感，这源于布局，显示模式中的点、线、面规划和细节处理、产品图片、图形和文本布局。对比与统一：如图2，通过大面积的色块对比整齐划一，就是很好的运用了美学法则对比与统一。充分体现扁平化交互设计。

调和与对比：如图2，在灰色的网站类别CATEGORY这个单词的颜色突出和具体的类别分类区别出来了，并且和大面积的绿色有一个遥相呼应的关系，调和整个页面，也有清晰舒服的对比，是调和与对比形式美法则很好的体现。同时通过娴熟的运用美学规律的形式美法则高效的传递出有效信息，这是扁平化交互设计的精髓所在。对称与均衡/比例与尺度：如图3，NAVER没有进行长页的展示，是以一种像服装会类似的形式，让用户清爽的看到网站推荐的品类，做到了不令人讨厌的广告。每个产品的分布所占的比例都是要考量一下的，正如柯尔律治（Coleridge）论诗，说它是：“最好的字在最好的次第”。一个成功的扁平化交互设计的UI界面，各种的元素就类似于诗中的每个字，是相互作用的，最重要最有效的就信息就是诗中的好字，应该在最好的次第，在比例中尚佳的位置才可以起到最好的效果。同时扁平化界面的访问路径变短，信息能够快速敏捷的反馈给用户，界面的UI设计也要和这个本质的保持一致。就像《易经》中所说的“修辞立其诚”例如扁平化手机界面的访问路径变短，只需在顶层界面即可对不同子模块的信息进行独立控制，其开放式的信息界面可以帮助用户对完整路径进行观察和提前预知，当相关信息发生变化时，信息界面可以将变化敏捷地反馈给用户，因此，扁平化的界面设计可以有效的通知用户当前所在的位置以及接下来操作的方向，避免用户出现信息迷航。提高使用效率。

节奏与韵律：使用大面积的整齐色块来进行布局，整齐划一，没有点线的凌乱，琐碎，传达更加直接，缩短了视觉在界面上的搜查时间，是扁平化交互设计达到的把最有效的信息以最高效的方式传递出去。如图6、图7是图2的横向和纵向的节奏韵律图。可以看出这种扁平化的网页设计一目了然，直接有效。具有很强的形式美，节奏清新明快，视觉体验舒适，透露出一种官方的气质，这种气质能够传递出足够的信任感。这对电商网站的至关重要的。在当今的快餐文化中，人们的生活节奏是越来越快，无暇顾及路边的美景，生活的美好，这种文化环境下扁平化简洁舒适高效的传递信息是适应时展的产物，也使它迅速的发展起来。在UI设计中要充分体现交互设计的艺术美，利用美学的形式美法则更好的达到扁平化交互设计的目的，给使用者带来更加舒适美好的用户体验效果。赏心悦目，简单高效的完成操作目的。

作者：刘浩然 单位：吉林大学