Affinity 快速上手 - 组件库

本指南将帮助你在快速了解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 是矢量设计软件，做电商图的优势只有三点：

不模糊、改文字快、组件可复用（非常适合主图、卖点图、详情页）。

一、1 分钟：认识界面与基本操作

• 选择工具（快捷键 V）：这是最常用的工具（黑色箭头）。无论你要移动文字、图标还是调整大小，操作前必须先按 V 切换到此工具。
• 画布缩放与移动：按住 Ctrl + 鼠标滚轮缩放画布；按住 空格键 + 鼠标左键拖拽移动画布。

二、1 分钟：文字（电商最常用）

只教 3 个点，够用：

• 文字工具（T）：点一下打字，用来写卖点、价格、标题
• 字体 & 字重：标题用粗体，说明用常规
• 字距 / 行距：拉开一点，更像"电商图"

💡 口诀：标题要粗、文字要少、间距要松

三、1 分钟：矢量图标 & 边框

只讲卖家会用到的：

• 拖 SVG 图标进来：不模糊，随便放大
• 改颜色：跟主图色系统一
• 边框 / 形状：
  • 矩形：价格框、卖点框
  • 圆角矩形：按钮感
  • 线条：分区、强调

💡 一句话：图标 = 卖点符号，边框 = 注意力引导

四、1 分钟：组件库（你的 20 个 SVG）

这是核心卖点，重点说清楚：

• 直接 复制 → 粘贴 到画布
• 每个组件都可以：
  • 改文字
  • 改颜色
  • 改大小
• 不需要重新设计

👉 以后做图 = 选一个组件 + 换文字

💡 核心逻辑一句话：图标负责"看懂"，文字负责"说清楚"

五、30 秒收尾：学会了什么

总结：

• ✅ 会打字
• ✅ 会用 SVG 图标
• ✅ 会套组件
• ✅ 会做"像样的电商图"

👉 不学设计，也能 10 分钟出一张跨境卖点图