基于认知心理学探析APP界面设计中的色彩_戴娴子.pdf

湖南包装第 37 卷 2022 年 12 月93戴娴子（1996），女，湖北大学艺术学院在读硕士研究生。杨棚瑞（1977），男，湖北大学艺术学院副教授、硕士生导师，硕士。E-mail：2022-05-09作者简介：通信作者：收稿日期：基于认知心理学探析 APP 界面设计中的色彩戴娴子杨棚瑞*DAI Xian-ziYANG Peng-rui*Color in APP Interface Design Based on Cognitive Psychology（湖北大学艺术学院，湖北 武汉 430000）(School of Arts,Hubei University,Wuhan,Hubei,430000)摘要：APP 作为信息传播和展示的平台，色彩在其中发挥着举足轻重的作用，无论哪种信息传达手段，都应该将信息从抽象转为直观、形象、准确的符号语言，使用户能够按照色彩形成的符号在这个过程中零挫败感地了解信息内容，而这个过程越简单，用户获得的成就感就越强烈。文章从认知心理学角度出发，通过对认知心理学规律的科学分析，探析色彩在 APP 界面设计中的作用。设计师站在满足用户的高层次需求上，不仅需要考虑到人的生理和行为机动，也要考虑产品的设计是否符合用户的心理认知，由此达到情感互动、审美品位、文化归属和附加价值等。关键词：认知心理学；APP；界面设计；色彩Abstract:As a platform for information dissemination and display,APP color plays a pivotal role in it.No matter what kind of information transmission means,information should be transformed from abstract to intuitive,visual and accurate symbolic language,so that users can understand the information content without frustration according to the symbols formed by color in this process.The simpler this process is,the stronger the sense of achievement users will obtain.From the perspective of cognitive psychology,this paper analyzes the role of color in APP interface design through scientific analysis of the laws of cognitive psychology.In order to meet the high-level needs of users,designers should not only consider human physiology and behavioral mobility,but also consider whether the product design conforms to the users psychological cognition,so as to achieve emotional interaction,aesthetic taste,cultural belonging and added value.Keywords:Cognitive Psychology;App;Interface Design;Color1 塑造 APP 界面视觉设计色彩认知随着计算机网络和移动终端应用的发展以及智能手机的出现，色彩设计作为要素之一在其中的地位显而易见，成为 APP 界面设计中重要的一部分。适应用户的行为特征和心理特征是设计产品的基本前提。而在设计过程中，产品外观和操作过程是设计基础，用户的心理需求和心理反馈是重要目的。将认知心理学应用于 APP 界面的色彩研究，可以满足用户的行为效率和审美品位即 APP 的易用性和艺术性，亦能提升产品的用户认可度。注意、知觉、表象、记忆、思维和言语等是认知心理学里所说的认知过程，是人的高级心理过程，是人对于事物特点的认识过程，即信息加工过程。用户作为主体感受产品带来的客观反应，这是简单直接的心理规律，是认知的起点；知觉以感觉为基础，是对图1 “认知心理学”人类信息加工模型于各部分、各属性及相互关系的感知整合，例如 APP 界面色彩是由各个元素相组合形成的一个整体，即凸显整个 APP 的风格特征；利用点缀色、大小等对比以达到醒目的效果，即引起注意之后提供正确和充分的信息以支持进一步的处理；人脑对过去经验的保持和再现是记忆的体现，用户使用 APP 就是接受界面效果带来的客观刺激，这种客观现象的持续效果最终呈现为主观意识，只有在持续刺激的作用下，感觉和知觉才会存在；想象即是用户对于产品使用之后获得的反馈心理，例如在博物馆 APP 中，用户浏览信息内容，那么脑海里就会根据界面整体风格和色彩配合内容图片带来的刺激感受想象自己身临其境的一种主观现象；而思考特性（思维）机动是对于客观事物和主观感受的反映，这个反映是指事物的表象和内在之间的联系，用户在使用 APP 的过程中，通过界面与色彩之间的相互作用，映射到产品设计技术之外的实用意义，即“设计为人”，用户作为产品设计的中心，服务于用户的体验感觉和心理感知。从广义上来说，认知心理学是对“人的认知以及人在认知时的认知过程”。认知心理学结合色彩学在 APP 界面设计中，其中相关的理论主要表现在感知觉方面、注意方面和思维方面，从人的信息加工模型（图 1）来看，设计中主要侧重点在于注意（感觉）和思维（同时也包含感觉到思维的认知过程）。从认知心理学角度出发，色彩在 APP 界面设计中与界面风格相辅相成，界面中的色彩作用不是简单地向用户传达 APP 的艺术性，而是首先突出整体风格激发用户对于 APP 使用的兴趣和动机，然后再将 APP 的色彩符号与界面操作性有机地结合起来，用户不再是受不明确指示的图标进行被动行为，而是利用色彩带来的使用效率主动地进行选择性操作。戴娴子，等：基于认知心理学探析 APP 界面设计中的色彩DOI:10.19686/ki.issn1671-4997.2022.06.022942022 年第 6 期湖南包装2 基于认知心理学色彩在 APP 界面设计中的设 计原则2.1 主题色带动用户知觉感知2.2 辅助色带动用户思维感知1.1 “简洁性”风格化概念1.2 界面色彩“总”“分”概念界面设计中的主题色即界面色彩中的主色调。主题色主要突出整体 APP 风格给用户带来的感觉，并且带动其他辅助色和强调色，贯穿了 APP 的整体，诸如启动图标、导航栏、部分控件及按钮上等，但是主题色一般涉及的面积较少，约占整个 APP 界面的20%。在 Starbucks APP 界面中的呈现非常具有代表性，界面标准色以绿色为主作为出发点展开进行同类色的变换，使环境要素（界面风格）形成知觉感知传输给用户的大脑形成思维模式，而记忆输出与人脑相互作用，并达到用户认知范围的整体企业视觉风格相统一（图 34）。通常人的思维并不是由逻辑思维作为主导的，其基本思维方式有模仿思维、探索思维、经验思维以及情绪思维。如果单纯运用同一个颜色设计整个 APP 界面，那显然是不能满足用户的期望值，用户作为拥有高级思维模式的人类，更渴望拥有满足审美及艺术思维的界面，那么辅助色可以达到这样的效果，辅助色与主题色相互呼应，界面层次清晰，展示内容板块化，使用户可以通过自己的行为操作更自然地进行交互活动，同时配合主题色呼应APP 风格特征，起到画面的平衡作用，使界面更加丰富和完美，从而增强整个 APP 的活力。案例中，除了原有的绿色之外，Starbucks 还将绿色逐步延伸，呈现出与之协调的辅助颜色，所有核心功能板块都向主体色调靠拢，巧妙地将绿色环保的理念引入其品牌视觉设计中，为品纵观部分博物馆 APP 界面设计，风格普遍侧重于整个界面的装饰效果，操作比较繁复。据问卷调查研究结果表明，大部分用户对于 APP 的使用评价在于界面华丽但色彩指示不明确等问题，忽略了使用效率；而另一部分的 APP 界面设计大多数为常规的满足用户体验功能的简单设计，主要出发点在于功能的明确性，界面之间没有过多的手势操作，色彩运用简洁。例如博物馆 APP 的国际主义风格（图 2），整个界面采用简单的白、灰色调，没有过多的颜色渲染，主要突出博物馆内的展品图片以及导航信息。宏观上，从用户的认知心理角度出发，生理记忆与产品风格相匹配，产品展现再反馈给用户心理认知；此外，APP 的界面色彩转化的具象信息引导了用户的使用效率。界面的“简洁性”即“简化”，不是信息传递减少或缺少，而是将复杂信息进行整合和重新组织。而“简化”对于用户行为认知是一把双刃剑：一方面，人们对于简洁、对称、规律图形具有一定的喜爱程度；另一方面，简化、单一使人们的操作行为变得简单、程序化。图 2 中统计的数据显示，有 85%的人群支持博物馆 APP 的开发，有利于随时随地参观浏览，打破地域和时间限制；有 79%的人更加喜欢简约风格的 APP 界面。另外，有 79%的人使用 APP 过后感觉不太符合对应博物馆的风格。由此可以表明大众对于 APP 界面有较高的生理需求和情感需求。目前人们获取信息的途径基本以互联网和 APP 为主，对于展览路线、展览时间以及馆内展示信息的查询，有 57%的人会觉得由于颜色处理不当导致操作比较繁复，部分按钮凸显不清晰，57%的人不清楚使用 APP 的浏览顺序，这说明了 APP 界面中的色彩层级关系不明确，使用户把握不到主次，使用期间不知从何进行。以上从博物馆 APP 视觉界面出发，分析了用户对于整体风格、界面层级以及操作按钮等色彩分布的心理需求，要求设计师站在用户角度探析 APP 的使用易用性原则。“总”即风格整体，“分”即色彩元素个体，是人们在进行认知行为时倾向将各个色彩元素进行整体化认知。例如 APP 界面设图 2 博物馆 APP图3 Starbucks APP 标准色图 4 Starbucks APP 界面主题色应用色彩在 APP 界面设计中的设计原则运用逻辑思维和设计常识等原理设定设计方案，使用户在使用 APP 时能准确、流畅地找到操作按钮进行行为动作达到交互目的。在进行界面色彩设计时，根据色彩学的原理处理好内容和形式美之间的关系。在 APP界面色彩设计中，设计原则在于掌握色彩的风格与 APP 风格的统一，特别是主题色、强调色和辅助色三大色彩的关系调和2。色彩的合理运用不仅提升 APP 整体视觉效果，同时给用户带来更好的使用体验感。此应用案例围绕 Starbucks APP 界面设计展开，深入研究认知心理学在界面设计中的设计原则体现。所谓“再认知”是认知心理学的思维过程。将 APP 界面中的色彩配置与抽象信息相结合达到具象的信息传达，这个过程使产品具有“自述”功能，通过色彩里的邻近色和对比色凸显信息内容，将信息浏览顺序和用户的认知心理模式相匹配，使用户能正确理解并达到操作目的1。计中色彩分为邻近色、相似色以及对比色，运用在产品中为一个整体契合界面风格，传输给用户。而 APP 界面设计中，将功能和信息按区域块划分，使色彩的合理运用既达到用户减少繁复操作和移动距离，又可以在效果上达到整体性和统一性。戴娴子，等：基于认知心理学探析 APP 界面设计中的色彩湖南包装第 37 卷 2022 年 12 月95以上 Starbucks APP 界面色彩案例结合人类信息的加工模型图，可以看到整个系统是一个完备的整体，界面设计风格为用户大脑提供外部信息的刺激，再通过感官去接收信息，然后大脑将这些外部刺激进行加工，无论是主题色、辅助色还是点缀色，最3 基于认知心理