跳到正文
跟我做

站内小工具

三个词,一张图

选三个词,出一张图。不用注册,不上传——图在你的浏览器里画完,不出这台电脑。

地址结构:/tools/online/svg/?g=主体-动作-标记层例:paper-misreg-purple← 回生成器
01

主体 · 4 个

主体永远是青绿、单条轮廓。每张都能点(落到「平移 · 不标」)。

02

动作 · 3 个

每块左边用「纸」、右边用「相框」,同一动作同一标记层——直接看「换成相框会怎样」。

错位 misreg
第二层和主体同粗、偏 12px,像两层版没对准
平移 slide
整块挪 8px,只有一条线,标不标都一样
断开 broken
第二层是虚线,压 16px,读作「断了一段」
03

组合速查

4 主体 × 3 动作。窄屏下变成三段列表,不横滚。

● 直接可用 · △ 有前提 · ✕ 不建议(生成器里置灰)
主体错位平移断开
纸 paper●直边最准●位移看得见●断口直观
盒子 box●四角好对●位移看得见●断口明显
拼图 puzzle△弧边易混●位移看得见✕缺口打架
相框 frame●单轮廓好对●位移看得见△缺角像坏图

✕ 的组合在生成器里是置灰的,点不到(拼图配断开,虚线装和它自带的缺口会打架)。 标了 △ 的是能出图、但要多看一眼的:拼图配错位,弧边和直线容易混;相框配断开,缺角可能读成「图坏了」。

04

标记层 · 2 种

主体永远青绿、不给选。第三段只决定「要不要标出不对劲的那一处」。

不标 green · #006a60
只画主体一条线,干净,用在「没有哪里不对」的画面。
紫标 purple · #7c5cbf
第二层用紫 #7c5cbf,标出「不对劲的那一处」。对米白 4.8:1;压在青绿线上 1.28:1,所以只点浅底、只做那一处。
05

推荐组合 · 5 个

点一下就带着 ?g= 回生成器,可以直接下载。