格式塔心理学视知觉理论在UI扁平化设计中的应用
发布时间：2021-12-23 12:46
随着数字终端设备的发展,UI设计走向扁平化成为当下的重大设计转向。为了追求便捷、准确、高效与沉浸式的体验,UI设计经历了从"拟物化"到"扁平化"的转型。扁平化的实质是对极简主义的追求,设计风格流行的背后主要是受到认知因素、技术因素和视知觉因素的影响。根据格式塔心理学视知觉理论,当前的UI扁平化设计主要是在形状、色彩与运动三方面予以应用。但设计师们对平衡与简化的过度向往,也使得UI设计存在着文化功能性弱化、情感体验性匮乏的缺陷。
【文章来源】：长沙大学学报. 2019,33(01)
【文章页数】：6 页
【部分图文】：
WindowsXP系统界面(二)UI设计的再次扁平化转向
和现实的差异被拟物化的设计风格所拉近，用户观看XP界面的时候，就如同观看一个真实的窗口。与此同时，苹果的MACOSX也在设计中加入了拟物化元素。任务栏模拟光洁细腻的透明玻璃式样，图标极具真实感，为用户提供了一个高度仿真的视觉环境。此后十年，UI设计由两大厂商领头，在拟物化的轨道上不断完善，每一次版本升级都对前作UI进行了细节上的优化，精细、仿真、追求身临其境的交互效果是这个阶段UI设计的大方向。图2WindowsXP系统界面(二)UI设计的再次扁平化转向图3苹果手机的UI图标设计UI设计在拟物化道路上精益求精地坚持了十余年，突然迎来了一次颠覆性的逆转———扁平化风格的再现。2006年，微软推出了著名的Zune播放器，开始使用类似扁平化的界面设计风格。在接下来的微软Windows8和WindowsPhone推出的metro风格UI系统中，扁平化风格令用户为之惊艳。在手机UI设计领域也是如此，Windows首先推出了Win-dowsPhone7这一以扁平化风格为主导的手机系统。在此之后，坚持拟物化UI多年的苹果也在IOS7中开始抛弃前几代IOS精细仿真的拟物化风格，取消了阴影、渐变、高光等拟物化细节，代之以扁平化的视觉设计(见图3)。与曾经盛行的拟物化设计相比，扁平化设计风格完全反其道而行之，极尽简约之能事，以大色块和简明结构概括图标功能，醒目易读的视觉效果让用户习惯了拟物化UI的双眼和大脑突然得到解放。在以Windows、苹果为代表的大厂商实践下，扁平化风格目前是在UI领域最受欢迎的设计样式。二扁平化风格的流行原因扁平化设计又被译作“最小化设计”“最
椒?在扁平化设计中选取的图式形状以简单、易认为基本准则。设计师一般从概念出发，提取大众认知中符合此概念的典型元素作为视觉图像。但在提取过程中，典型图形的外观常常是具有清晰特征的刺激式样。由于UI一般需要同时显示大量信息，若干不规则形状同时出现在同一平面上时，会导致视觉产生尖锐化的认知倾向，令画面观感杂乱，因此，在设计图标和模块的时候，设计师需要注意图形特征和形状的平衡。比如，设计师常常使用规则、对称的外延形状和具有典型特征的内部形状进行组合式设计(见图5)，或是将对象的外延整平化为对称图形(见图6)，易于辨认，也有利于视觉观感上的舒适。图5外部规整化图标设计示例图6整平化图标设计示例2．色彩色彩本身携带着信息。虽然作为信息传递的工具，形状比色彩有效得多，但色彩传递给观众的直观感受是形状无法替代的。阿恩海姆认为，对色彩反应的直接特征，是观察者的被动性和经验的直接性，而对形状的知觉则来自观察者积极的控制。UI设计虽然是一门依附于数字终端制造技术的设计门类，但时至今日，以用户为中心成为了UI设计师的核心理念。因此，UI设计中的色彩选择应与UI受众相关联。为不同用户群设计，UI色彩的选择也不同。诺基亚WindowsPhone追求年轻、现代、时尚的工业设计风格，外壳使用明亮的纯色，因此搭配了高饱和度的UI配色，令人快速被吸引注意力，十分醒目。一些网站、APP等需要制造特定氛围的UI场合，常使用符合自身定位的配色方案，如饱和度低，色彩搭配和谐的复古色，给人一种柔和舒适的视觉观感，适用于生活类、时尚类UI;色彩统一的单一系配色
本文编号：3548505
【文章来源】：长沙大学学报. 2019,33(01)
【文章页数】：6 页
【部分图文】：
WindowsXP系统界面(二)UI设计的再次扁平化转向
和现实的差异被拟物化的设计风格所拉近，用户观看XP界面的时候，就如同观看一个真实的窗口。与此同时，苹果的MACOSX也在设计中加入了拟物化元素。任务栏模拟光洁细腻的透明玻璃式样，图标极具真实感，为用户提供了一个高度仿真的视觉环境。此后十年，UI设计由两大厂商领头，在拟物化的轨道上不断完善，每一次版本升级都对前作UI进行了细节上的优化，精细、仿真、追求身临其境的交互效果是这个阶段UI设计的大方向。图2WindowsXP系统界面(二)UI设计的再次扁平化转向图3苹果手机的UI图标设计UI设计在拟物化道路上精益求精地坚持了十余年，突然迎来了一次颠覆性的逆转———扁平化风格的再现。2006年，微软推出了著名的Zune播放器，开始使用类似扁平化的界面设计风格。在接下来的微软Windows8和WindowsPhone推出的metro风格UI系统中，扁平化风格令用户为之惊艳。在手机UI设计领域也是如此，Windows首先推出了Win-dowsPhone7这一以扁平化风格为主导的手机系统。在此之后，坚持拟物化UI多年的苹果也在IOS7中开始抛弃前几代IOS精细仿真的拟物化风格，取消了阴影、渐变、高光等拟物化细节，代之以扁平化的视觉设计(见图3)。与曾经盛行的拟物化设计相比，扁平化设计风格完全反其道而行之，极尽简约之能事，以大色块和简明结构概括图标功能，醒目易读的视觉效果让用户习惯了拟物化UI的双眼和大脑突然得到解放。在以Windows、苹果为代表的大厂商实践下，扁平化风格目前是在UI领域最受欢迎的设计样式。二扁平化风格的流行原因扁平化设计又被译作“最小化设计”“最
椒?在扁平化设计中选取的图式形状以简单、易认为基本准则。设计师一般从概念出发，提取大众认知中符合此概念的典型元素作为视觉图像。但在提取过程中，典型图形的外观常常是具有清晰特征的刺激式样。由于UI一般需要同时显示大量信息，若干不规则形状同时出现在同一平面上时，会导致视觉产生尖锐化的认知倾向，令画面观感杂乱，因此，在设计图标和模块的时候，设计师需要注意图形特征和形状的平衡。比如，设计师常常使用规则、对称的外延形状和具有典型特征的内部形状进行组合式设计(见图5)，或是将对象的外延整平化为对称图形(见图6)，易于辨认，也有利于视觉观感上的舒适。图5外部规整化图标设计示例图6整平化图标设计示例2．色彩色彩本身携带着信息。虽然作为信息传递的工具，形状比色彩有效得多，但色彩传递给观众的直观感受是形状无法替代的。阿恩海姆认为，对色彩反应的直接特征，是观察者的被动性和经验的直接性，而对形状的知觉则来自观察者积极的控制。UI设计虽然是一门依附于数字终端制造技术的设计门类，但时至今日，以用户为中心成为了UI设计师的核心理念。因此，UI设计中的色彩选择应与UI受众相关联。为不同用户群设计，UI色彩的选择也不同。诺基亚WindowsPhone追求年轻、现代、时尚的工业设计风格，外壳使用明亮的纯色，因此搭配了高饱和度的UI配色，令人快速被吸引注意力，十分醒目。一些网站、APP等需要制造特定氛围的UI场合，常使用符合自身定位的配色方案，如饱和度低，色彩搭配和谐的复古色，给人一种柔和舒适的视觉观感，适用于生活类、时尚类UI;色彩统一的单一系配色
本文编号：3548505
本文链接：https://www.wllwen.com/shekelunwen/xinlixingwei/3548505.html
