Matrix 精选

Matrix 是少数派的写作社区,我们主张分享真实的产品体验,有实用价值的经验与思考。我们会不定期挑选 Matrix 最优质的文章,展示来自用户的最真实的体验和观点。

文章代表作者个人观点,少数派仅对标题和排版略作修改。


2020 年最后一个月的时候,我们突发奇想,想要做一本台历。

在年尾的时候,很多平台都推出了自己的日历,譬如单向历、知乎日历、豆瓣日历啥的。我们也想给亲友们做一个比较有意思的新年礼物,之所以选了月历而不是日历,当然是工作量的上考虑了,毕竟月历只有 12 页,日历得做三百多页呢。

具体的工作分工中,我负责具体的落地执行,因此这篇文章可能会更多地写一写制作方面的故事。

总体创意和方向

我们家 Taco 虽然是表情包届的小网红(发送量大概有 135 万次),但毕竟不是一个以颜值出道的猫咪,所以没有做成那种岁月静好的风格,总体方向就是更好玩更可爱一些。

可以访问这个链接体验表情包:第一弹 第二弹

这竟然是同一只猫

主色调上则选了比较有新年氛围的橙色,和 Taco 本身白色有比较明显的对比。

设计月历的框架

没有打算把月历的每一页都做的区别很大,因此是先设计了月历的框架,包括背景、日期内容、主要颜色、可以放图片的框架等等,这一部分在整个日历的初始就确定下来了。

这里使用的工具是 Figma,它真的是一个潜力极大的设计工具,在我看来替代 sketch 指日可待了。figma 的组件功能非常强,拿这次用到过的功能举个例子吧:

我的日历中,一共有四种基本的日期,分别是:

  1. 普通日期
  2. 普通假日
  3. 节日
  4. 其他月份的日期

如果在 sketch 中,我需要创建四个组件,通过命名的方式来完成切换选择功能。而在 figma 中,我可以将四个日期放到一个组件中,通过特有的「变量」选项来完成选择。

figma 组件功能

最厉害的是,它还支持多个变量的选择,这样我们就可以更快地找到我们想要的组件了。

支持多个变量的选择

这个功能非常适合做表单按钮的状态效果,譬如正常态、选中态、按压态、不可用态等等的情况。

关于背景这一部分,一开始想让每个月份都有一个特殊的颜色,就选了 12 个颜色做了一个色轮。实际上做出来效果非常花哨……所以最后选回了橙色大背景。为了体现月份,其实日历的每一页都是有缺角的,代表当前的月份。

用来画背景的图层

选图和制作

按照一开始的方向,是需要作出一些场景化的效果的,因此要给猫的背景进行重新绘制,加上一些元素。

这个工作从选图开始,我找到了 Taco 的各种生活照,这些照片来自于手机的日常拍摄,还有偶尔认真用相机拍几张(说到这个,市面上有没有靠谱的多人多平台的照片管理体系,可以给我推荐下)。

总共大概选出了 423 张图片,这些照片全屏之后,我们共同投票照片要不要选到备选中。其实 Taco 本猫也有投票权的,不过最近天气太冷、电热毯又太舒服……

经过两轮精选之后,选出了 20 多张图片,接下来有三个主要的工作。

  1. 按照月份,挑选适合的图片
  2. 给对应的图片撰写文案
  3. 将文案以适当的形式加到图片上

第三个、也是最耗时的工作就交到了我手上。我人生中第一次认真地抠图,竟然是给猫抠图。之前听别人吐槽人像抠图中,头发特别难抠,我必须要站出来点个赞同,毕竟 Taco 全身都是毛。

一开始我用绘图板连上电脑用 PhotoShop 的磁吸工具来勾画边框,抠了五六张之后,发觉效果还是不好,于是用 iPad 打开了 Affinity Designer 进行操作,这里要重点表扬一下它。

我之前买了 Affinity Designer 的 Mac 版本和 iPad 版本(正好碰上大促,买了永久授权),打开之后,快速就上手了,它基本涵盖了像素编辑和矢量编辑的全部功能,大约等于 PS+AI,功能则比这两者都稍弱一些。

用 Affinity Designer 抠图、加字、画背景可以一气呵成,性能还特别好,一点都不卡。编辑好之后,通过 Mac 打开,导出 JPG 到 InDesign 中进行下一步操作。

强大的 Affinity Designer

贴几张最后的成果。

大干 30 天,加班到天亮
年底的总结怎么这么多

整体编辑

整体编辑仍然是在 InDesign 中完成的,这个软件我用得熟一些,去年和今年所有的 zine 都是用它做的。

在万能的某宝上,看了一下所有台历的尺寸,选了最常见的 A5 尺寸竖版。因此所有的图片也得按照这个尺寸来制作。字体上则选择了免费可商用的「快乐体」,以及开源的思源黑体,如果你的台历不是仅拿来自用,一定要在细节处注意版权问题。

好在之前 Figma 上所有月历背景都做好了,导出为 PDF,再依次嵌入到 InDesign 文件中,就能保证每一个字符和背景打印出来都是非常清晰的。

用 InDesign 完成导出

完成了内页的拼装之后,还剩下封面和封底需要制作。

封面部分全靠 tammy 大笔一挥,画出了具体的形状;我为了贴题,制作了几个橘子形状的矢量图贴在背景中,保持整体内容的平衡。

封底这块除了正常的制作者信息之外,出于职业习惯,我还加了一个微信小商店的链接,扫码之后会直接跳转到「taco 书店」。至此,台历的数字部分内容都完成了。

打样

这一部分才是最坑的部分,前面的工作虽然繁杂,但是我都明确有多少事情要做,这里完全就是一边摸索一边填坑。

印刷厂是在万能宝上找的,我并没有到印刷现场去,每一次打印的时候只能提需求给客服,由客服来转达,等到过几天我才能收到最后的成品。如果大家后续有类似的打印需求,建议是直接到印刷厂去,如果打印不满意,就直接修改,远程沟通成本太高了。

以下是打样过程中遇到过的几个麻烦问题。

尺寸问题

最开始遇到的问题是尺寸问题,我们并不知道台历上打孔的具体高度,因此顶部要留出来多少空间是未知的,第一次打样之后我才初步算出了留空距离。

台历的尺寸宽 15cm、高 23cm,对应下图的蓝色部分。固定环对应黄色部分,两个环的间距固定为 8cm,环的直径约为 3cm。考虑到铁环需要环绕一周,日历可以正常的翻动,打孔间距应当小于铁环的半径,大约是 1cm。

P.S. 在具体操作时,打孔器选择了某办公品牌的双孔打孔器,两孔间距也是 8cm,是刚刚好的。

整体尺寸的示意

出血问题

不要被吓到,这里的 「出血」 是一个印刷行业的词,指的是内容超出了印刷边界的时候,为了给切割留一些余量,需要边界上多印刷几毫米。

如果使用 InDesign 的默认设置,上下左右都会出血3毫米。以封面为例,设计稿中蓝色框内的部分是实际打印的范围,而更外面红色框内的部分则是算上了出血的部分。在填充内容的时候,要以算上出血后的尺寸来计算。

当然也有例外,如果你的设计稿边框有大面积留白,切割了也看不出来,那就不太需要考虑这个问题了。

出血的控制

在导出为 PDF 文件的时候也要注意,这里的出血文档设置需要确认一下。如果之前设置了出血,但是导出为 PDF 的时候没有选择导出,那就相当于是没做了。

至于出血标记、裁切标记要不要输出,可以和印刷厂确定好再决定。

导出出血区域设置

颜色空间问题

这个是最恼人的,颜色空间是一个之前没遇到的问题。

譬如 iPhone 拍摄的所有照片,默认都是 P3 颜色空间,这样在支持 P3 的屏幕上就有较好的颜色表现。

默认 P3 颜色

但是我使用的外接显示器的颜色并不是这个,所以同一个橙色在不同的屏幕上,展示出的效果就是有区别,但如果用吸管去吸这个颜色,就会发现其实是同一个色值。

奇怪的颜色差异

橙色 A(P3)和橙色 B(SRGB)的显示效果相同,但色值不同;橙色 A(P3)和橙色 A(SRGB)的显示效果不同,但色值相同。

就为了在文档中找出这几个落网之鱼,后面又打了两次样。找到之后用 PhotoShop、Affinity Designer 和 InDesign 中全部统一都设置为 SRGB 的颜色空间,才彻底解决了问题。

InDesign 中的颜色转换

在导出文件的时候,也可以选择好颜色文件并直接嵌入到图片文件当中。

当然代价就是这个橙色和我们最后印刷出来的效果有那么略微的区别,没有我们想要的颜色那么鲜亮了。

这里经过评论中 @贵州 的提醒,为了防止色差,还有这么几点大家可以学习一下:

  1. 相关的图片最好存为tiff格式,并且存下颜色空间(ICC 配置)。
  2. 获取纸张本身的 ICC 文件,导入到文件中用于校色(比如纸张本身带有一定的颜色,用 ICC 校色之后就对打印出来的效果有预期了)。

纸品和亮度问题

亮度

最最后一个问题也是挺特殊的,同样的文件在不同的纸上面打出来效果差异很大,一开始选择了一个浅米的纸,打印出来之后整体偏黑,后面换了高白的纸,还是有一些黑。

我才意识到,纸质作品是被动发光,屏幕是主动发光,人眼的亮度标准不一样,屏幕上看起来并不太黑的东西,打印出来就黑得不行,明明一个小白猫打印出来跟暹罗似的。

最后的解决方案是照着打样,一张一张调整了亮度,在屏幕上看起来都过曝了,但是打印出来效果还行。

纸品

印厂常见的纸有铜版纸,道林纸,特种纸。

  • 铜版纸:克数有很多种,从 100 克到 300 克都有,克数越大纸越厚,明显的特点是反光比较严重。
  • 道林纸:也叫做胶版纸,比较适合单色文字的印刷,看起来比较粗糙,也是很多日历的选择(就是那种 365 页每天撕一张的)。
  • 特种纸:不属于上述分类的纸张,每种都有自己的特点,建议大家能到店里去体验一下,亲自摸一摸看一看自己喜欢那种纸的类型。

我这里选择的映画高白就是特种纸的一种,当然成本要高一些。

总体上经过前后六次打样,总算是达到了我们理想的效果,期间甚至还换了其中的一部分内容。

一大摞打样失败的纸张

组装

印厂只负责打印,并不负责组装,当印好的纸快递回家的时候,下一部分工作就开始了。

这一部分工作主要是体力活,包括:

  1. 拆开台历的铁环扣
  2. 将一套台历的纸(封面 + 内页)用夹子固定,用打孔器在上面打出两个相距 8 厘米的圆孔
  3. 用铁环扣先穿过台历,再穿过纸
  4. 最后将铁环扣重新扣好

这部分工作不复杂,就是单纯的体力活,只要细心谨慎就能确保良品率。

组装好长这样:

组装好的台历

贴纸

在台历打印的同时,考虑到我还有很多张抠过的猫图还没有用上,为了珍惜自己的劳动成果,我又做了一版贴纸。

为了能和日历摞在一起,贴纸也选择了 A5 尺寸,一共 11 张表情,有一些是从之前的 Taco 表情包拿过来用的,有的是全新抠图制作的。

贴纸的制作比日历可轻松太多了,全程用 Affinity Designer 搞定,在一个软件里搞定抠图,加字,加图层,蒙版。效率极高非常快活。

一个软件搞定全部工作

在万能宝上搜了一下做贴纸的,选了「和纸不干胶」这种品类,就交给对方去做了。打出来的效果是略带透明的,适合贴到浅色的设备上,譬如笔记本电脑表面之类的。

哦对了,做贴纸因为要抠下来用,也要考虑出血的设计问题哦。

包装

这一部分选择了红色内袋和白色的提袋,还准备了一些印章,可以在袋子上盖一些东西。

其实我还买了一些珍珠泡沫的袋子,但是尺寸短了一些导致装不进去,实在是可惜。

包装的内袋和纸袋

成本计算

最后粗略地估算一下成本,由于采购量整体比较少,这里的原材料都是在万能宝上购买的,单价较高。如果购买数量超过 100,可以去批发网站上找找,一定能找到更便宜的。

  • 台历底座+铁环:大约 10 元
  • 台历封面:4 元,采用的克数比较厚的纸
  • 台历内页:大约 40 元,和封面用的相同纸张,但是克数较少
  • 包装纸袋:大约 3 元,内+外
  • 贴纸:大约 2 元
  • 邮费:15 元起
  • 人工和时间成本:大概两周的晚上外加周末的时间

这里成本最高是印刷部分,这里选择纸是比较好且克数较高的纸,为了控制成本也可以选择一些更便宜的道林纸或者铜版纸,成本应该能降低三分之二左右。

选择印刷店

一家好的印刷店不好找,首先应该要有比较全的设备和比较全的纸样,包含的设备包括 A3 尺寸的高精度全彩打印机、切纸机、纸张压痕机、覆膜机等等,有这些设备的店铺一般设备区不会少于三十平方。纸样部分如同前面所说,应当有铜版纸、胶版纸和国内常见的一些特种纸供你选择挑选。

这些印刷店可以在大学或者专业做标书的地方找,而且里面的师傅经常处理要求比较高的论文、投标书、宣传册什么的,经验也比较丰富。但是这些店一般都不在万能宝上能找到,需要到门店里多去看看才行。

如果大家知道有什么好的印刷店,也可以分享出来呀~

感想

今天这篇文章洋洋洒洒写了几千字,一方面是给同样想尝试做一些文创的同学分享自己的经验和踩过的坑。

另一方面也是想说说自己在年尾这个节点对新年的一些展望:

2020 年实在是比较难过,希望在新的一年中,大家都能平安喜乐。

其他的也没有那么重要了。

> 下载少数派 客户端、关注 少数派公众号,找到数字时代更好的生活方式 🎊

> 特惠、好用的硬件产品,尽在 少数派sspai官方店铺 🛒