ARTICLE · INTELLIGENCE

战地情报 · 详情页

来自尧图项目组的一线实战观察与深度解析

设计师作图软件怎么选?按像素路径参数三种模型重建工具链

设计师作图软件怎么选?按像素路径参数三种模型重建工具链

先说个真事:上周有个刚转行的姑娘问我,她电脑里装了十一个作图软件,硬盘快满了,桌面图标排了两行,结果接第一个活的时候还是卡在原地——客户要一张带出血的印刷海报,她打开的是做界面的那个,导出的图在印刷厂那边颜色全飘了。这不是软件不够多的问题,是压根没搞清楚每款工具到底在管哪一段活。我这十来年带过不少人,也踩过无数次这种坑,最后发现一个规律:真正干活顺的人,机器上常年只留四到五个软件,剩下的全是备胎。这篇就按这个思路,把设计师常用的八款作图工具按"解决什么问题"重新排一遍,讲清楚每款的底层模型、硬门槛、实操参数和容易翻车的地方。不管你是刚入门想知道先学哪个,还是做了几年想优化自己的工具链,应该都能捞到点东西。

说明一句:下面这八款我不用品牌名,只用它们最核心的能力定位来指代——一是这类工具迭代太快,名字今天对明天可能就变了;二是学会"看一个工具解决哪类问题"比记住名字值钱得多。行业里的人对照特征,基本一眼就能认出是哪一款。

1. 先立坐标系:作图软件其实只分三种底层模型

在推荐具体工具之前,这个坐标系必须先立起来。我见过太多人把"哪个软件好用"当成一个整体问题来问,实际上这个问题问错了——工具没有绝对的好坏,只有"底层模型和你手上的活对不对得上"。八款软件看起来五花八门,剥掉界面皮肤之后,底层其实只有三种数据模型:像素模型、路径模型、参数模型。你搞清楚自己在操作哪一种数据,选型这件事就自动完成了一大半。

1.1 像素、路径、参数:三种模型决定了工具的脾气

像素模型的本质是一张由固定数量的方格组成的点阵图。它的优点是能表达无限连续的颜色变化,照片、纹理、光影过渡全靠它;缺点是分辨率是写死的,你把一张 1000 像素宽的图放大到 3000 像素宽,插值算法只能靠猜,猜出来的就是糊的。所以凡是"最终要以某个确定尺寸呈现"的东西——网页配图、电商主图、视频封面——像素模型最合适;凡是"可能被无限放大"的东西——logo、图标、包装上的图形——就得换模型。

路径模型存的不是像素,是数学公式描述的锚点和贝塞尔曲线。它记录的是"从这里到那里,用这个控制手柄弯过去",所以放大一万倍依然锐利,文件还特别小。代价是它表达不了照片那种连续的渐变和噪点,硬要表达就得靠网格渐变或者位图嵌入,效果远不如像素模型自然。

参数模型最容易被忽视。三维建模、CAD 制图、部分界面设计工具都属于这一类,它存的既不是像素也不是曲线,而是一串可回溯修改的参数和约束关系。你把一个圆角设成半径 8,它记的不是"这八个像素是透明的",而是"圆角半径 = 8"。改一个数字,全图联动更新。这类工具的学习曲线通常最陡,但一旦跑起来,改需求的成本是最低的。

我一般建议新手先问自己一句:这个交付物最终会以什么形式出现在别人眼前?印在纸上、放大到展板上,走路径;显示在屏幕上、有复杂光影,走像素;需要反复改尺寸、改结构、批量派生,走参数。

1.2 我自己的"一主一副一补"配置清单

说个我用了很多年的配置思路,比"装一堆"高效得多。核心是三个位置:主力和副手各一,补位若干,补位不必常驻。

主力负责你 80% 的工作量,必须吃透到快捷键盲打的程度;副手负责主力做不了的那 20%,比如主力是路径型工具,副手就得是位图型;补位是那种一个月用两三次、但一旦需要就非它不可的,比如排版、三维、动效。补位软件完全可以不装在自己机器上,用的时候再装,或者干脆借同事的机器跑一趟。

我这些年见过最典型的浪费,是把补位软件当主力在学。有人在三维软件里死磕了两个月,结果他接的活全是电商详情页,一次三维都没用上。工具的学习成本是复利式的,投错了方向,沉没成本特别高。

模型类型记录的内容擅长的交付物放大后的表现学习曲线
像素模型固定数量的彩色方格照片修图、电商图、视频封面放大失真,边缘发虚平缓,入门快
路径模型锚点与贝塞尔曲线logo、图标、包装图形、印刷品无损放大,边缘锐利中等,靠练习量
参数模型参数、约束与特征树三维模型、界面组件、工程图无损,可改参数重生陡峭,需要体系化学习

这张表建议存下来。以后每遇到一款没用过的工具,先把它往这三行里塞,塞进去你就知道它能干什么、不能干什么了。

2. 位图处理这一档:图层、蒙版、通道是绕不开的三件套

第一档必须是位图处理工具,这是所有设计岗位的共同底座。不管你做平面、电商、UI 还是三维后期,最后总会回到"这张图要修一下"这个场景。这一档里最主流的工具已经迭代了三十多年,功能多到菜单都翻不完,但真正支撑日常工作的其实只有三个机制:图层、蒙版、通道。把这三个吃透,剩下的功能都是排列组合。

2.1 为什么蒙版比橡皮擦重要一百倍

我面试过的人里,只要看到他还在用橡皮擦做抠图,基本就能判断这人是个新手。原因很简单:橡皮擦是破坏性操作,擦掉的像素是真的没了,想找回来只能靠历史记录,而历史记录是有上限的(一般默认 20 到 50 步,文件一大还得往下调)。蒙版是非破坏性操作,它不改原图,只是额外挂一层黑白灰度图来决定"哪些地方显示、哪些地方隐藏",随时可以涂回来。

实际操作上,蒙版的白代表显示、黑代表隐藏、灰代表半透明。这个规则听着简单,但真正好用的地方在于它可以直接拿来做渐变过渡——用黑白线性渐变在蒙版上拉一道,两个图层就能无缝融合,做合成图、做换天空、做光影叠加全靠这一手。

还有一个常被忽略的点:调整图层也建议挂蒙版。比如你加一个曲线调整图层把整体压暗,然后在它的蒙版上用软画笔把主体擦回来,这样主体保持原亮度、背景变暗,一步到位,而且随时能改。这比"复制一层、调色、再擦"高效太多,而且文件体积小得多。

2.2 大文件卡顿:暂存盘和历史记录的真实调法

位图工具最让人抓狂的问题是卡。处理一张 8000×10000 像素的展板文件,机器直接假死。这个问题九成不是显卡不行,而是暂存盘和历史记录设置不当。

先说暂存盘。绝大多数位图工具在内存不够的时候,会把数据往硬盘上倒,这个"倒"的位置就是暂存盘。默认往往设在系统盘,而系统盘通常是最小、最满的那块。我的做法是:把暂存盘设到剩余空间最大的那块固态硬盘上,而且绝对不设在系统盘。至少要留出文件体积 5 到 10 倍的空闲空间,一个 2GB 的 PSD 文件,暂存盘至少得留 20GB。空间不够的时候,工具不会报错,它会直接卡死或者提示"暂存盘已满",那时候已经晚了。

再说历史记录。默认 50 步听着挺多,但每一步都在吃内存。处理大文件时我会把历史记录降到20 步,并且关掉"自动保存历史记录"这类功能。反过来,如果是做精细合成、需要反复试错的小文件,我会把它调到 100 步以上。这个参数没有标准答案,只有一个原则:文件越大,步数越少。

还有两个容易忽略的开关:图形处理器加速和内存占用比例。前者在显卡驱动有问题的时候会导致画面撕裂、画笔延迟,遇到这类怪现象第一反应就应该是把它关掉试试;后者建议给到 70% 左右,留 30% 给系统和其他程序,给到 100% 反而会因为系统频繁调度而更慢。

2.3 该换工具的三个信号

位图工具虽然强,但它不是万能的。我总结了三个该果断换工具的时机:

第一,同一个元素要改十遍以上尺寸。比如做一套适配 5 种屏幕的 banner,每个尺寸都重新导一次、重新调一次字距,那说明这活该用参数化或者路径化工具做,位图工具在这里是反效率的。

第二,文件体积超过 3GB 还在涨。这时候往往是因为图层没合并、智能对象嵌套太深、或者嵌了一堆没用的位图。先做一次"拼合可见图层"的副本再继续,别在原始文件上硬扛。

第三,要做纯矢量输出的印刷件。位图放大一定虚,这个物理规律改不了,别跟它较劲。

3. 数字绘画这一档:笔刷引擎的差异比参数表更关键

第二档是数字绘画工具。这一档和位图处理工具长得很像,都是像素模型,但设计目标完全不同:位图工具是为"修改已有图像"优化的,绘画工具是为"从零开始画"优化的。判断一款绘画工具好不好,别看它宣传多少笔刷,看三件事:压感响应、笔刷引擎、画布性能。

3.1 压感曲线:决定手感的那条看不见的线

几乎所有人都知道数位板有压感,但大部分人从来没调过压感曲线。默认曲线往往是线性的,也就是说你压到一半的力度,得到的是一半的笔刷大小。问题是人的手不是线性的——我们画细线的时候力度变化很剧烈,画粗线的时候反而很平缓。线性曲线会导致细线画不出来、粗线一按就爆。

我的调法是把曲线调成微微的 S 形:起始段平缓一点,让轻压时笔刷变化慢一些,方便画精细的线;中段陡一些,快速过渡到粗笔;末段再平缓,防止用力过猛。这个调整在每款工具里的位置不一样,但基本都在"数位板设置"或者"笔刷动态"里。

还有一个参数值得单独说:抖动修正(防抖)。手抖星人的救命功能。它的原理是让笔迹延迟几毫秒再落笔,用算法把抖动平滑掉。但修正开太高会有严重的"拖笔感"——你手已经停了,线条还在往前爬。我一般画线稿开10% 到 20%,上色时直接关掉,因为上色需要的是响应速度不是精度。

3.2 笔刷引擎的三个真实差异点

各家绘画工具的笔刷引擎差异,主要体现在三个地方,这也是试用时最该重点测的:

笔尖混色。好的引擎能让笔尖沾上画布上已有的颜色,画出来的笔触会和底色自然融合,模拟真实颜料的感觉。测法很简单:画一块深蓝,在上面用黄色笔刷横着划一道,看交界处是生硬的覆盖还是带过渡的混色。

纹理叠加方式。铅笔、炭笔、水彩纸的颗粒感靠的是纹理贴图,关键在于这个纹理是"跟着笔尖走"还是"钉在画布上"。钉在画布上的更真实——同一支笔在不同位置画,颗粒分布不一样,不会出现明显的重复图案。

水彩和湿边模拟。这是最考验引擎的部分。真正做得好的,笔触边缘会积色(颜料往边上堆),内部会有水痕扩散。做得差的,就是一层半透明色块,怎么调都没有湿度感。

3.3 画布分辨率怎么定:别再用 72 这个数字了

"屏幕用 72dpi,印刷用 300dpi"——这句话流传太广,但它其实是个历史遗留的误解。dpi 是"每英寸点数",只在输出的时候才有意义。你在屏幕上画图,真正该关注的是像素总尺寸,不是 dpi。

我的实操建议是:

  • 纯屏幕展示(社交媒体、网页配图):按最终显示尺寸的 2 倍画。比如最终显示是 1080×1350,就开 2160×2700 的画布,这样在视网膜屏上不糊。
  • 印刷输出:目标尺寸(英寸)× 300 = 像素数。A4 是 8.27×11.69 英寸,那就是 2481×3508 像素左右。别忘了留出血。
  • 可能被放大的插画:直接开到 4000 像素以上的长边,宁大勿小。绘画工具的画布上限一般比位图工具宽松,但超过某个阈值(通常是单边 8000 到 16000 像素,看设备和软件版本)笔刷延迟会明显上升,这个得自己试出来。

还有一个血泪教训:画布一旦建好,中途改分辨率一定会损失细节,尤其是已经画了很多细节层的稿子。所以开画布这一步,多花三十秒想清楚,比后面返工三小时划算。

4. 矢量图形这一档:布尔运算和印刷落地是两个分水岭

第三档是矢量图形工具。这一档的门槛很奇怪——入门极容易,画个圆画个方,谁都五分钟上手;但真正拉开水平差距的地方,往往藏在两个细节里:路径的干净程度和印刷落地的规范性。前者决定了文件能不能被别人接手修改,后者决定了成品会不会在印厂出问题。

4.1 锚点最少化:一个影响深远的职业习惯

新手描图最典型的表现是锚点多到爆炸。一条平滑的曲线,能被描出三十个锚点,每个锚点还带一对歪歪扭扭的手柄。这样画出来的东西,放大看是锯齿状的,因为锚点之间的过渡不自然;而且后续只要想改一点形状,整条路径就全乱了。

正确的做法是用最少的锚点表达最多的形状。一条圆弧理论上只需要两个锚点加合理的手柄长度。练习方法我推荐这个:找一张有流畅曲线的参考图(比如一片叶子、一个花瓶轮廓),用钢笔工具描,描完之后数一数锚点,然后强迫自己用一半的锚点重描一遍,看能不能达到同样的形状精度。反复几次,你对"手柄该拉多长"就有肌肉记忆了。

这个习惯的价值在哪里?在于交付质量。你交给客户或者同事的文件,如果他打开发现每条线都是几十个锚点,改一个形状要重新描一遍,下次他就不找你了。这是很现实的职业问题。

4.2 布尔运算前必须做的一步:扩展描边

布尔运算(联集、减去顶层、交集、差集)是矢量工具的核心能力,做图标、做 logo、做复杂图形全靠它。但这里有个几乎人人踩过的坑:带描边的形状做布尔运算,结果往往和预期不一样。

原因是布尔运算只对"填充区域"生效,描边是另一套属性。一个描边宽度 4pt 的圆,在布尔运算里被当成一个没有描边的实心圆处理,运算完描边可能还在、可能丢了、可能变成奇怪的内外描边。正确流程是:

  1. 选中所有要参与运算的形状
  2. 先执行"轮廓化描边"或"扩展",把描边转成填充区域
  3. 再执行布尔运算
  4. 运算完检查有没有产生多余的碎片路径,用"统一路径方向"整理一下

提示:扩展描边之后文件体积会明显变大,因为一条线变成了一个闭合面。所以复杂图形建议先运算完再统一扩展,或者保留一份未扩展的源文件存档。

还有一个细节:布尔运算的结果和图层顺序强相关。"减去顶层"永远减的是图层顺序在上的那个,跟你在画布上点选谁没关系。我第一次用的时候在这个上面浪费了半小时,一度以为是软件 bug。

4.3 印刷落地:出血、色彩模式和那个"四色黑"的坑

矢量工具最常被用于印刷品,这里的规范必须一次讲透,因为印厂不会给你改的机会,错了就是整批报废。

出血:印刷品裁切时有误差,所以设计稿要在成品尺寸之外多留 3mm(国内常用标准,部分包装要留 5mm)。这个区域叫出血,里面的内容会被裁掉一部分,所以背景色、底图必须延伸到出血线之外。

色彩模式:屏幕是 RGB(加色),印刷是 CMYK(减色)。RGB 里那些特别鲜艳的颜色,转成 CMYK 之后会明显发闷,尤其是荧光绿、亮橙、宝蓝。所以做印刷件一开始就要在 CMYK 模式下工作,不要等出片时再转。

四色黑:这是最经典的一个坑。文字如果用"四色黑"(C100 M100 Y100 K100 叠出来的黑),印刷时四个墨版都要套印,稍微有一点套印不准,字边上就会出现彩色的虚影,看着像印糊了。正确做法是文字和小面积黑色只用单黑 K100,只有大面积色块才考虑用"富黑"(比如 C40 M30 Y30 K100)来增加厚重感。

文字转曲:交付印厂前,所有文字必须转成曲线,否则对方机器缺字体,打开就是乱码或者被替换成默认字体。转曲前记得存一份带文字的源文件,不然以后改文案就惨了。

检查项标准值常见错误后果
出血3mm(包装 5mm)背景没延伸到出血线裁切后出现白边
图像分辨率≥300dpi(实际尺寸下)用了 72dpi 的网络图印刷出来发虚、有马赛克
黑色文字单黑 K100用了四色黑套印不准出现彩边
字体全部转曲直接打包带字体对方缺字体导致排版错乱
色彩模式CMYK停留在 RGB成品颜色偏暗偏灰

5. 界面与组件化工具:从"画页面"到"搭系统"的转变

第四档是界面设计工具,这一档和前面几档有个本质区别:它服务的不是"一张图",而是"一套会不断生长的系统"。你做的不是一个页面,是几十个页面共享的按钮、输入框、卡片。所以这类工具的核心竞争力从来不是画得好不好看,而是能不能把重复的东西抽象成可复用的组件。

5.1 自动布局:把间距从"手调"变成"规则"

传统做法里,一个按钮的内边距是靠手动拖出来的,改文案从"确定"变成"确认并提交"之后,按钮得手动拉宽、重新对齐。十个按钮就是十次重复劳动。

自动布局解决的就是这个。它的逻辑是:给容器设定内边距(padding)、元素间距(gap)、对齐方式、伸缩规则,里面的内容一变化,容器自动撑开。上面那个例子,设好左右内边距 16、上下 10,文字变长容器自动变宽,主按钮和次按钮并排还能自动对齐。

用自动布局有几个心得:

  • 间距用 4 或 8 的倍数。8pt 栅格是行业里最通用的节奏,字号、间距、圆角、图标尺寸全部落在 8 的倍数上(必要时候用 4 的倍数做微调),视觉上会自然形成秩序感。
  • 嵌套不要超过三层。自动布局可以嵌套,但嵌太深之后,改一个内层参数会牵动外层,排查起来非常痛苦。三层是个比较舒服的上限。
  • 绝对定位要慎用。有些工具支持把某个元素"脱离布局流"绝对定位,做角标、悬浮按钮时很方便,但用多了整个布局就失去弹性了。

5.2 组件变体:命名规范比功能本身更重要

组件(Component)是把按钮、卡片这类重复元素抽出来做成母版,改母版,所有实例跟着变。变体(Variant)是进一步把"这个组件的所有状态"打包在一起——默认态、悬停态、禁用态、加载态,或者小号、中号、大号。

功能本身不难,难的是命名体系。我见过太多团队,组件库里有三百多个组件,名字是"按钮-新-最终版-改2"这种,谁都不敢删,谁都找不到。规范的命名应该是结构化的:类型/尺寸/状态/主题,比如按钮/中/悬停/浅色。这样在搜索框里输"按钮 中"就能精准定位。

还有一个经验:变体的组合数会爆炸。3 种尺寸 × 4 种状态 × 3 种主题 = 36 个变体,还没算图标位置和是否带图标。所以一定要提前想清楚哪些维度是真正需要的,宁可少做几个,也不要做一堆没人用的。

5.3 交付与切图:设计师和开发之间的那道坎

设计稿交付是这类工具最容易出问题的环节。开发拿到稿子,最常问的三个问题是:这个间距多少、这个颜色值多少、这个图标怎么切。

解决这三个问题的方法分别是:

标注:现在主流工具都能自动显示选中元素到相邻元素的间距、尺寸、圆角、阴影参数。但前提是你画的时候是规整的,如果你的按钮宽度是 87.3 像素,开发会疯掉。所以画的时候就该把数值吸到整数。

设计令牌(Design Token):颜色、字号、圆角、阴影这些基础值,抽成一套有名字的变量,比如颜色/主色/默认、圆角/中。开发直接照着变量名建样式表,改主题时只改一处。这是把设计系统真正落地到代码里的关键一步,比给一堆色值有用得多。

切图:图标优先后SVG(矢量、体积极小、支持换色),照片和复杂插画用PNG(透明背景)或者WebP(体积小)。位图要出1x / 2x / 3x三套,对应普通屏、高清屏、超高清屏。切图命名用模块_元素_状态@2x这种格式,开发拿到能直接对号入座。

6. 三维这一档:参数化建模和多边形建模完全是两码事

第五档是三维工具。这一档最大的认知误区,是把"三维软件"当成一个统一的东西。实际上它至少分成两大流派,选错了方向,学习时间会翻倍还做不出想要的效果。

6.1 参数化建模 vs 多边形建模:先想清楚你要做什么

参数化建模(也常被叫做工程建模、NURBS 建模)的核心是"用精确的数学曲面描述形体"。你画一条轮廓线,绕轴旋转,得到一个精确的回转体;你设一个倒角半径 2mm,它就永远是 2mm。这类工具的强项是工业产品、家具、消费电子、建筑构件——凡是需要精确尺寸、需要出工程图、需要做结构配合的东西。

多边形建模则是"用一堆小三角面拼出形状",本质上是雕塑。它的强项是角色、生物、场景、有机形态——那些没有精确尺寸要求、追求造型自由度的东西。

我的判断标准很简单:这个物体有没有明确的尺寸规格?有,走参数化;没有,走多边形。做一把椅子,如果是要投产的椅子,参数化;如果是场景里的一个道具椅,多边形就够了。

6.2 材质和布光:决定"像不像"的两个关键

三维模型建完只是骨架,决定最终画面像不像的,是材质和光。这两块各有几个必须搞懂的概念。

PBR 材质(基于物理的渲染)是现在的通用标准。它把材质拆成几个物理参数:基础色(albedo,物体本身的颜色,不含光影)、粗糙度(roughness,表面多光滑)、金属度(metallic,是不是金属)、法线(normal,表面的凹凸细节)。关键理解:基础色里绝对不能画阴影和高光,那些是光照算出来的。新手最常见的错误就是把基础色画成了带明暗的"成品感",渲染出来会脏得没法看。

三点布光是最基础的布光体系:主光(key light,决定主要明暗关系)、补光(fill light,柔化暗部)、轮廓光(rim light,把主体从背景里勾出来)。实际项目里可能会加到五六盏,但这三盏的逻辑是根本。

渲染参数上,实时渲染(游戏引擎那类)看的是帧率,离线渲染看的是采样数。采样数越高噪点越少,但时间成倍增长。实用的调法是:先用低采样(比如 64)快速出小图看构图和光比,确认没问题再提到 512 到 1024 出成品图。直接上高采样出大图,等于把时间扔进碎纸机。

6.3 硬件这道现实的门槛

三维工具对硬件的要求,是这八档里最实在的。三个指标最要紧:

显存。做材质预览、渲染、实时视口,显存是硬瓶颈。8GB 能应付大部分中小场景,16GB 以上才开始舒服,做大型场景或者高精度模型,24GB 都不算多。显存不够的典型症状是视口卡顿、材质贴图显示成纯色、渲染直接崩。

CPU 核心数。离线渲染阶段主要吃 CPU 多核性能,核心越多渲染越快。这个和游戏显卡的选购逻辑完全相反,如果你的主要工作是渲染而不是实时交互,CPU 的优先级要往前提。

散热和电源。这条纯属血泪。长时间渲染会让机器持续满载,散热不行的机器会降频,本来 1 小时的渲染变成 3 小时;电源功率不够会在渲染到 90% 的时候直接断电重启,前功尽弃。我吃过这个亏,那之后配机器第一件事就是算电源余量。

7. 排版与长文档:样式体系是效率和一致性的双重保险

第六档是排版工具。它在很多设计岗位里被当成"没必要专门学"的东西,直到你接到一本 80 页的画册、一份 60 页的投标文件,或者是需要出双语版本的产品手册。这时候用图形工具一页页排,改一个字号要动 80 次,你会想砸键盘。

7.1 段落样式和字符样式:把"改一次"变成"改一处"

排版工具的核心机制是样式体系,分两层:字符样式管单个字符的属性(字体、字号、字重、颜色、字距),段落样式管整段的属性(行距、段前段后距、首行缩进、对齐方式、避头尾设置)。

关键在于段落样式可以内嵌字符样式。比如正文的段落样式里,设定"数字用等宽字体、加粗的强调词用主题色",那么全文所有正文里,数字和加粗词自动就是这个样式,不用手动刷。

这套体系的价值在两件事上:效率和一致性。效率好理解,客户说"正文从 10 号改成 10.5 号",你改一个样式,全文 80 页同步变。一致性更隐蔽——人工排版一定会出现"这一页行距 18,那一页 18.2"这种微小偏差,单页看不出来,翻页的时候会感觉到"跳"。样式体系从根本上消灭了这种偏差。

我一般会建的最小样式集是:正文、正文首段(不缩进)、一级标题、二级标题、三级标题、图注、表头、引用块。九个好记好用的样式,覆盖 95% 的排版需求。

7.2 主页与自动页码:长文档的地基

主页(Master Page)是长文档的地基。你把页眉、页脚、页码、背景元素放在主页上,所有应用了这个主页的页面自动继承。改一次主页,整本书的页眉都变了。

这里有两个容易踩的坑:

第一,主页元素在被覆盖之后就不跟随了。如果某一页你手动改了页脚位置,这页就"脱离"了主页,以后改主页它不会跟着变。这类"局部脱管"的页面,在几十页的文档里极难排查。我的习惯是:除非必须,绝不在应用了主页的页面上手动添加页眉页脚元素。

第二,页码的起始和分节。一本书如果有封面、目录、正文三部分,页码通常要分开编号——封面不显示、目录用罗马数字、正文从 1 重新开始。这需要用到"分节"功能,把文档切成独立的节,每节单独设页码格式和起始值。这个功能不难,但如果不做,最后生成目录时页码全是错的。

7.3 预检和输出:交付前的最后一道关

排版工具最值钱的功能之一是预检(Preflight),它会在输出前把整份文件扫一遍,报出所有不合规的地方。必查的几项:

  • 缺失字体:文件里用了但系统里没有的字体,输出时会被替换
  • 低分辨率图像:实际尺寸下低于 300dpi 的图
  • RGB 残留:在 CMYK 文档里混进了 RGB 图
  • 出血不足:页面元素没有延伸到出血线
  • 叠印设置异常:黑色文字应设为叠印,其他元素不该叠印
  • 空文本框和多余图层:不影响印刷,但会让文件臃肿

输出格式一般选PDF/X-4,这是国际通用的印刷交付标准,支持透明度保留,是目前兼容性最好的选择。输出的 PDF 记得勾选"包含出血"和"裁切标记",不勾的话印厂还得返工。

8. 动效与原型:时间轴和状态机,两个完全不同的思维

第七、八档放在一起讲,因为它们都涉及"动",但底层思维完全不同:动效工具是时间轴思维,关心的是"第几秒发生什么变化";原型工具是状态机思维,关心的是"用户点了这个,界面变成什么样"。混在一起学容易乱,得分开。

8.1 关键帧和缓动曲线:动效好不好看就在这一条线

动效工具的核心是关键帧:你在第 0 秒设一个位置 A,第 1 秒设一个位置 B,软件自动算出中间的过渡。但"自动算"出来的运动是匀速直线,看着非常机械,这就是新手做出来的动效总感觉"塑料"的原因。

解决方法是缓动曲线(Easing)。现实世界里没有东西是匀速启动和匀速停止的——车起步要踩油门加速,刹车要减速停住。所以动效也要模拟这个"慢起-快-慢停"的过程。软件里通常提供几种预设:缓入、缓出、缓入缓出,对应不同的贝塞尔曲线控制点。

我的经验参数:

  • 界面元素进场:缓出曲线,时长 200 到 300 毫秒。太慢会感觉拖沓,太快会看不清
  • 界面元素退场:缓入曲线,时长 150 到 200 毫秒,比进场略快,符合"离开要干脆"的心理预期
  • 强调动效(比如按钮弹一下):带一点回弹的曲线,时长 300 到 400 毫秒
  • 大面积转场:缓入缓出,400 到 600 毫秒

还要注意帧率。屏幕动效一般用 30fps 或 60fps,60fps 会更顺滑但渲染时间翻倍;需要和实拍视频合成的话,按视频素材的帧率来(24、25 或 30fps),帧率不匹配会出现丢帧感。

8.2 原型的条件逻辑:把"能点"升级成"能用"

原型工具入门门槛极低——画两个页面,连一根线,点一下跳过去,五分钟就会。但真正能用于用户测试的原型,需要条件逻辑。

举个具体例子:一个登录页,输入框为空时点"登录"应该提示"请输入账号",输入错误时提示"账号或密码有误",输入正确才跳转到首页。这需要三个状态和条件判断,不是一个简单的点击跳转能实现的。

现在主流原型工具的条件逻辑大致支持这几种能力:

  • 判断变量的值:如果输入框内容为空,显示提示
  • 设置变量的值:点一下"暗色模式"开关,把主题变量设为 dark
  • 多条件分支:根据不同的变量状态走向不同的页面
  • 组件状态切换:点一下按钮,按钮从"默认"切到"加载中"再切到"成功"

这些能力组合起来,就能做出相当接近真实产品的可交互原型。做用户测试的时候,用这样的原型比用静态截图能挖出多得多的可用性问题——因为用户是真的在"操作",而不是在"看"。

9. 那些比软件选型更容易翻车的事

讲完八款工具,最后说三件比"选哪个软件"更容易出事、但很少有人专门讲的事。

9.1 字体授权:一个能惹上官司的细节

几乎所有商业设计都要用字体,而字体的版权状况极其复杂。系统自带字体不等于可以商用,很多随系统预装的字体只授权个人使用;网上免费下载的字体包里,有相当一部分是没有商用授权的盗版。

判断方法:找字体文件里的授权说明文件,或者去字体发行方的官方页面看授权条款。商业项目最稳妥的做法是买正规商业授权,或者用明确声明可商用的开源字体。开源字体里也有不少质量很高的选择,足够覆盖大部分项目需求。

这条不是危言耸听。我身边有同行因为一张宣传图用了未授权字体,被追责赔偿,金额比这个项目的设计费高好几倍。

9.2 版本兼容:降级保存这件事必须养成习惯

协作场景里,你用的版本比对方新,对方打不开你的文件——这是极其常见的问题。解决方法是交付时按对方的版本降级保存,并且注意:降级之后一些新版本才有的特性会丢失(比如新的混合模式、新的图层效果),保存前要检查一遍画面有没有变化。

工具类文件(矢量、排版、位图)尤其要注意。我的习惯是:每次交付前问一句"你那边是什么版本",然后存一个对应版本的副本,文件名加_v18兼容这样的后缀,主文件保持最新版本存档。

9.3 文件命名和图层命名:最不起眼但最影响协作的

这条听起来像废话,但它决定了一个团队能不能高效协作。

文件命名建议用项目名_内容_版本_日期的结构,比如某品牌_主视觉_v3_0512。不要用"最终版""最终版2""真正最终版"——我见过一个项目文件夹里有七个"最终版"。

图层命名同样重要。交付给开发的界面文件,图层名应该是"登录按钮/默认"而不是"矩形 47";交付给印厂的排版文件,图片框应该有内容描述而不是"框架 12"。这个习惯花不了多少时间,但能省下对方几十分钟的猜测。

10. 按职业方向给的三套配置单

最后把八款工具落到具体岗位上。不同方向需要的组合完全不一样,照着自己的方向拿就行。

职业方向主力工具副手工具补位工具说明
平面/品牌设计矢量图形工具位图处理工具排版工具印刷规范必须吃透,色彩模式和出血是底线
电商/视觉运营位图处理工具矢量图形工具动效工具出图效率优先,批量处理脚本值得学
插画/绘本数字绘画工具位图处理工具排版工具画布分辨率一次定对,笔刷体系要自己整理
界面/交互设计组件化界面工具原型工具动效工具组件命名规范和设计令牌是核心竞争力
工业/产品设计参数化三维工具位图处理工具矢量图形工具尺寸精度第一,工程图输出能力要练
影视/游戏美术多边形三维工具位图处理工具动效工具硬件投入大,显存和散热别省
出版/编辑设计排版工具位图处理工具矢量图形工具样式体系和分节是效率关键
空间/展陈设计三维工具矢量图形工具位图处理工具尺寸标注和材料表现是重点

三套配置的核心逻辑是一样的:主力必须精通到不用想快捷键,副手能接住主力的短板,补位按需装。千万别反过来,把补位当主力死磕,那是最容易浪费时间的一条路。

我自己这些年最大的体会是,软件这个东西,学到"够用"的门槛其实很低,但从"够用"到"精通"的那段路,靠的不是把所有功能都试一遍,而是在真实的项目压力下被迫去解决具体问题。你就是被一张 8000 像素的展板卡到怀疑人生,才会真正记住暂存盘该怎么设;你就是被印厂退回一次,才会永远记住文字要转曲、黑字要用单黑。所以别急着把八款都装上,挑一款今天就能开工的,先把第一个活干完。

RELATED READING

延伸阅读

更多一线实战笔记与深度复盘,助您持续精进