📌 核心速览
微博热搜"你以为没事其实很危险的行为"刷屏了。做设计也一样——有些习惯你觉得没毛病,但关键时刻会要命。我见过设计师因为文字没放安全区被裁掉一半,见过RGB模式直接送印出来颜色全偏,见过字体没转曲对方打开全是方框。这篇文章我梳理了5个最常见的"以为没事其实很危险"的设计坏习惯,每个都附了真实翻车案例和正确做法。花10分钟看完,能帮你避开至少一次设计事故。
坏习惯一:文字贴着边缘放,觉得"应该不会裁到"
这个坏习惯太常见了。尤其是做名片和海报的时候,设计师喜欢把文字尽量往外排,觉得"裁切线外面还有一圈出血呢,应该没事"。然后印刷厂一刀下去,文字被裁掉了一截——电话号码少了两位,logo缺了一角,地址只剩半行。
我之前帮一个客户重新设计名片,拿到原文件一看,联系人的手机号紧贴着裁切线,连1mm的安全距离都没留。我问他之前有没有出过问题,他说"有一次对方说电话打不通,我还不信,后来发现是名片上少印了一个数字"。就这么一个数字,丢了 potentially 一个客户。
为什么会这样?印刷品的裁切不是外科手术——机器有误差,纸张会滑动,操作员有手感差异。通常裁切误差在1-3mm之间。如果你的文字离边缘只有2mm,裁切偏了1.5mm,文字就可能被切掉。出血区域本来就是给裁切留的"容错空间",不是给你放内容的。
正确做法:建立文件时就设定好安全区。常规印刷品(名片、传单、画册)安全区至少留3-5mm,大幅面海报留5-10mm。所有文字、logo、关键图形必须放在安全区以内。出血区域只放背景色、背景图等可以被裁切的内容。在AI或PS里设置参考线,把安全区标出来,这样设计的时候一眼就能看到边界在哪。
坏习惯二:用RGB模式做完设计直接送印
如果你的设计只用在屏幕上(网页、PPT、社交媒体),RGB没问题。但很多设计师做完设计后直接把RGB文件送去印刷——名片、画册、海报全是RGB——结果出来颜色全偏了。屏幕上看是鲜亮的蓝色,印出来变成了灰蒙蒙的蓝灰色。屏幕上是饱和的红色,印出来发暗发闷。
这不是印刷厂的问题,是你用错了颜色模式。RGB是发光色(屏幕自发光),色域宽,能显示的颜色多。CMYK是反光色(油墨反射光线),色域窄,很多RGB能显示的颜色CMYK根本印不出来。特别是荧光色、高饱和的蓝紫色、亮绿色——这些在RGB里很惊艳,转成CMYK后会"缩水"一大截。
我见过最离谱的一个案例:一个电商设计师用RGB模式做了一套品牌VI,包括名片、信纸、宣传册。全套文件直接发给印刷厂,出来之后品牌主色从"活力橙"变成了"脏橘色",跟屏幕上看到的完全不一样。客户要求重印,几千块钱打水漂了。
正确做法:在建文件的时候就选对颜色模式。要印刷的文件,从一开始就用CMYK。AI里新建文档时选CMYK色彩模式,PS里建文件时选CMYK。如果你不确定最终用途,建RGB也行,但送印前一定要先转换成CMYK并检查颜色变化。转换后打开"色域警告"(PS里View → Gamut Warning),灰色区域就是印不出来的颜色,需要手动调整。
坏习惯三:字体没转曲就交付源文件
这个坑我踩过,也见过无数同行踩。你在电脑上用了一款很好看的字体做设计,交付的时候把源文件发给对方。对方打开一看——字体全变了,排版全乱了,因为他的电脑上没有安装你用的那款字体。
如果你用的是免费商用字体(思源黑体、站酷系列等),问题还不大,对方下载安装就行。但如果你用的是付费字体或者定制字体,对方没有授权就用不了。更麻烦的是,有些字体即使安装了也不一定能正确显示——字体版本不同、子集化缺失、系统兼容性问题,都可能导致乱码或方框。
我认识的一个设计师接了一个画册项目,用了一款小众的衬线体做标题。交付的时候没转曲,直接把AI源文件发过去了。对方设计师的电脑上没有这款字体,自动替换成宋体,整个画册的气质从"精致优雅"变成了"公文报告"。客户很不满意,设计师又得重做一版。
正确做法:交付印刷文件前,必须把文字转曲(AI里选中文字 → 右键 → Create Outlines,PS里选中文字图层 → 右键 → Rasterize Type Layer)。但转曲后文字就不能再编辑了,所以一定要保留一个未转曲的源文件用于后续修改。正确的工作流是:源文件(可编辑文字)+ 转曲文件(交付印刷)两个版本都存好。文件命名区分开,比如"项目名_源文件.ai"和"项目名_印刷版_转曲.ai"。
坏习惯四:忽略无障碍对比度,觉得"看得到就行"
"我看得清楚啊"——这是很多设计师对对比度问题的第一反应。但你看得清楚不代表所有人都看得清楚。全球有超过2.85亿视障人士,其中很多人有低视力或色觉障碍。你设计的浅灰色文字在白色背景上,正常视力的人可能觉得"挺雅致的",但低视力用户可能完全看不清。
WCAG(Web内容无障碍指南)对文字对比度有明确要求:正常文字至少4.5:1,大标题(18px加粗或24px以上)至少3:1。这不是建议,是国际标准。如果你的设计用于政府项目、教育机构、公共事业,无障碍合规是硬性要求。
我自己就犯过这个错。之前做一个企业官网,用了浅灰色(#999)做正文,背景是白色。我觉得"挺好看的,很干净"。结果上线后收到用户反馈说"字太小看不清"。我用对比度工具一测——对比度只有2.8:1,远低于4.5:1的标准。改成了#595959之后,对比度达到7:1,既好看又清晰。
正确做法:养成检查对比度的习惯。用Chrome DevTools的颜色面板(Elements → computed → color),或者在线工具WebAIM Contrast Checker,输入前景色和背景色的HEX值,工具自动算出对比度。正常文字确保4.5:1以上,大标题3:1以上。做UI设计的话,Figma和Sketch都有对比度检查插件,装一个就行。
坏习惯五:导出分辨率不检查,"72dpi反正够用了"
"这个图是用在网页上的,72dpi够了"——没错,网页确实用72-96dpi。但很多设计师用同一个模板导出所有用途的文件:名片72dpi、画册72dpi、易拉宝72dpi、户外广告也72dpi。结果印出来的名片模糊得像打了马赛克,画册放大一看全是锯齿。
印刷品最低要求300dpi,这是行业铁律。名片、画册、传单、菜单这些小幅面印刷品,300dpi是底线。低于300dpi的文字边缘会发虚,图片细节会丢失,整体看起来像"没对焦"。我见过最夸张的一个案例,设计师用72dpi的图片做了一整本画册,印刷出来每一页都模糊,客户直接拒收。
反过来的问题也有——做网页图的时候导出300dpi的大图,文件体积巨大(一张图几十MB),网页加载慢得要命。用户等3秒还没看到图就关页面了。
正确做法:根据用途选择正确的导出分辨率。做一张对照表贴在工位上:名片/画册/传单 → 300dpi,大幅面喷绘/易拉宝 → 150dpi,网页/社交媒体 → 72-96dpi,户外广告牌 → 30-72dpi(看距离)。在PS导出的时候,先检查一下Image → Image Size里的分辨率设置。养成习惯后就不容易出错了。
5个坏习惯的完整对照表
我把这5个坏习惯整理成一张表,方便你对照自查:
| 坏习惯 | 你以为 | 实际后果 | 正确做法 | 检查方法 |
|---|---|---|---|---|
| 文字贴边缘 | 有出血应该不会裁到 | 文字/Logo被裁切,信息缺失 | 安全区留3-5mm | 开启参考线检查 |
| RGB直接印刷 | 屏幕上看颜色对就行 | 印刷品偏色,亮色变灰暗 | 印刷文件用CMYK模式 | 送印前开色域警告 |
| 字体未转曲 | 对方应该有这个字体 | 字体替换,排版全乱 | 转曲+保留源文件 | 交付前检查字体列表 |
| 忽略对比度 | 我看得清楚就行 | 低视力用户看不清,合规风险 | 文字对比度≥4.5:1 | 用WebAIM工具检测 |
| 分辨率不检查 | 72dpi反正够用了 | 印刷品模糊,或网页加载慢 | 按用途设置分辨率 | 导出前检查Image Size |
给设计师的3个行动建议
看完这5个坏习惯,你现在就能做这三件事:
1. 建一个"交付前检查清单"。 把上面5个检查项写成一张清单,每次交付文件前过一遍。10秒钟的事,能帮你避免上千块的返工成本。我自己的清单是:安全区检查 → 颜色模式检查 → 字体转曲检查 → 对比度检查 → 分辨率检查,按这个顺序走一遍。
2. 用模板规避低级错误。 在AI或PS里建好标准模板:预设好CMYK模式、标好安全区参考线、配好常用色板。每次新项目基于模板建文件,从源头避免"用错颜色模式"和"忘记安全区"的问题。模板建一次,受益一辈子。
3. 找一个同行互相检查。 设计师自己检查自己的文件,很容易"灯下黑"——你知道自己想表达什么,所以脑补了缺失的信息。让另一个设计师帮你看一遍,旁观者清,很多问题一眼就能发现。我跟两个设计师朋友建了个"文件互检群",每次交付前互相发一眼,确实少踩了很多坑。
💡 互动话题
你踩过哪些"以为没事其实很危险"的设计坑?欢迎在评论区分享你的翻车经历,说不定能帮其他设计师避坑。