情绪板
Moodboard
初级通用情绪板（Moodboard）是把图片、颜色、字体、材质等视觉参考放在一起，用来表达产品想呈现的整体感觉。它能帮你和设计师或 AI 在画界面前对齐方向，比如先确认一个记账 App 是偏轻松还是偏专业。
你可能会说：「我想先把这个 App 的视觉感觉定下来，再让 AI 画界面，能帮我整理参考吗？」
动手看看记账应用的视觉情绪板
切换视觉方向，观察图像意向、配色、字体和材质如何一起变。悬停参考卡，或用 Tab 聚焦字体卡，仔细看局部细节。
植物、暖色和柔和的字体放在一起，传达的是轻松记录生活。这里用抽象图形代替照片，真实项目可以收集自然光、植物等图片参考。
这不是记账页面的最终布局，也不是组件规范。先用它和设计师或 AI 确认整体感觉，再讨论账单、图表和按钮怎么画。
要点情绪板怎样帮我们对齐设计方向？
- 1
把抽象感觉变成可讨论的参考
你说“做得有信任感”，AI 可能给出完全不同的界面。放上你认可的配色、字体和图片，再说明各自想借鉴什么，大家就能讨论具体选择，而不只是在猜同一个词的意思。
- 2
让参考服务于同一个产品目标
做财务后台时，你可能收集了图表、表格和品牌图片。我们会挑出有助于清晰阅读、稳妥呈现数据的参考；如果一张图只是好看，却和使用场景无关，就不必拿它定方向。
- 3
记录取舍而不只是拼贴图片
在情绪板旁写清“借鉴留白和字体，不沿用页面布局”，AI 就不容易把参考网站整页照搬。标出不想要的方向也有用，因为它能缩小后续探索范围。
容易混淆的地方
情绪板讨论的是视觉方向，不负责确定功能放在哪里。你想梳理页面结构，可以画线框图；想检查点击后会发生什么，可以做可点击原型。情绪板也不是已经定稿的设计令牌：它可以出现几种待比较的颜色和字体，选定后再把具体数值整理成可复用的规则。
什么时候用
适合用
- 准备做一个新品牌的官网，团队对“亲切”有不同理解，先用情绪板比较图片、颜色和排版方向。
- 让 AI Agent 生成 App 界面前，先整理喜欢和不喜欢的视觉参考，减少反复改风格的次数。
- 产品要改版但暂时不动功能，先用情绪板和相关人员确认新旧视觉方向的差别。
不适合用
- 你还没弄清用户需要哪些功能时，先做产品发现或梳理用户流程；情绪板回答不了功能该不该做。
- 你要确认结算页的字段、步骤和操作顺序时，先画线框图或可点击原型，比讨论视觉感觉更直接。
- 现有设计规范已经定好，只需把按钮颜色和间距交给开发时，用设计令牌和组件说明更准确。
练一练选一个答案，看看解释
你要让 AI Agent 为一款面向小店主的库存 App 设计首页。功能已经确定，但它连续给出了几版风格差异很大的界面。下一步怎么做更合适？
让 AI 帮你做复制给 AI Agent 直接用
请为一款面向小店主的库存 App 制作情绪板，目标是让库存数据易读、操作感觉可靠。整理配色、字体、图片风格和界面参考，并逐项说明可借鉴与应避开的部分。先给出两种可比较的视觉方向，不要直接生成最终页面或虚构品牌规范。