闪屏作为打开 APP 产时首要展现的分,牌的「门面」顷刻尽显,在众多节日闪屏中何凸显产品特征、现品牌的文化是节闪屏的重要目的。19 年新的设计趋势不断更替,动态视频浪潮展迅猛,我们在节闪屏的设计上,也进行新风的探索和挖掘。节闪屏不仅仅只是单方面的给用户传递关怀,更需要深次的情感流,不断寻求创新点与共鸣点增加用户粘。
1. 设计目标
- 用户关怀:传节日氛围
- 品牌建:加深品牌文化认知
- 价值观传达:凸显产品态度
2. 品目标
提升品情怀,基于品传播以及用户情感链接价值,过情感共鸣近 QB 与用户距离。
3. 闪屏调研
纵观市上各类 app 节日闪屏,大多使用单页插画设计,多采用手绘表现手法。虽然画美观,过「移花接」你会发现,它好像适用于所有类型 app 节日闪屏,具有「用性」。从视觉表现力和讲述故事来看较为传统,缺乏自身品个性与印记。
1. 创意方式
前期方案阶,我们思考如何将一年里的有节日一套逻辑进行创意激发,达到效及系统的效果,并总结一套推导方式。
节日种类分为传统节日&国际性节日。传统节日(春节、元宵节、清明节、端午节、中秋节等)大多宣扬中国的传统值观;国际性节日(元旦、愚人节、劳节、童节等)则具有中西方的差异而稍有区分。
首先,明确节日主题,根据节日特点发散关键词,这阶段可以思维不受太多限制。把关键词与任意属性行组合,选择典型的部分行方案的塑造,这样利于引起用户共鸣。
童节为例,它属于国际性节日,在传达上采最为大众认知的容(通俗)较引起情感共鸣。「筑梦童年」正好融合了键词的精华,人联想到童年爱玩的游戏及蕴藏的时梦想。在值观上,体现了对于小孩无限的创与想象的鼓励。
2. 故设定
故事主题确定之后,将针对闪屏结构进行定。不同于传统的静启动式,将闪屏比喻成一部 6s 的舞剧,演员(人物)、布景(景搭建)、剧本(故事内容、动作情节)则是不可或缺的部。通过对各个支的定,组构建出闪屏故事的整体。
1. 故事场景立体化
3D Videos + 2D Illustrations表手法
当短视频靡于络平台,大众对于态视频消的成本越来越低,这对我们来说正好是突破口,态设计更好地户生有趣的方式感受容传播的魅,在流插画闪屏的大环境跳脱来,作差异的设计。
3D 拟化风格 2019 再度盛行,应用于各类设场景。因此,我们将故事元素行立体化塑造,logo 场景元素使用 C4D 建模刻画突出,人&部分场景则用 2D 插画表,二者的搭配效果可以让闪屏加独特突出,创造出不一样的视觉感受。竞品采用单一插画表形式下,3D 风格的应用一程度拉了与竞品的差异,增加品牌记忆点。
版式
版式的设定上,牌 logo 为舞台视觉中心进行延展设计,辅助元素则务于它,具有整体系的视觉牌调性,使户对产有固定的牌认知。
构图
品牌调性是贯穿所有节日的,在计前确 QB 的品牌调性,这更有利于品牌认知的传达。一年的节日繁多,如果不对画面进行有效的规范,会呈现出杂乱的受,一方面响闪屏整体的系列知,另一方面对品牌的认知传达也会有一定响。
因此,总结出两套构图逻辑,品牌 logo 位置、大小不变的情况下,透视构图使画面更有空间延伸感,适合垂直空间的设计;包围式构图则围绕 logo 为视中心,周围适当添加辅助元素,适用俯视镜头的设计。
配色
色彩作为渲染故事氛围的重要一环,是能引起大众审美愉悦的、最为敏的形式要素,是有表现力的要素之一。它的性质直响人的心理。而最直观易理解的色彩体系来源于生活的知,闪屏的配色体系也从中进行提取,通过图像情绪板的收集,得大致的色板基调。
2. 动态情节设计
镜头语言
传统 2D 插画被限制于XY轴的面空间内,图破这的格局,将 6s 长发挥最大化,拓展Z轴的维度,将用户视角带入预先定好的故事景中。
充分挥 3D 的优势,在摄像机沿着Z轴运动的程中,使用简练的推、拉、升、降等手法,增加画面的生动。前 3s 引人胜, 3s 展现品牌,为 6s 的闪屏造出视冲击力和忆点。
人物动计
作 6s 闪屏的主角人,制作动画时需场景行动作节设,增加画面的动性。2D 本身不具备 3D 的Z轴素,但动画设时,通过人的简单移、缩、旋转设置,可以达到Z轴的纵深效果,模拟 3D 空间的视觉感受。
由于人与场景的质感差异,行 2D 与 3D 的视觉融合时,动作匹配就显得格外重。人需遵循整体场景的运镜轨迹,并与其所互动会得到流畅的视觉效果。人的出场方式也需结合理运动逻辑行设,可采用画外飞入、掉落、旋转划入方式。
速运动时的径追踪,需行 2D 人与 3D 场景的Z轴配合,这部分需花费较多的时间行单帧调试,终达到自然的视觉效果。
3. 构建人物角色世界观
故事素少不了「人」这一关键,了好的传达故事内,将人设应用到闪屏设计中,具有更好的故事带入感及闪屏系列感知。一方面要考虑 QB 的产定位和户属性,另一方面要考虑流行的设计趋势格。
人物设定
结合 QB 牌特性,探索兴趣世界为线,炼角色自由爱玩,热爱生的人格特征。从故事剧本发,生中的人物作为角色原,采情感设计的方法,根据角色属性进行人物设定。
外形设计
不同的闪屏故事其造型各不相同。在造型计上,结下人物计趋势的征化法,将头身比进行夸张理,视觉上突出人物轮廓的曲直对比,增加视觉的生动性计。
特征提炼
童节在孩子的基础上入多啦A梦飞行器的意向,将竹蜻蜓元素融入到人物设计,只需把它戴在头上就可通过大脑意念随意控制飞行,正好契合童无限想象这一题。在人物设定时,可考虑结合相的意向。
绘制笔刷
统一人物插画表现风,使用一致的笔刷库进行绘。「干墨」绘的优势在,在大块铺设时,除留边缘的笔触,也能持彩身的透气感,整简洁不乏细节;而「喷溅」相似目前应用的噪点,以增加绘物的光感细节。
2018-2019部分闪屏
2018圣诞
2018除夕
2019春分
2019一
2019六一
2019夏至
1. 线上
节日天除了启动闪屏动态露出,我们打了首页头图、天专区、壁纸专区等渠,让用户充分感知到节日关怀时,增加品曝率。
2. 线下
恰逢 QQ 浏览器 20 周念,闪屏伴随时间流逝的瞬间,极了产品不断探索的缩影。因此,制作的一整套明信片用以团队关怀也极好的。
节闪屏是品牌运营的一部分,通动态节闪屏的情感化运营,给用户传达节关怀的同时,也不断地强化 QB 的品牌认。QB 探索用现代的表现手法传达节感和人文关怀,赋予传统文化以更鲜明的时代特征,传统中有新意,进而加强用户对闪屏及 QB 品牌的深刻印象。
在后续的规划中,我们希望节日闪屏仅限于视觉技法的优,可更多的发掘深层次情感交流的创意点,创形式丰富并且更符合户体验的节日闪屏。QQ 浏览器会继续给大带来节日的祝福,断探索的闪屏设计思路。
欢迎关注「腾讯FXD」公众号: