本文首发于微信公众号“阿怡手作”,由 indienova 取得授权转载后发布。原文发布于 2023 年 2 月 17 日。
早年有说法“就差个程序员了”,感觉桌游圈也有类似的说辞——“我的桌游设计就差个美术”。
程序员听了会摇头,同样,桌游的美术也不是一句话那么轻飘飘。
我最近一直在准备新桌游的美术,处于“我画好了”、“我好菜啊”的游离焦虑状态中,仔细想想是因为哪怕卡面设计完成了,还有一吨的其他设计需要做,才能最终到达上线和大家见面的程度。
正在准备的《一意咕行》拉了个效果图看看
刚完成的《建设中路 86 号》盒子设计粗糙效果图
如果要概括桌游的美术内容,我觉得差不多是一个小型 VI 设计了。
传统的 VI(Visual Identity System)包含挺多,主要就是起到一个规范作用,统一符号标识、字体、字号、配色讲究,以及相关延伸到各个应用场景会是怎样的效果。
到了桌游这里,同样需要完成这些。当然,单个桌游不用上升到品牌营销这种程度。
无论是先定下创意主题、封面图还是某一单张插画,还是需要在此基础上扩展出其他需要的设计,包括不限于卡牌正背面、立绘、板件、说明书、包装盒、送礼小周边、电商宣发图、详情页等等。
符号标识
符号对于机制来说比较重要,可以用于表示可交互的资源、各种花色、不同阵营等等,这里不展开讲。
在设计当中,符号标识需要统一和清晰,要有辨识度。
简单的比如水火土,可以直接用颜色做区分。复杂起来,比如方舟动物园就有各大洲+动物分类+资源类型等,多系统区分的符号标识,那当中选色上就得讲究起来,至少不能同出现的不同类型符号有相同颜色或者形状相似。
甚至,有的符号标识可以等同于插画的存在,好不好看则另说了。
不一定是一个好例子,《逐梦音乐圈》
这里推荐个免费商用 icon 网站(https://icons8.com),在机制设计初期可以先打底辅助。
我们作品《煮面给你吃》、《建设中路 86 号》都有用到 icon8 的符号标识。
字体字号
不同重点的信息,是可以靠字号大小来做区分,同时也需要确保阅读体验。最直接的解决办法,就是打印出来看多大适合。
有时候字体选择和画面也要适配,甚至需要定制化。这里模范我要推荐 Marvel Snap 了,它每个卡面都是单独的字体设计,太羡慕了。
英文字体相对可以找到比较多可选,中文的话可以找些早年美术字设计感受下。如果需要的字少,可以从英文字体里借鉴笔画来自己做效果。
当卡面上需要同时有解释信息和故事情节信息,这时候最好用不同字体,或者要在大小、斜体上做出区分度。举例的话,万智牌上的效果文案是黑体,而演出文案是宋体并且小一号。
插画和配色讲究
通常,插画和配色是一体的。插画风格和配色选取的明暗饱和度息息相关,当颜色种类偏多时,还需要关注卡面、板件放一起时顺眼程度。
也有特例。
像万智牌那种大牌库,插画和配色讲究相对是分开的。配色讲究,主要是确定黑白红蓝绿,代表五个阵营的卡牌框架与对应的符号标识。插画则在小框幅的版式内不受选色限制。
要做竖版大插画,主要是在信息少的地牌,或者文字框做半透明效果。
电商宣发&详情页
不同于早年桌游依赖线下的货架渠道,大盒子占据货架位置的广告位效果已经被线上图片广告取代。
大就是好的货架占领
盒子好看当然重要,但信息流的那张图以及点击进入浏览详情页,影响更大。
中国电商已经是世界顶流,如果在排版布局上没有太多想法,逛逛淘宝总没错。
说明书
说明书重要的是逻辑条理结构,在文字和顺序没有问题后,排版和 PPT、画册是类似的,都是对信息主次做呈现。
并且,PPT、画册的排版是按内容板块来的,学习应用在说明书上非常适合。
我在小红书关注的画册设计师
包装盒以及周边
上述完成差不多时,再来看包装盒和周边,就会顺利很多。把现有的美术元素进行延展,还可以配合工艺衍伸出一些创意展示等等。
煮面给你吃最早定稿的是捞面图,再用在盒封上
比起 VI 设计,桌游美术还是可以用一些讨巧的方式。
比如一张插画充分运用,整体作为包装盒、宣传封面,拆分到说明书、详情页展示;设计的符号标识替代插画,作为卡面主体展示等等。
《咖啡》的插画就是充分运用的典范
整体来看桌游的美术设计,就会发现这并不是几张插画的简单事,或许这也是一些独立设计师卡在瓶颈的地方。
插画固然重要,但也不只是插画。
想想成熟的出版社里,会有分工:插画师和平面设计师。所以现在苦哈哈同时发愁详情页和新坑插画的只有我吧。
* 本文系授权转载,不代表 indienova 立场。未经允许,请勿二次转载。