口碑是阿里巴巴旗下的一家互联网本地生活服务平台。我们在为消费者提供吃喝玩乐相关产品、优惠、资讯的同时也为我们的商家开发出一系列门店提效、引流、智能服务相关的产品。商户通过口碑提供的服务改善门店经营状况,也为消费者带来更好的到店体验。口碑产品手册就是在这一背景下诞生的。通过手册,口碑的小二可以与商家进行更高质量的沟通,帮助商家清晰了解口碑现阶段最新的产品和服务。口碑设计中心始终参与其中,并完成了高质量的设计输出。在商业手册的设计、制作层面也积累了不少经验。下面一起来看看吧。
现阶段设计的两个主要目标:
01统一品牌形象
—前期资源紧张,为快速响应业务,保证手册快速落地,在各类产品手册的落地上并没有过多协同。设计师各自进行排版,并选择符合当时预算状况的印刷工艺。这种工作模式在前期效果显著,各业务落地速度很快,受到了好评。但随之而来也有很多问题。在某些场景下,商户可能会看到几款不同形象风格的产品手册,导致商户对口碑品牌形象没有统一的认知,甚至感觉有点山寨。△优化前版本
实验心理学家赤瑞特拉做过两个著名的心理实验。一个是关于人类获取信息的来源,即人类获取信息主要通过哪些途径。他通过大量的实验证实:人类获取的信息83%来自视觉,11%来自听觉,这两个加起来就有94%。还有3.5%来自嗅觉,1.5%来自触觉,1%来自味觉。因此品牌形象视觉上的统一为首要解决问题。1.排版逻辑公式化首先只是换皮不换里是不够的,需要从内的字号、排版,以及外的风格、质感都做到统一。每本手册的内容并无雷同,但都需要在同一个体系框架中去设计,才能给商户带来更好的阅读体验。规范并不是限制设计师的发挥,规范是更好的帮助设计师提升效率,把更多的经历投入在内容梳理与信息可视化设计中。故此,我们制定了一套更适用于口碑产品内容展现的排版规范。统一字号通过实际印刷后的感官体验,将8pt做为常规最小字号,8pt以下的字号阅读起来比较吃力。正文8pt、副标题字号8*2=16pt、大标题字号8*3=24pt。常用字号选用以正文8为单位的倍数关系,呈现数学逻辑美。
行间距、段落间距
常规行间距为正文字号的1倍到1.5倍,正文字号8pt,行间距设置为16pt,也就是行间距为字号的1倍8pt*2=16pt。段落间距设为2个正文字号大小。根据版面内容间距按8的倍数叠加。
版心网格
版式设计以“现代风格”版式基础。根据“内容形式“和”装订方式”,确定版心的布局形式。产品宣传内容多以配图、短句展示,少有长文,因此版心网格设置越多排版会越灵活。根据业务常用的4款尺寸,对应设定以8pt为单位的网格规范,保证所有内容都在规范中。
风格样板
2.元素库提升产出效率
图片在产品手册中十分常用。为了保证图标的风格一致性,根据口碑产品常出现的内容,我们设计了一套图标库,保证不同设计师产出的风格保持一致,提高设计产出效率。
3.规范配色,统一封面
02感官体验规范化—除了提升平面排版的质量以外,印刷品本身的感官体验也变得越来越重要。“纸”可以通过触觉的感官体验影响消费者。我们希望在画面外,通过纸张的质感、大小、装订来更好地诠释品牌内涵。统一材质、尺寸、装订方式也可帮助提升设计产出效率,降低设计师打烊选纸耗费的时间。1.尺寸便携关于尺寸选取需要