Affinity 组件库
5 min read
本指南将帮助你在快速了解Affinity的** 组件库**。 该篇难度较高，建议先完成基础操作指南。
如果你还没有安装 Affinity，请先完成 安装指南。
下载练习文件 fan.af
下载文件，双击打开文件：
假设已 NeoFrame 处理好素材
如果还没学习NeoFrame，请回到 NeoFrame 快速开始 - 通用编辑 框选修改区域-增加指定物品
1.1 这里介绍的情况是完全抹除文字纯素材制作的情况
- 点击发送到Affinity
1.2 回到NeoFrame 打开组件库
在文字组件点击复制，然后打开affinity，
在Affinity中编辑组件
复制组件后，打开Affinity，粘贴组件。
Mac: 按Cmd+V粘贴。
Win: 按Ctrl+V粘贴。
最左边的工具栏，选择选择工具，然后移动组件到最中间即可，多次双击文字组件，可编辑文字，更多的基础Affinity操作在下方
Affinity 5分钟速成指南
30 秒说明：Affinity 是干嘛的
Affinity 是矢量设计软件，做电商图的优势只有三点：
不模糊、改文字快、组件可复用（非常适合主图、卖点图、详情页）。
一、认识界面与基本操作
- 选择工具（快捷键 V）：这是最常用的工具（黑色箭头）。无论你要移动文字、图标还是调整大小，操作前必须先按 V 切换到此工具。
- 画板工具：选择画板工具，可以新建不同尺寸的画布，包括 1:1、16:9、9:16 等。
- 画布缩放与移动：按住 Ctrl + 鼠标滚轮缩放画布；按住 空格键 + 鼠标左键拖拽移动画布。
二、文字（电商最常用）
只教 3 个点，够用：
- 文字工具（T）：双击输入文字（有可能需要多点击几次，因为有多个分组），用来写卖点、价格、标题
- 字体 & 字重：标题用粗体，说明用常规
- 字距 / 行距：拉开一点，更像"电商图"
💡 口诀：标题要粗、文字要少、间距要松
三、矢量图标 & 边框
卖家主要会用到的：
- 粘贴组件库中的图标：不模糊，随便放大
- 改颜色：跟主图色系统一
- 边框 / 形状：
- 矩形：价格框、卖点框
- 圆角矩形：按钮感
- 线条：分区、强调
💡 一句话：图标 = 卖点符号，边框 = 注意力引导
四、搭配组件库
这是核心卖点，重点说清楚：
- 直接访问组件库-文字 复制 → 粘贴 到画布
- 每个组件都可以：
- 改文字
- 改颜色
- 改大小
- 不需要重新设计
👉 以后做图 = 选一个组件 + 换文字
💡 核心逻辑一句话：图标负责"看懂"，文字负责"说清楚"