半年迭代30个版本,字节十周年公益线上展设计揭秘
点滴善意可以汇聚成巨大的力量,微小的推文也能设计出别样的精彩!
从2012年成立至今,字节已经发展十周年了。相信绝大部分人和我一样,对这家公司的认识就是头条、抖音、飞书,然而字节跳动不只是一家创新力十足的互联网巨头,它在社会责任方面也默默做了许多。
今年3月,字节的同学找到我,他们想通过线上展览的方式分享字节在企业社会责任各个领域所做的努力与尝试。随后我们便着手启动了设计项目。
此次线上展决定采用微信长图文的方式呈现,长图文是我们日常最熟悉不过的一种公众号推文形式。
看似一张微不足道的微信推文长图,真的想花心思做好,它的复杂程度可能远超你的想象。
今天就带你看看,字节跳动十周年公益线上展的长图背后是怎样的创作过程。
探索
项目启动后,我们和客户进行充分的探讨,确定了一个方向,我们要在推文里营造出线下逛艺术展的氛围。
根据这个大方向,我们开始调研大量风格的作品,构思所有可能的创作方向。
我们决定选择以白色为主,用极简性冷淡的风格去营造展览氛围,用盲文、展台上图标同色阴影等细节去丰富画面质感。很快我们就出了第一稿Demo,经客户确定风格初稿之后,开始了接下来的深入创作。
深化
在接下来的深入设计过程中,我们和客户多次视频会议沟通,一遍一遍地努力打磨着画面细节,以求达到完美演绎。
这其中包含着阴影光效是否写实,结构设计是否合理,元素使用是否符合这次展览的主题等,各种各样的细节问题在一次次的调整和磨合中,越来越接近完美。
细节
“Less is more(少即是多)” 。我们都听过这句著名建筑大师密斯·凡·德·罗的名言。
其实,他还说过另一句话,“魔鬼在细节”。
好的作品,不论何种风格,都是充满细节与思考。
推文长图一屏所展示内容,长度不超过15cm宽度不超过7cm。在这方寸之间的画面,我们对每一处设计细节都充分思考,力求处处考究。
到底有多细呢?
我们甚至为了画面内容的准确呈现,精心设计了明确的「物理级展墙结构」以确保内容层级逻辑准确。
(虚拟展墙的顶视结构图)
(对应结构呈现的效果)
接下来通过大图,带你欣赏一下这琳琅满目的精彩细节。
真实的材料质感
多样的画面结构
丰富的光影细节
结果
历经30个版本的迭代探索,终于诞生了最终的上线版。
(大版本迭代对比)
由于疫情等因素的延期,终于在9月5日,全国第七个“中华慈善日”,此次线上展推文在「公众号:字节范儿」推送,当天阅读量就达到了1.5万+,精选评论30+。
(最终上线版切图集合)
历时半年,字节十周年社会责任线上展终于画上了圆满的句号,其实设计创作就和公益爱心一样,每一件小事,每一个点滴,都值得我们全情投入。
点滴善意可以汇聚成巨大的力量,微小的推文也能设计出别样的精彩!

















































































