趣味插画
Playful Illustration
初级通用趣味插画(Playful Illustration)是一种用拟人角色、夸张动作或轻松情节传达产品信息的视觉风格。它能让抽象功能更容易被理解,也能缓和等待、空状态等页面的生硬感;例如用一只翻找文件的小动物配合「暂无搜索结果」。
你可能会说:「我想让这个工具看起来亲切一点,用有小情节的画面解释功能,但别影响用户看文字和操作。」
动手看看云盘搜索的空结果页
切换空状态风格,再拖动动作幅度看看:小狐狸探向文件夹,放大镜也跟着倾斜。搜索框可聚焦,按钮可悬停或按下。
拟人角色、翻找动作和一句「还没找到」共同讲清了搜索结果为空;暖色与圆润形状让这个小挫折不那么生硬。
要点趣味插画怎样帮产品说话?
- 1
先让画面承担一个任务
你可以先问:这张图要解释功能、提示当前状态,还是传达品牌性格?比如导入完成页画一个收好文件的角色,用户能从情节里读出「事情办完了」,插画就不只是装饰。
- 2
用形态和情节制造趣味
趣味不等于堆满鲜艳颜色。一个会整理数据的纸箱角色、略夸张的动作,也能让后台工具显得亲近。我们通常让角色、线条和配色保持一致,这样不同页面才像同一个产品。
- 3
给操作信息留下主位
插画负责吸引注意和补充语气,标题、说明和按钮仍负责告诉用户下一步做什么。比如空状态里,画面可以表现「还没有项目」,但创建项目的入口要靠清楚的文字和按钮来表达。
容易混淆的地方
趣味插画说的是画面如何用角色、动作或情节与用户沟通;扁平化说的是一种减少质感和立体细节的表现方式,两者可以同时出现。它也不等于孟菲斯风格:后者侧重几何图形、图案与色彩的组合,未必会讲述产品里的具体情境。
什么时候用
适合用
- 做 AI 写作工具的空状态时,用角色表现「等待第一份文档」,让新用户知道从哪里开始。
- 做新功能介绍页时,用连续的小场景解释工作流程,帮助用户把抽象步骤串起来。
- 做面向初学者的产品官网时,用插画表现使用情境,让功能介绍少一些技术术语。
不适合用
- 做财务后台的交易明细表时,用户主要在核对数字;用清晰排版、对齐和状态标记更合适。
- 展示严重故障或资金风险时,用户需要迅速判断影响和行动;优先用明确的警告信息。
- 做需要精确展示界面操作的教程时,用户要找到真实控件;用界面截图或交互演示更直接。
练一练选一个答案,看看解释
你在做一个 AI 文档工具的「暂无文件」页面,想让新用户觉得容易上手,同时知道下一步该做什么。哪种方案最贴合趣味插画的用法?
让 AI 帮你做复制给 AI Agent 直接用
请为 AI 文档工具的空状态设计一张趣味插画:用一个角色的小情节表现「还没有文件」,延续现有品牌配色和线条风格。插画只辅助理解,保留清晰的状态标题、简短说明和「新建文档」按钮;同时说明窄屏下画面如何缩放。