二 APP配色

更新于 2026年10月10日 版权声明
二 APP配色

1.配色技巧

在制作APP时,配色是非常重要的一步。首先应该明确配色的方案是否符合项目需要和用户预期的色彩印象。比如蓝色,会让人们想到大海、天空,红色会想到火焰,这些就是色彩给用户留下的最初印象。色彩还具有一定的象征性,比如蓝色象征冷静,红色象征热情和奔放。这些色彩印象可以迅速地帮用户建立认知。比如旅游APP的配色通常会用蓝色、绿色等象征天空、海洋、绿地的颜色,而购物类的APP则喜欢暖色,比如红色、橘色等。所以我们在设计的时候要根据用户的认知去设计(图8、9)。

图示

图8 色彩给用户的印象

图示

图9 红色象征热情和奔放

2.情绪版

在制作配色方案的时候,很多商业项目会制作情绪版。那么什么是情绪版?情绪版通常要求参与者从日常的图片中挑选出符合“某种心情意境或关键词”的图片,把这些图片放在一起。传统意义上,情绪版的定义是指对将要设计的产品以及相关主题方向的色彩、图片、影像或其他材料进行收集,从而引起某些情绪反应,以此作为设计方向或者是形式的参考。它帮助设计师明确视觉设计需求,用于提取配色方案、视觉风格、质感材质,以指导视觉设计,为设计师提供灵感。比如制作某一个应用的时候关键词是专业和便捷,那么我们就可以根据这个关键词找出相应的图片(图10)。

图示

图10 根据关键词找出相应的图片(https://www.daowen.com)

传统情绪版制作的操作方法(图11):

图示

图11 传统情绪版制作的操作方法

首先,综合用户研究结果、品牌/营销策略、内部讨论等方面明确体验关键词(Experience Keywords)。通常,这也会是一个商业决定。

其次,可邀请用户、设计人员或决策层参与一段时间的素材收集工作。通常是从日常接触的报纸中选取图片并粘贴到一起。

接着,针对每个人的情绪版收集情况,配合以定性的访谈,了解选择这些图片的原因,挖掘更多背后的故事和细节。

最后,将素材图按照关键词聚类,提取色彩、配色方案、肌理材质等特征,作为最后的视觉风格的产出物(图12)。

我们将情绪版在Photoshop中进行高斯模糊,再使用颜色滴管提取大色块。当然,现在已经有很多用户配色方案提取的网站和软件,这样能更事半功倍,比如配色神器等,可以到网站下载使用。网址:http://www.fancynode.com/colorcube/。

图示

图12 配色方案

↑上一章 ↓下一章
关注公众号获取验证码
复制内容需要验证码(7.99元/天)