打开一款企业软件，最先映入眼帘的往往是表格、筛选器和状态标签。它们需要准确，也容易让第一次使用的人感到拘谨。兰亭妙微这次分享 Roman Yakovlev 关于 B2B SaaS 吉祥物设计的文章：作者以 TitanApps 和 Coupler.io 的探索，讨论角色如何帮助技术产品建立更鲜明的表达。这个话题很适合带回 B端界面设计里继续想一想。不过，亲和力不能只靠放上一只可爱的动物。下面结合几个假设界面场景，聊聊角色的位置、分寸，以及它怎样和真正的任务配合。
给产品加一个吉祥物，很容易从情绪板开始：圆润一点、活泼一点，再挑一套讨喜的颜色。但如果没有使用场景，最后常常只剩一张漂亮的欢迎页。我们更愿意先把新用户进入产品的过程摊开：他在哪一步不知道该做什么，在哪个词面前停住，哪些信息值得用更轻松的方式解释。角色的任务应当从这些位置长出来。
AI概念示意：用于说明本节设计思路，非原文案例截图或实际客户项目。
例如，一个项目管理系统第一次打开时没有任何项目。空白区域可以让小助手指向“创建项目”，并用一句话说明项目里能放什么；项目已有几十条以后，角色就应该让出空间。这个假设例子里，角色的价值是帮助人迈出第一步，而不是长期占据工作区。判断方案时，可以暂时把插画隐藏：如果连下一步操作也跟着消失了，说明信息没有独立成立，仍需要把按钮和文字整理清楚。
还有一个容易忽略的地方，是角色与文字之间的距离。插画太靠近按钮，可能看起来像可点击控件；角色指向不明确，又可能把注意力带向次要信息。可以把灰度版界面也放进评审，检查主要操作是否仍然突出。颜色负责增加性格，布局负责说明关系，两者不应相互替代。
同一个表情，放在不同页面会产生完全不同的感受。导入成功时，一个轻微庆祝的动作可以增加反馈；导入失败且数据尚未保存时，夸张笑脸就容易显得不合时宜。界面情绪需要跟着用户处境走，尤其是企业软件，使用者往往还有时间压力和协作责任，不能把所有状态都处理成轻松的品牌展示。
AI概念示意：用于说明本节设计思路，非原文案例截图或实际客户项目。
可以先为角色划出几个适合出现的地方：初次引导、空列表、帮助入口、低风险的完成反馈。错误提示先交代发生了什么、哪些内容保留、接下来能怎么做，角色只是辅助。对于密集表格、审批意见和重要确认区域，则尽量减少装饰。配图中的空状态是概念示意，重点不在角色画得多抢眼，而在标题、按钮与解释形成稳定顺序，让用户扫一眼就知道该继续哪里。
角色动起来以后，也要考虑工作环境。循环晃动的帮助图标在展示视频里很活泼，放在需要长时间阅读的后台里却可能令人分心。可以让动画只在状态变化时短暂出现，结束后回到稳定画面，并提供适合减少动态效果的呈现。让用户愿意长时间使用，通常比让他第一眼觉得热闹更重要。
角色第一次亮相可能很完整，到了下一张活动图却换了眼睛比例，帮助中心又出现另一种阴影。单张都好看，放在一起却不像同一个产品。对持续更新的软件来说，角色也需要基础规范：轮廓、颜色、五官位置、可用姿势，以及小尺寸时应该保留哪些特征。这些限制不是为了压住创意，而是让不同人接手时仍能保持辨识度。
AI概念示意：用于说明本节设计思路，非原文案例截图或实际客户项目。
一个实用的做法，是同时查看角色在三种尺寸下的样子：大幅介绍图、普通卡片、很小的帮助入口。小尺寸里，复杂配饰和细线可能全部糊掉，这时需要简化版本，而不是机械缩小原画。还可以把角色与界面截图并排评审，观察它是否抢走主要按钮的注意力。使用 AI 探索姿势时，也要由设计师统一比例和细节；生成了很多张，并不等于已经拥有可直接投入使用的角色系统。
如果未来会扩展多个产品，也应提前约定哪些特征保持一致，哪些可以变化。主色、基本轮廓和线条可以承担家族感，配饰和姿势负责区分场景。这样新增角色时，团队有可以讨论的依据，不必每次从个人喜好重新出发。
视觉角色温柔，旁边的提示却满是专业缩写；插画很活泼，按钮却写着难懂的内部流程名，这种不一致会削弱整体体验。角色设计可以顺手带动一次文案检查：标题是否说清当前状态，解释是否回答用户的疑问，操作是否用具体动词。帮助页面里的角色尤其适合承担陪伴感，但真正让人放心的仍是清楚、可执行的内容。
AI概念示意：用于说明本节设计思路，非原文案例截图或实际客户项目。
假设用户正在配置团队权限，帮助卡片可以解释“成员能查看哪些项目”，再给出通往设置的入口，而不是让角色只说“快来探索吧”。评审时可以请不熟悉系统的人读一遍：他是否理解页面、是否注意到主要操作、角色有没有造成误解。我们不必急着把这种变化宣称为效率提升，先观察具体使用反应，再决定是否扩大应用范围。亲和感来自画面与行为共同配合，不能单独用插画数量来衡量。
这类设计最值得积累的，是把品牌表达放回使用情境。角色有自己的性格，界面也有自己的秩序；让前者帮助后者，企业产品就能在保持专业的同时，多一点容易接近的感觉。
