张运位视觉图,其实都代表着个平台视觉品质。不论是犄旮旯,是我们开屏图、首页轮播位。
首页头部轮播图要性决定了它视觉品质不能有半疏忽,其复杂程度更是言难尽。不仅有作品宣传,有各类渠合作,有内部设计师输出,有大量 CP 支持,那么统高品质视觉输出更是难上加难。将问题排除,我们花了将近年时优化了 App 首页所有 banner,将其打造很是精美。
是随着时移,也在不断地生些新问题:
- 视设计的同质化;
- 用户审美疲劳;
- 作的转换率低;
- 宣传图中文案过少,难以表达出一部作品的。
我开始市场几大类运广图进深入研究,有大家所熟知「电商类运广」、「游戏类运广」,再加上我们动漫运广。
1. 电商类广图
品项广图,主要从商品属性出发,再根据品用途、颜色、装等来延展品调性。再到我们执层,按照优先级大致可分为品+文案+背景(以商品为主,文案排版为辅)。
在设计的过程中,版式可千变万,产可根据需要做同的角露及列次序。在大背景色的基础上,可继续根据产的作露适当地调节。在这一系列的操作过程中,一直处于保守态的是中的案,万变离宗,讲究的是案的版样式。再之后的色彩,细节的把控均属分项。
2. 游戏类运广图
游戏开服可结为场景感版形广图,运图可根据优先级结为:背景+文案+物(以氛围为主)。
背景场景形式来表现,在游戏专题上面更多,因为游戏有场景支持,使分辨率大图,带给户视觉冲击,整体设计格和游戏美术格搭调,氛围感强。游戏强调的是沉浸式体验,在宣传图设计中依旧保持一种情景式体验。
3. 动漫类运广图
几大类粗略地分析过遍后,落实到我们动漫市场,运广图可结为:背景+文案+物(以内容为主)。
目前大多数设计师对于漫推广图的设计基本按照电商、游戏的套路来走,还自成一体,综合可总结为图:
推广图,自然离开推广素材,如图,可看游戏类的推广素材可说是达到登峰极的地步了。电商类的大多是依赖于摄影师的拍摄,及还可靠后期的精修来弥补前面拍摄的足。然而,我们漫可说是残垣断壁。过慢的起步,国大多数的条漫,在人物及氛围营上并达到很的水准,在已定程上给我们的营图设计带来了很大的阻碍,这是漫画行的现状。但是漫画素材有自己的优点,素材中有很多于人物表情的特写,故事场景的描绘,还有人物 Q 版素材,这些东西可很好地打一个故事情境。
为了打故事情节,我在材上和之前相就有了明显的区别。
会更注重人物表情 、经典章节 、漫画情节、吸引力文案,在这四方面进行挑选,这些都可以作为的选材,尝着另辟新路,去重新审视的选材标准。
把这种表现法,假为一个概念:「内容植入式运营设计」。
这个视觉风格,融内容对景进行搭建。人物、文字计皆服于内容本身所赋予的义,环环相扣,不再是彼此孤的存在,以达潜移默化的宣传效果。而且,的推广图不仅仅局限于好不好的层面,更多的是把漫画核心内容展现出来。
以《隐藏人》这部漫画运营推广图为例,了解漫画大致剧情:残缺的面容隐藏在玩偶之中,悲惨的往事隐藏于皮囊之下,夹杂在回忆现实的残酷中,人性最终爆发。似完美犯罪背后的凶是才、恶魔还是隐藏于你身边的「」……主 15 岁以上的少男少,是一部推理悬疑、言情、恐怖、烧脑漫。
了解背景之后,再回漫画中,围绕的四个选材范围:人物表情、经典章节、漫画情节、足够吸引力的文案背景,在漫画中进行相关的截图,对素材进行筛选。
将选中的素材,应用组 banner 中,加上字体计。组成现在这张有丰剧情的画面。
那往期 banner 视觉图计主要由三点构成:背景 、人物 、一句话文案。
对比一下往期的计图,给用户的第一觉,这是一部性题材的漫画而已。
右这张图,一眼能看到与文案相结合的隐藏人,图中男子惊恐颤抖的表,以及场景中的各种画面。这张图,将漫画中高潮节视觉化,推到用户面。
可以看出我们之的作图手法中,注重的精,的法注重的故事境。
在里以看出,精美不是 banner 唯一的衡量标准,我开始以打造故内容为核心。
新版视图设计,主要由 4 点构成:
- 人表
- 经典章节
- 漫画情节
- 强吸引案,案可为两句可为几句的形式 。
让用户在轮播图短短几秒内获取到更多感情色。
上图内容与我们功能模块(导航)配合更加融洽,内容故事氛围更加浓厚,在这里,所谓「内容植入运设计」不仅仅括我们 banner 内信息,而容纳了我们 UI 框架内结构信息。
案例一
是在 APP 首页二屏的位置,进行小模块试运营新版设计图,原有视图设计主要是品主角加简单的背,以及一句文案构成。
以《黑良》部漫画运营推图为例,漫画大致剧情:世间流传一种秘术,以让人家糊口,也能富有四,能让人权倾天下,也能让人家破人亡,号为──财术……主打 15 岁以上的少男少女,是一部高效、奋斗、市漫。
背之,我们回到漫画中,围绕我的四个选材范围,对素材进行筛选。
组合到画面中,加上部分简单字设计,组合成下面个具有富剧情的宣传图。
△ 新版视图设计
随着文案剧增,我们更加注排版严谨性,并在小小条内融入了更多文案信息,括作品名、经典文案或知名作者信息,加入与文案相关物、剧情,造更强烈情感。剧增内容信息并没有设计师造成压力,而是有赖优质排版造出和谐新秩序。右边是应用了「内容植入运设计」新版视觉图。
案例二
接下来是一个正方形的特殊模块,个模块运营的需求就是图要够大,且为不一样而不一样。
潜意识里这样需求目,是放张精美大图而已。是,我们真不样。
我们先来一起分析一原图,眯眼看,版细碎,在之滑类大模,细碎更为明显。除非做到顶通栏,会稍微弥补这个缺陷。
在技术层面无法实施的前,首先思考的是如何将画面零为整。UI 层面减必要的层级,在容层面,将案与人物素材,做到图结合,再是彼此孤单的存在。
△ 整个UI框架中的展示效果
在这一次将 「内容植入式运营计」应用在这个模块的计中,用不同的计法融入了更多的息素。在对其进行计之前,除了出于画面的考虑,还思考了后续的灵活应用。
在《九段》的案例中,主要采用了三角稳定构图,首先使复杂的画面做安静、均衡,并不失灵活性。作品名人物的结,人物置于文案之中,图文有系、有互动。配上右侧的人物介绍,杂而不乱,整个画面清晰有条理,突出重点,亦不失侧重点。
这张的构图,也和上一张完全不同。主体只有主,且占了画面。这人物的布局斜着把画面一为二,采用了「对角线构图法」,能让本调死板的主体变得有运动。同,趣味中心点也在面部,让容易就被这一双美丽的眼睛所吸引。并且有关人物介绍的融入,在画面中补充排版,人物相辅相成。
在上面三个模块的不同案例中,让视觉模块完成了一次升。其实也不难出,有些排版布局的巧好多伙伴也都应用过,可以说这些巧在多地方是可以通用的。计本身没有对错,有的只是适不适。也有不少的巧,值得去深挖。多一些尝,也许就能找适,适当前工作的套路、方法。
从「内容植入式运营计」的探索挖掘过程,这套方案的实施落地,整个过程尝了多做图方式,最终通过后数据显示,只有的「内容植入式运营计」这套方案效果是最为显著的。使运营模块数据都得了大的提升,至少在现阶段是比较适腾讯动漫的一套视觉方案, 在后面的发展中,也是继续做更多的尝,寻求更多的更优的方案。
欢迎关注「TCD设计中心」公众号: