# 用 Aquarell 画一组小图标：统一尺寸、线宽与配色

语言：zh-CN
原文：[用 Aquarell 画一组小图标：统一尺寸、线宽与配色](<https://allluckly.cn/guides/aquarell-icon-series/>)
中文：[中文 HTML](<https://allluckly.cn/guides/aquarell-icon-series/>)
English: [English HTML](<https://allluckly.cn/en/guides/aquarell-icon-series/>)
发布于: 2026-10-22T00:00:00+08:00
内容更新于: 2026-10-22T00:00:00+08:00
署名：Bison

以叶子、杯子和小花为一组，建立共享的画布、视觉尺寸和颜色规则，让三张独立手绘图看起来属于同一系列。

**一组小图标的统一感，来自共同规则，而不是把三幅画缩成一样大。** Aquarell 可以用笔刷与图层画出适合博客栏目、个人笔记或小卡片的手绘图标。这里用叶子、杯子和小花练习系列组织。

目标是三个图案各自可辨，又能在并排时保持相近的视觉重量。这是像素手绘图标；若需要严格的矢量路径或任意尺寸编辑，应另考虑矢量工具。

## 1. 先写下系列规则

统一使用 1000 × 1000 像素画布、透明背景、三到五种固定颜色。主体大致放在中央 700 × 700 的范围，四边保留空间。这个范围是构图参考，不是应用自动建立的网格功能。

再决定线条风格：有明显外轮廓，还是主要靠色块识别。第一组最好只选一种，不要让叶子使用细线写实、杯子用粗黑边、花朵又变成无轮廓水彩。风格选择明确后，后面的参数才有比较依据。

## 2. 用第一个图标确定线宽尺度

先画最熟悉的叶子。以约 12 像素的笔刷大小试外轮廓，再根据笔头实际表现调整。不要只记数值，还应看线宽相对于主体的比例。有些笔刷边缘柔和，视觉上会比同大小实心笔显得轻。

完成叶子草图后缩小到约 120 像素宽的观看效果，检查叶尖和主叶脉是否仍可辨。如果内部细节已经消失，就在正式上色前简化，而不是等三张都画完再返工。

## 3. 用相同规则画杯子与花朵

分别建立自己的画布或独立原稿。杯子比叶子更接近矩形，实际外接宽高相同也可能显得更重；可以适当缩小杯身，让杯柄留出空间。花朵外轮廓有较多空隙，则可能需要略大才能与杯子平衡。

这一步靠视觉比较，不是机械地让所有物体占满同样矩形。可以把三个导出预览放在同一笔记或网页草稿里并排查看，再回到原稿调整。不要宣称应用一定有专用图标批量排版功能，本流程用普通画布即可完成。

## 4. 用共享色板建立联系

让三个图标至少共享主体色、深色细节和一处强调色。比如叶子以灰绿为主，杯子用灰绿加米白，花朵用米白加少量橙色，深棕色则统一用于结构线。

即使主题不同，颜色的职责也可以保持。强调色不要在其中一张占很大面积，而在另外两张几乎没有，否则并排时会失去平衡。可以先用较低饱和度主色，再让小范围强调色带来变化。

## 5. 统一细节密度与边缘处理

叶脉三到五条就足够，杯子保留杯口、杯柄与一侧阴影，小花保留花心与少量瓣纹。每张都只留下缩小后仍有作用的细节，避免某一张像完整插画、另外两张像简笔画。

检查边缘的粗细与透明过渡。若一张图有很多柔软纹理，其他图都很硬，可以适量调整笔刷或减少局部纹理，让三者更接近。统一不意味着抹掉所有手绘差异，而是让差异落在同一个范围内。

## 完成检查：用实际场景检验

先在白底上并排查看，再在较深背景上查看透明边缘。确认没有某个图标带着意外白色方块，也没有细线在深色背景上消失。若它们将用于博客按钮，还要检查配套文字能否清楚解释用途，不能只靠图案让所有人猜。

以最终展示大小观察三张的视觉重心。叶子倾斜可能显得偏右，杯柄也可能把杯子拉向一侧，可以在原稿里调整主体安排。不要仅通过网页强行裁切来掩盖每张图不同的留白。

## 导出与文件整理

分别导出透明 PNG，采用清楚的文件名，例如 `leaf-1000.png`、`cup-1000.png`、`flower-1000.png`。文件名中的尺寸应与实际导出像素一致，不能仅因为画布最初是 1000 就一直沿用。

另保存每张的原生作品，并留一份系列规则笔记。以后加入第四个图标时，先对照线宽、主体范围、颜色职责和细节数量，再开始绘画。这样系列可以持续扩展，而不是每次凭记忆重新猜风格。

## 给系列留一份规则页

另存一张只放色块、线宽样本和三幅预览的规则页，并注明它是自己的工作参考。新图标加入前先与规则页并排比较，检查轮廓重量和留白。这样即使隔了几周，也不用凭记忆猜原来的风格，更不需要重新修改已经使用中的全部图标。

## 常见问题与边界

### 三张画布一样大，为什么图标大小看起来不同？

外轮廓形状、留白、深色面积和倾斜方向都会影响视觉重量。先看实际主体占用范围，再做并排比较，不能只看画布数值。

### 能把 PNG 用作任意大小的标志吗？

PNG 有固定像素尺寸，放得过大会暴露像素。用于固定尺寸的小图标很合适；要做可编辑矢量标志或更大输出，应根据用途选择合适工作流。

### 需要完全复制第一张的每个参数吗？

不需要。相同笔刷大小只是起点，不同形状可能需要小幅调整。保留视觉规则比机械复制数字更重要，但不要为了某一张随意改变全部规则。

### 如何确认图标适合深色页面？

把真实导出 PNG 放在深色背景上看边缘与细节。白底画布上的效果不能代替这项检查，透明区域周围的浅色残留也只有换背景后更容易发现。

## 资料来源与适用版本

资料核对于 2026 年 10 月 22 日，适用 Aquarell 1.0.5（iOS / iPadOS 15.0 及以上）。参考 [官方说明](<https://apps.apple.com/cn/app/id1591340577>)与 [Apple 版本查询](<https://itunes.apple.com/lookup?id=1591340577&country=cn>)；界面可能随版本调整。

## 继续练习

- [画叶子](<https://allluckly.cn/guides/aquarell-paint-leaf/>)
- [画杯子](<https://allluckly.cn/guides/aquarell-paint-cup/>)
- [检查透明 PNG](<https://allluckly.cn/guides/aquarell-transparent-png/>)