如何找到客户喜欢的视觉风格?来看高手的方法!

Date 2026-05-11 11:11:24

如何找到客户喜欢的视觉风格?来看高手的方法!

有一次,一位客户请我的朋友小张设计一个 App,经过简单的沟通,小张开始从互联网上收集案例。通过比较筛选,他找到了一种高风格的视觉风格,所以他自信地应用了它,并认为:这样一个酷的设计客户必须喜欢它,也许他会有一个手稿。

两天后,小张把计划发给了客户。客户看完后回复:「嗯...挺高的,但是和我们产品的调性不太搭配。...」「我想活泼活泼。你的看起来太轻了...」小张认为最好的计划被否定了...后来他又出版了几个版本,但还是失败了。

郁闷的小张跟我抱怨客户不懂设计,我说你不懂客户的真实需求。他继续问,我告诉他用了「情绪板」能够明确需求,定义正确的设计风格。按照我说的方法,他又制定了一套方案,这一次,客户高度认可并接受了他的设计。

一、什么是情绪板?

1. 情绪板定义

情绪板(Mood Board)指一系列图像、文字、样品的拼贴,是表达设计定义和方向的常用设计方法论。它的本质是可视化用户的情绪,所以被称为情绪板。

2. 情绪板作用

对于设计师来说:它是定义视觉风格和指导设计方向的基础;对于团队来说:在团队之间传达设计灵感和设计理念,从而充分整合和深化设计理念。

二、如何制作情绪板?

如何找到客户喜欢的视觉风格?来看高手的方法!

第一步:明确原生关键词:明确原生关键词:

本地关键词来源于公司的战略定位、产品的功能特征、用户的需求特征,通过公司的内部讨论和用户访谈来明确本地关键词。

第二步:挖掘衍生关键词

衍生关键词是原始关键词的发散和细化,主要通过内部头脑风暴或用户访谈获得。例如,关键词:质量、简单、友好。

第三步:搜索关键词图片

确定关键字后,利用网络渠道收集与关键字相匹配的图片素材,常用的图片搜索渠道有:Pinterest、Unsplash、Dribbble、Pexels 等。

第四步:提取生成情绪板

根据衍生关键词对收集到的图片素材进行分类,提取生成情绪板。

如何找到客户喜欢的视觉风格?来看高手的方法!

如何找到客户喜欢的视觉风格?来看高手的方法!

如何找到客户喜欢的视觉风格?来看高手的方法!

第五步:衍生关键词映射:

为了使项目组成员更全面地了解用户的实际想法,设计师或用户研究人员需要根据以下三种映射关系收集和整理衍生关键词,以获得用户的理解「抽象关键词」所对应的「具象定义」。

如何找到客户喜欢的视觉风格?来看高手的方法!

1. 视觉映射

视觉映射可以理解为相关的视觉表达,如质量-金色、黑色、几何形状;简单-白色、明亮、硬;友好-相邻颜色、圆角、圆形等。

2. 心境映射

心境映射可以理解为联想到的心境感受,如品质-高端、贵重、稀有;简洁-空旷、干净、整洁;友好-温暖、善良、舒适等。

3. 物化映射

物化映射可以理解为联想到的具体事物,如质量——iPhone、宝马,香奈儿;简洁-白墙,玻璃,盘子;友好-枕头,毛绒玩具,海豚等。

第六步:提取视觉风格

情感板图片生成后,结合衍生关键词的分析结果,提取视觉风格,主要包括:图形、颜色、字体、构图、纹理。

1. 图形提取

通过对图形的分析,发现基本的几何形具有积极和纯粹的特征,可以很好地反映出来「品质」与「简洁」方形、圆形等特征。

如何找到客户喜欢的视觉风格?来看高手的方法!

2. 色彩提取

通过对色彩的分析,发现高亮度、低饱和度的色彩搭配可以保持画面丰富,同时显得干净协调,实现「友好」「简洁」相邻色、相似色、低饱和度对比色等效果。

如何找到客户喜欢的视觉风格?来看高手的方法!

3. 字体提取

通过对字体的研究,发现中文字体端庄对称,字体为方形,如思源粗体、方形兰亭黑色、苹果方形等;英文字体线条简洁严谨,如:Helvetica、Avenir、DIN 等等,都比较一致「品质」和「简洁」的特征。

如何找到客户喜欢的视觉风格?来看高手的方法!

4. 构成提取

通过对构图的研究发现,全版型和通栏型构图直观强烈,给人一种大方舒展的感觉;并置型和九宫格型体现了严谨、秩序和节奏感「品质」所有特征都是匹配的。

如何找到客户喜欢的视觉风格?来看高手的方法!

5. 质感提取

在质感的选择上,大多接近当前流行风格的趋势,如圆角卡、散射投影、渐变、轻拟物、毛玻璃等,能有效表达「简洁」「友好」情感感受。

如何找到客户喜欢的视觉风格?来看高手的方法!

小结

情感板是一种指导设计方向、传达设计灵感和思路的设计方法。

制作情绪板时,首先要明确原始关键词,然后用脑暴挖掘衍生关键词,然后搜索相关图片,提取情绪板。此外,访谈用户收集衍生关键词映射,最后通过情绪板和关键词映射提取视觉风格。

欢迎关注作者微信微信官方账号:「彭彭设计笔记」

如何找到客户喜欢的视觉风格?来看高手的方法!

「使用情绪板指南」

BAT采用的设计创新方法 ,现在手把手教你!”“少改稿利器!写给设计师的情绪板全方位使用指南”和“如何使用情绪板,让设计作品更有说服力?”