这些设计工具让你轻松应对不同输出需求
做海报时甲方要PNG,发网页又得WebP,打印还得来个高分TIFF——格式来回切换真够折腾。好在现在不少设计工具自带多格式导出功能,省去反复转码的麻烦。
比如你在画一张电商主图,用Figma做完后直接点击导出按钮,就能同时生成PNG、JPG、SVG甚至PDF。团队协作时前端拿SVG做图标,运营用JPG发朋友圈,一套文件全搞定。
Sketch:专注UI输出的格式自由
macOS用户常用Sketch做界面设计,它支持切片导出为PNG、JPG、WebP、PDF和SVG。设置好切片后,在右侧检查器里点“Export”,按住Shift可多选格式批量输出。
<!-- Sketch导出配置示例 -->
<export format="png" scales="1x,2x" />
<export format="svg" use-id-for-name="true" />Photoshop也能一键多格式
别以为老将PS不行了。新版“导出为”功能(File > Export > Export As)支持一次性导出多个尺寸+格式组合。做个App图标,可以同时输出512px的PNG用于上传商店,16px的ICO给浏览器标签页。
有个小技巧:把常用输出预设保存下来。比如“社交媒体套件”包含1080×1080 JPG、1080×1350 PNG、圆形裁剪WebP,下次一点就出三份。
InDesign适合文档类混合输出
画册、手册这类图文混排内容,InDesign的优势明显。一个项目能同时导出高质量PDF印刷版、带书签的交互式PDF电子版,还能另存为XHTML配图资源包。客户说“先看下电子稿再定印刷”,两分钟发完三种格式。
设计师老张上周做展会资料,就是靠ID一键输出:PDF给打印厂、PPTX给演讲同事、JPEG单页发朋友圈预热。他说:“以前光传文件就要半小时,现在喝口水的功夫就搞定了。”