网页设计 » 视觉设计 » 详细讲解KV设计中的重点,从多视角解析KV主图

详细讲解KV设计中的重点,从多视角解析KV主图

发表于: 视觉设计. 评论
Sponsor

前言:大家好,咋们又见面了,今天我们讲讲主题KV设计。咦?好像听到你们的心声了,是不是要我为你们科普一下关于KV设计的一些必要知识呢?好,好好。主题KV设计,是Key Vision的缩写,平面设计界的大佬们常叫KV设计,主要意思就是主题内容的图文搭配方法以及视觉的艺术表达形式等等(例如:字体、色彩、视觉光影传达等)的。今天我们这篇文章主要讲的就是关于KV的,所以赶紧拿起你的小板凳,悄悄地把它收藏在你的小裤兜里吧。

以下内容来自TCD设计中心 ,张彭彭设计师的分享。

详细讲解KV设计中的重点,从多视角解析KV主图

时间咻咻咻的过,不知不觉2020年又过一半的四分之三了,最近继续在马不停蹄的疯狂赶稿中。五月除了有开开心心的5天假期以外,同时也是上半年员工大会开启的时候啦!这时!没错!美丽可爱的秘书小姐姐又已经在呼唤我们的路上了。这次依然是看文案创作画面的题目!(但是,这次文案更抽象了!)继续围绕文案开始展开一系列疯狂的设计思考过程!

详细讲解KV设计中的重点,从多视角解析KV主图

▲需求文案分析

设计背景:

这次需求文案是:轻装再启 协作进取 不忘初心 不负韶华,嗯!你们没有看错,这次是比较宏观方向的文案,没有太多视觉上的指向性,面对这样的文案,如果少点逻辑分析能力,都会感觉内心万马奔腾不知所措。但是!它的好处就是没有任何限制,任由你在脑洞中放飞自我!好啦,这次设计时间非常紧迫,只有3天时间,还有大量工作需求叠加,这时候对于画面的把控能力就很重要了,怎么分析拆解定位才能一次过稿呢?

设计思路切入点:

首先我们要考虑一个KV的组成需要一些什么元素呢?一般来说不外乎:人物/场景/故事,如果想设计成抽象一点的来表达,也可以去掉具体人物,单纯用场景组合形式来表达一个故事。我们主要是有现成的品牌形象,所以在人物这一块当然是用我们最青春活泼可爱的企鹅娘啦!还有小伙伴普林斯王子(小黑球)。

现在需要解决的问题是:一群什么人,在什么地方 做出了什么事情 表达出了怎样的故事画面?这个问题说难不难,说简单也有点复杂!我们需要在这抽象的文案中找到我们需要的答案。

第一步:脑暴关键词

详细讲解KV设计中的重点,从多视角解析KV主图

▲脑暴关键词

根据文案脑暴 一些关键词,这个阶段不需要太拘谨,不断的跳跃联想会有更好的效果哦!

第二步:挑选关键词重组画面

详细讲解KV设计中的重点,从多视角解析KV主图

▲选择核心关键词

根据上述的一些关键词,挑选一些进行联想,重新组合出脑海想象中的那个画面。经过又一轮的大脑发散思考,大概串起来的画面已经大概有啦!这次想表达的故事是:

不忘初心的企鹅娘(迷你版+完整版)带领一群小伙伴往着同一个方向前进!故事场景选择在太空,在穿梭时空中出现不同时间段的企鹅娘,彼此的对照呼应,不忘初心。然后在飞翔过的地方都会带出五彩斑斓一样的美丽元素,寓意开拓更美好的二次元世界~哈哈哈

嗯哼~故事感觉串起来也很OJBK哦!那么现在继续推导到下一步!

第三步:文字转视觉元素

这一步主要就是通过分析关键字,找到相对于的画面元素作为参考,让你的想象画面更加真实丰富!在后期刻画细节的时候也有很大参考帮助哦!

详细讲解KV设计中的重点,从多视角解析KV主图

▲视觉参考元素

这里主要分为人物元素和场景元素2种,表现团队人物这次主要结合头部IP人物来表达,让整体更贴合产品背景,在场景方面,尽可能找到比较贴合想法构图或者角度的元素最好。

第三步:草稿创作

到了这一部基本就是纯执行阶段了,前期的思考构思也差不多了,围绕刚才思考的各种方向和参考元素,快速完成草稿。

详细讲解KV设计中的重点,从多视角解析KV主图

▲Design by Drame

构图:聚焦中心构图/V字型切割/画面填充与镂空比例大概1:1

画面元素:大小企鹅娘/普宁斯王子(小黑球)/热门头部IP形象/彩蛋/星球/云雾/建筑/小鸟等等。

这次我们又怀着无比激昂又生怕被否决方案的心情,来到秘书小姐姐的面前,请看一下最新的设计构思吧。心想准备一番巴拉巴拉的方案讲解,话未出口!秘书小姐姐抬起刚才还在看设计稿的眼睛,嘴角露出微微一笑,顺势举起准备做出OK手势的右手,说道:OJBK吖,很符合这次我们想表达的内容,继续完善吧!辛苦了!

当听到了这句熟悉的OJBK的时候,我们终于放松了紧皱的眉头,嘴角也上扬了45°露出了微微一笑,然后继续苦逼的赶稿去了!

第四步:分析画面配色

配色!配色我相信对于大部分人来说都是一件很头疼的事情,到底怎么配色才能更加和谐好看呢?这里也顺便分享一些自己常用的配色的小技巧!请大家拿出小本本做好笔记哦!

明确你想表达出怎样的情感

明确很重要,只有自己想清楚了想表达什么,你才能想办法让别人Get到你想表达的,不然配色就跟大海捞针无从下手。

选择大家有情感共鸣的颜色

这个怎么选择呢?其实这个世界基本每个东西都有它的固有色,列如蓝天白云,红花绿叶等等,这些是大部分人所感知的,你表达出来大部分人是会马上联想到的,这些大家都有共同理解的颜色 才能让你的情感表达准确。当然我也知道 海有黑色的时候,云也有灰色,叶子有各色各样的颜色,但是这些在特定环境当中出现比较多,并不是大部分人都能快速反应,可能会让你的情感没那么容易传达清晰。

大面积铺色,小面积对比选色

就像这次插画,我们想传达出青春靓丽,色彩斑斓,生机勃勃的气息,那么我们就会选择大家都会有共鸣的颜色。

详细讲解KV设计中的重点,从多视角解析KV主图

背景色选择:

宇宙太空大部分人的认知应该是深邃黑暗,在这里颜色选择依然是冷色系,但是为了要表达出生机勃勃的感觉,紫色可以更好的衔接冷暖之间。从紫色到蓝色过度海域流水再到云雾,这样过渡配色会更协调又没有脱离冷色调之间。

人物/物体配色选择:

人物基本大部分都是固有色为主,配合整体色调会有微微调整,最后物体颜色就靠对比衬托为主,冷色背景下 物体用偏暖色的会更跳脱。

第五步:设计过程展示

详细讲解KV设计中的重点,从多视角解析KV主图

▲Illustration by Drame

到了这里基本KV的整体绘画设计已经完成了,(由于时间关系背景部分元素复用以往品牌插画素材/二次调整)后续配合设计排版,应用到实际场景中去。

设计应用展示

详细讲解KV设计中的重点,从多视角解析KV主图

详细讲解KV设计中的重点,从多视角解析KV主图

详细讲解KV设计中的重点,从多视角解析KV主图

▲Design by 张彭彭

设计总结

在整个设计过程中,最难的是依然是对文案的分析理解和翻译出画面的思考过程,面对同样的文案每个人都有不同的理解,如何让文案变成一个棒棒哒可视化的画面,是设计师需要不断努力的方向,在设计过程中也可以尽量融合贴近本身业务的一些相关元素去展示,这样在表达的过程中更能体现商业价值。

设计离不开自己的思考,自主思考可以创作出更为有创意的作品,你会在自己地设计中加入自己独特地创意,这种创意是不可复制的。

以上讲解你是否已经醍醐灌顶了,要用时间和实际练习来慢慢消化它,小编悄悄地溜喽,咋们下期见。

作者 | 张彭彭
来源 | 张彭彭设计笔记(id:VELES1990)

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

{ 发表评论 }