您的当前位置：创伤性脑出血 > 脑出血用药 > Sketch也可为印刷品设计
Sketch也可为印刷品设计
写在前面：这篇文章可不仅仅是教你如何用Sketch设计小卡片，更能让你了解印刷设计和屏幕设计的前世今生，理清px、pt、pica和inch的复杂关系！
小彩蛋：超级干货在最后。
Sketch虽然不是生来为印刷设计的，但是我已经用它设计了超级多的印刷品啦！
Sketch是为屏幕设计而存在的
我们设计网页，App界面，还有各种icon，这些都是基于像素、RGB颜色，和数字化屏幕的。与Adobe系的软件有所不同，Sketch没有那么多冗余的功能，而是目标明确地解决问题，更集中，更高效。
Sketch不是为印刷品设计而存在的
名片，小册子，海报，这些都是基于英寸、厘米，CMYK和Pantone颜色的。Adobeillustrator和InDesign才是设计这类印刷品最受欢迎的工具。
但是如果你像我一样，在Sketch上效率更高的话——那么在设计印刷品时，你也一定非常渴望继续用你熟悉的工具——Sketch。
其实，这是可以实现的。我也正是这样做的。
关于神奇的数字72（72:1的起源）
这要追溯到铅字印刷的工艺了。当时使用的主要单位是点和派卡（译者注：1派卡=1/6英寸=12点）。铅字印刷是以点为单位的，以派卡或半派卡为增量，如12，18，24，36和72点。这些数字听起来有些熟悉，因为它们后来在Macintosh（译者注：年由苹果公司发布上市的个人电脑）中成为了标准的字号。第一台Mac使用的屏幕是每英寸有72个像素，从而产生了12pt的文字，使得屏幕上看起来和真实打印出来的几乎相同。每英寸所含像素（PPI）后来的变化就太多了（特别是因为retina屏幕的出现），尽管如此，了解这个72:1的比例起源还是很重要。
本文主要使用英制单位。
Sketch使用像素单位，所以我们需要一种能将我们的设计转变为英寸的方法。现在你可能已经猜到啦：Sketch中的72个像素在导出的PDF中为1英寸。
一张8.5X11的纸（USLetter）转化为pxXpx的画板（artboard）。
标准的3.5X2的名片转化为pxXpx的画板（artboard）。
现在Sketch3可以在添加新的画板（artboard）时，进行“纸张尺寸”的预设。你可以添加一些常用的尺寸来增加效率哦。
72PPI的像素尺寸可能远小于你用于网站或者是用户界面设计的尺寸。请一定要记住，你设计的印刷品的清晰度是由你使用的打印方式决定的——Sketch中的“ShowPixels”功能在这里是没有用处的。
一些Tips
*设计一些元素的时候，尽量去使用方便转化成英寸的单位数值。比如我经常用1/8英寸（9px）或是1/16英寸（4.5px）作为增量。
?Sketch的Grid可以帮助你更方便地使用上一条Tip。我建议可以设置Grid为blocksize：
9px，thicklinesevery：8blocks（如图）。快捷键?G就可以展示和隐藏Grid布局啦！
?把“PixelFitting”关掉吧，这里不需要你像在屏幕设计一样像素对齐。
出血尺寸
打印店一般会要求你设置出血尺寸，出血尺寸可以补偿一些微小却不可避免的误差等。我的打印机需要设置1/8英寸的出血，所以我经常把它算到我的Sketch布局中（在每个边上都增加额外的9px）。如果你的设计需要设置出血尺寸，我建议你也这样做。如果没有的话，你也可以在illustrator保存为PDF的时候添加出血尺寸。打印时也可能会要求所有文字至少在裁剪线内1/8英寸，比如下面的这个名片。
准备需要打印的文件
99%的打印店会严格遵守你提交的文件规格。下面这些过程可以帮助你提供他们想要的文件。
如果你的布局有非常多的图片、渐变或是投影，请直接跳到下一部分阅读。
在Sketch中完成设计后，导出一份1x的PDF。许多程序，如Preview，或者AdobeIllustrator，都会自动将文件解析为72PPI。你可以用Preview（ToolsShowInspector，?I）以英寸为单位查看文件尺寸，或者在Finder中的GetInfo中以像素为单位查看文件尺寸。如果你通过Illustrator保存PDF，像素和英寸尺寸都会包含在文件中。
另外
1.需要将所有的文字转化为形状——“ConvertedtoOutliners”。
2.需要将所有的颜色值从RGB格式变为CMYK格式。
3.嵌入的图片也必须是CMYK格式的。
将文字转化为形状
为了保证你的设计能够精确地打印出来，你必须要把PDF中的文字转换为矢量形状。这样的话，无论你使用什么字体，无论对方是否安装了这些字体，在任何一台计算机上，你使用的文字看起来都完全相同。
你可以将Sketch中的全部文字转化为形状，但文字太多会让Sketch卡得很。一次选择十几个文本对象转换为形状，Sketch分分钟挂给你看！还好AdobeIllustrator比较擅长这个，我们可以用它来代替。
?在Illustrator中打开PDF，在菜单栏中选择SelectAll（?A）。
?同样在菜单栏中，选择TypeConvertTexttoOutlines（??O）。
搞定！
将颜色转换为CMYK格式
在Illustrator打开PDF文档，点击FileDocumentColorModeCMYKColor。这就将整个文件从RGB转换为CMYK颜色域。非常简单～现在呢，我们需要将设计中的颜色转变为准确的CMYK色值。
如果你习惯了基于屏幕的设计，并且非常喜欢这些颜色，我觉得你可能要对CMYK失望了。因为墨水中组合的四种颜色（译者注：C——cyan——青色，M——magenta——品红，Y——yellow——黄色，K——black——黑色）的性质，许多明亮且饱和度高的颜色难以重现甚至不可能重现。如果你不了解色彩理论和各种打印方法的优缺点，我建议你可以从打印机上找到类似材质的精确颜色值。你可以在Pantone色卡（有点小贵，但是非常值）上找到一个接近的颜色，或者找到你要使用的打印机的不同颜色的打印样品（打印店里应该已经有这些了，
而且可以给你每个颜色的CMYK值）。
一旦你为你使用的颜色选择了合适的CMYK值，就该把这些一一替换掉啦！听起来很乏味，事实上——这真的很乏味。不过我发现了一些小方法～
?首先，选择需要改颜色的元素。如果你对illustrator不熟，我要提醒你，只有点击右侧的小圆圈才会选择图层，只点击图层名称是没用的！
?如果你的设计中有很多颜色相同的元素（比如所有的绿色文字），你可以先选择一个元素，然后点击右侧工具栏的“SelectSimilarObjects”，从而选择全部。如果工具栏或者按钮处于不可用状态，那就选择SelectSame。
?选定好元素后，按住Shift，点击工具栏中的填充颜色（左边填充颜色，右边边框颜色）。即使是纯黑色的元素也需要转化成CMYK的黑色，颜色滑块下又一个小样本。
最后一步！
现在你所有的文字已经转化为形状，所有的颜色也转化为CMYK，可以保存PDF了。
选择FileSaveAs，你可以自行设置参数。我通常选择在周围都添加一个1/8英寸的出血尺寸。在左侧的MarksandBleeds部分，取消选中UseDocumentBleedSettings即可，如下图所示。
这就搞定啦！相信我，下次你再做的时候一定可以省一半的时间！
你的设计有很多图吗？
如果你的Sketch文件里有超多位图图像（非矢量），那么在更改文档颜色模式的时候，它们会自动从RGB变为CMYK。将PDF倒入Illustrator时，所有的投影都会变为位图图像，所有的渐变都将变为不可编辑的Non-NaticeArt。所以，如果这些图像，阴影或渐变非常重要，我非常非常建议你将整个Sketch保存为PNG，再按照以下步骤在Photoshop中转化为CMYK。
?将Sketch的Artboard导出为4.x（译者注：PPI/72PPI）的PNG，这样在转换为PPI的文件时，像素就够多了。在导出之前，确保你的Artboard中已有足够的出血尺寸。
?在Photoshop中打开PNG，然后在菜单栏中打开ImageImageSize。取消选中Resample，然后输入以英尺为单位的尺寸，或从Sketch中导出时候所使用的像素／英寸（通常为PPI）。点击确定。
?在菜单栏中，选择ImageModeCMYKColor。此时，Photoshop正在将文件转换为默认的CMYK文件。在这个步骤中，你设计的颜色可能会改变，因为你的计算机屏幕颜色并不能完全对应印刷中的颜色，所以你也不该期待CMYK和RGB有同样明亮的颜色。前面也说过这点了。
?如果需要的话，稍微调整下颜色，然后保存为.psd或.tif文件。一定要告诉打印店你的出血尺寸！
最后，你可以将这个过程和前面所说的PDF+Illustrator工作流程结合起来使用，将photoshop图像嵌入到Illustrator中，不过一般我只使用一个。
这种工作流程是否适合你呢？
如果你非常熟悉Sketch，在Sketch中工作效率很高，或者是不大熟悉Illustrator／Indesign，这中方法应该比较适合你。如果你已经在Sketch中做好了设计（比如界面，图标，标志），需要把它们打印出来，这也非常有用。
译者补充的超级干货区：
?尺寸：屏幕上的72px对应印刷品的1inch
?颜色：请确定所有的颜色都是CMYK格式
?出血尺寸：通常设置9px的出血尺寸
本文译者：关睿敏（点融黑帮），对逻辑与艺术充满崇敬，所以选择交互设计。目前在主要在toB的项目里。
