制作情绪板,先收集 4 到 9 张能体现你想要的氛围的图片,用免费拼图工具把它们排成网格,然后下载一张可以分享的图片。接着把这张图放进免费图片取色器,提取出它的主要颜色和 HEX 色值。大约十分钟,你就能得到一张情绪板和一套配套的配色方案,免费,而且无需上传任何东西。
情绪板是一页图片,用来展示一种方向,而不是用文字去描述:可以是品牌、房间、婚礼、穿搭、生日派对或设计项目。它是让设计师、装修师、裁缝或朋友快速达成一致的最快方式。
第 1 步:有目的地收集图片
挑选那些能说明氛围的图片,而不只是你喜欢的图片。一张好的情绪板通常会包含以下几类:
- 一两张主图,一眼就能概括整体感觉。
- **质感和材料:**亚麻、黄铜、水磨石、手工织布、木纹。
- **色彩亮点:**一场日落、一朵花、一面刷有你想要颜色的墙。
- **细节:**店铺招牌上的字体、一个灯具、一桌的摆设、一条布料的边饰。
保存你自己的照片、截图,或是你有权使用的图片。如果只是给自己做规划,情绪板可以从任何地方取材;但如果你要公开发布,就只使用你有权分享的图片。
少而精更好。九张同样是米色的客厅图片,表达的内容还不如五张精心挑选的图片。

第 2 步:选择布局
打开免费拼图工具,点击 Choose photos,选择你的图片(最多九张)。然后选择一个 Layout:
| 图片数量 | 布局 | 适合 |
|---|---|---|
| 4 | One big, three small | 一张主图搭配辅助细节 |
| 4 | 2 × 2 grid | 四个同等重要的想法,并排展示 |
| 5 | Mosaic of five | 上方两张大图,下方三个细节 |
| 6 | 3 × 2 grid | 平衡、杂志风格的版面 |
| 9 | 3 × 3 grid | 大量的质感和细节 |
当图片是 7 或 8 张时,工具会使用 3 × 3 网格,并把多出的格子留空,因此请添加或删减一张图片来填满它。iPhone 的 HEIC 照片不被接受,所以请先把它转换为 JPG。
列表中的第一张照片会放在第一个位置,也就是 One big, three small 中那张大图。使用 Photos, in order 下的 ↑ 和 ↓,把你的主图移到最上面。

第 3 步:设定整体风格
- 比例: Landscape 16:9 适合演示幻灯片;Square 或 Portrait 4:5 适合 Instagram、Pinterest 风格的分享或手机屏幕;Story 9:16 适合状态或限时动态。
- **间距:**16 至 40px 的间隔让每张图片保持独立;0px 则让版面紧凑无缝。
- **圆角:**轻微的圆角(16 至 40px)让人感觉更柔和、更有杂志感。
- **背景:**间隙的颜色。白色或米白色比较中性;你也可以在有了配色方案后,输入其中的 HEX 色值(例如
#F4EDE4)。
每张图片都会填满自己的空间而不被拉伸,如果比例不同,则在边缘被裁切。因此请检查预览,确认每张图片的重要部分都可见。如果有内容被裁掉,请先用免费图片裁剪工具裁好。
在 Save as 下选择 JPG,点击 Make collage,然后点击 Download collage。
第 4 步:从你的情绪板中提取配色
这一步能把一张漂亮的拼图变成真正有用的东西。
- 打开免费图片取色器,选择你的情绪板图片。
- 移动 Colours in the palette 滑块。五到六种颜色是个不错的开始;工具会显示每种颜色的 HEX 色值,以及它在图片中所占的比例。
- 如果你关心的一个小点缀色没有显示出来(例如一抹万寿菊黄,或一个黄铜细节),直接在图片上点击它。你会得到它的 HEX 和 RGB 色值,以及最接近的颜色名称。
- 点击 Copy all HEX codes、Copy as CSS variables 或 Download JSON,保存这套配色。
主色通常是背景和大面积的表面;点缀色则常常是你通过点击选出的颜色。典型的配色会混合两三种基础色,再加一两种点缀色。我们关于从图片获取 HEX 颜色的指南,解释了如何通过点击选取单一颜色。
第 5 步:进一步完善
拿到配色之后,再重新看看你的情绪板:
- 有没有某张图片和其他的不协调?把它换掉,然后重新制作拼图。
- 想要更多与你的配色相搭的颜色选择吗?免费配色方案生成器可以根据你的一个 HEX 色值生成协调的配色。
- 想了解为什么某些颜色组合效果好?请阅读色彩理论基础。
情绪板的创意
- **品牌或小生意:**标志灵感、包装、字体、颜色。把配色交给你的设计师。
- **家居改造:**涂料、地板、家具、灯光。
- **婚礼或活动:**布置、服装、花卉、请柬风格。我们的印度婚礼配色方案可以带来灵感。
- **服装或裁缝需求:**为你的裁缝提供面料、刺绣和版型的参考。
- **学校或学院项目:**为演示文稿设定一个视觉主题。
制作你的情绪板
打开免费拼图工具,添加 4 到 9 张图片,选择一种布局并下载你的情绪板,然后用取色器提取它的颜色。两个工具都是免费的,并在你的设备上运行,因此不会上传任何内容。
常见问题
- 情绪板应该有多少张图片?
- 快速做一张情绪板,四到九张就足够了。拼图工具最多可以放九张,布局从 2 × 2 网格到 3 × 3 网格都有。
- 我怎样从情绪板中获取颜色?
- 把完成的拼图放进免费图片取色器。它会列出主要颜色的 HEX 色值,你也可以点击任意位置获取精确的颜色。
- 我能在情绪板上添加文字吗?
- 拼图工具本身不添加文字。把完成的情绪板放进免费表情包生成器,然后使用 Caption above 添加标题。
- 完成的情绪板是多大尺寸?
- 短边为 2160 像素,足够清晰,适合用于幻灯片、小尺寸打印和分享。
- 我的图片会被上传吗?
- 不会。拼图和配色都在你的设备上完成。
图片工具
试试拼图制作
免费,无需注册,文件始终保留在您的设备上。 在浏览器中用 2 到 9 张照片制作拼图。