平面设计教程!怎么为品牌做延展设计?

时间:2022-08-25
类别:平面设计
水平:普通
观众:8.2k
设计师入站必刷的宝藏频道,掌握设计真本领与AI并肩 👉 立即点击

平面设计教程!怎么为品牌做延展设计?

Hello,大家好,我是平面营讲师-菲林(微博@Feeelin ​ )

平面设计教程!怎么为品牌做延展设计?

如果你是招聘者,以下为两位设计师发来的作品,你会选哪个设计师来你的公司?A or B?

平面设计教程!怎么为品牌做延展设计?

当一张插画和一套插画品牌包装设计相比,自然是后者体量更大、更完整、更能够体现设计师的综合素养。

因为一套完整的插画品牌包装设计不仅能够体现设计师的插画功底,而且能够体现对于一套品牌整体调性的把控能力,以及让你的插画能够有更加直观的效果展示

平面设计教程!怎么为品牌做延展设计?

那照这么说,如果在我们的作品集里也能有这样一套制作精良、调性统一、构思完整的插画品牌延展设计的话,想必也是比单纯的插画展示更加有优势。

接下来,就跟我一起学习一下如何从一张插画延展出一套插画品牌延展设计吧!

平面设计教程!怎么为品牌做延展设计?

一、前期准备

首先需要的就是一张绘制完整的插画设计,本篇文章的案例插画是由我们插画营的橙子老师(@啤酒味的橙子酱)绘制的,接下来咱们就以这张插画为例,来讲解一下在实际制作之前还需要进行哪方面的构思~

平面设计教程!怎么为品牌做延展设计?

1.确定主题

作为品牌来讲,它需要明确是什么行业、什么属性等问题。而我们的插画是事前绘制完成的,所以我们需要让这张插画有一个品牌主题才更好的进行延展。

画面元素

我们可以通过插画的表现主体,以及当中出现的主要元素来延伸为我们的品牌主题。

比如在我们的案例中就选择了占画面中心位置的茶点作为我们的品牌主题,也就延伸为一家做甜品的店铺,再结合插画的风格为国潮,我们的店铺就明确为一家国潮点心店铺。

除此之外,我们也可以将画面中占较大比例的人物作为主题,延伸为一家做旗袍的服装店等等。

平面设计教程!怎么为品牌做延展设计?

我们也可以根据画面主题来延伸为品牌主题。比如,画面中的人正在露营,那就可以延伸为一家户外运动基地的品牌等等。

平面设计教程!怎么为品牌做延展设计?

2.物料选择

接下来根据你的主题,确定你要延展的物料。

①真实性

也就是说,你选择的物料一定要这类店铺实际能用得上的。比如一家甜品店,就可以做一些产品的包装、打包袋、点单小程序、餐具等等。这里就不能单纯追求视觉效果,选择一些毫不相干的物料了。

这里也就是为了你的品牌整体更合乎逻辑,更具真实性,从而让观看者信服。对于自身而言也更加有锻炼意义

平面设计教程!怎么为品牌做延展设计?

②物料属性

这里我们将物料大致分为视觉向和编排向。

平面设计教程!怎么为品牌做延展设计?

视觉向是什么?

也就是纯粹的视觉展示,里面不涉及太多的文字信息。比如手机壳、徽章、咖啡杯等等。

平面设计教程!怎么为品牌做延展设计?

编排向是什么?

除了部分视觉展示,还有更多的文本信息,从而更加考验文本编排能力。比如菜单、优惠券、工作证等等。

平面设计教程!怎么为品牌做延展设计?

这里做区分的目的是为了更好的展现自己的能力。如果你的编排能力比较好的话可以尝试假如一些编排向的物料,让自己的优势更好的发挥出来;反之,如果编排能力较弱的话,就扬长避短,选择更多的视觉向物料,少量放一些编排简单的物料来丰富~

二、实际制作

1.两个方法快速制作品牌 LOGO

我们的创作目的是对于插画进行更好的包装呈现,并不是真正创建一个品牌,所以有设计logo的能力更好,但如果没有相关经验的话,在logo 上就不用太过纠结。这里有两种快速解决的方法。

①插画中提取

在案例中就将主体人物作为我们的品牌形象,并且进一步添加文字编排为品牌logo。或者也可以提取一些简单的几何图形,只要是风格调性贴近就都可以。

平面设计教程!怎么为品牌做延展设计?

②纯文字

如果画面中实在找不到合适作为logo的图形元素,就可以用品牌名字直接选择一个气质相符的字体作为文字型logo使用也可以。

平面设计教程!怎么为品牌做延展设计?

2.插画部分

首先给我们的插画加入一些有效的品牌信息来作为品牌主视觉,也是为了确定品牌的基调。

从我们的画面中可以观察到这是一个偏中心对称式的构图方式,且中心部分元素设置比较干净非常适合放置主标题。其他情况下也可以通过移动元素来使文字信息更好的融入版面。

平面设计教程!怎么为品牌做延展设计?

除了主标题之外,也可以适当放置一些说明性文本来强化一下品牌属性。比如当前案例中,仅凭若鸿阁这个名字并不能让人知道这是一个什么样的品牌。所以根据当前构图形式分别在画面两段及顶部放置了一些点明主题的说明文本。

平面设计教程!怎么为品牌做延展设计?

这样就更像一个商业品牌插画了。

3.延展物料

品牌基调确定好之后就可以开始延展物料了。

①系列包装

系列感

平面设计教程!怎么为品牌做延展设计?

这部分的关键点在于“系列感”,不管是系列包装,还是其他具有系列感的物料,我们都要给这套作品制定好设计规范。哪些元素一直沿用,哪些元素可以做出区别变化。一般情况下,我们会选择使用相同的构图、字体,然后在不同版面上对于主视觉、颜色、文案等做出变化。在我们的案例中就是使用了这种方法。

元素丰富

除此之外,系列包装还需要你的插画中有足够丰富的元素来拆分成多个版面,如果原本插画中元素较为单一,则需要进行再创作,或者选择其他物料。

设计过程

a.确定大框架、主视觉以及做出色调区别。

平面设计教程!怎么为品牌做延展设计?

b.根据主视觉元素拟定产品名,注意他们之间要有一定关联性。然后放置包装相关文案信息。

目前仅从视觉上,主视觉和产品的关联度没有那么高,所以在品名下方圆圈部位也可以补充一个糕点小插画增强产品属性。

平面设计教程!怎么为品牌做延展设计?

c.添加辅助元素以及点缀性文案来完善一下版面

平面设计教程!怎么为品牌做延展设计?

②优惠券

平面设计教程!怎么为品牌做延展设计?

优惠券有非常多表现方法,这里使用的是主券副券的形式。副券用于核验,主券通常为顾客自行留存。所以根据功能的不同,表现得内容也有区别,副券主要体现的就是相关的优惠信息,比如优惠金额、注意事项、核验码等等。而主券则主要表现美观性,添加少量品牌信息即可。

设计过程

明确版面属性→确立大框架→细化版面→整体调整

平面设计教程!怎么为品牌做延展设计?

③小程序

平面设计教程!怎么为品牌做延展设计?

这里主要还是为了体现一些功能性,所以板块划分很重要,把最主要的banner及点单功能主要呈现出来,其他部分自由发挥即可。

设计过程

平面设计教程!怎么为品牌做延展设计?

④打包袋

平面设计教程!怎么为品牌做延展设计?

它整体倾向于视觉向的物料,所以这里可以多多注重视觉上是否美观。除此之外也可以适当补充一些品牌信息,比如品牌LOGO、营业时间、公众号二维码等等。

设计过程

平面设计教程!怎么为品牌做延展设计?

⑤打包盒

平面设计教程!怎么为品牌做延展设计?

首先需要明确的是物料使用场景所决定的突出重点的不同。如果打包盒是店内指定产品所用的打包盒,那这里需要突出的就是产品信息;如果是店内通用的打包盒,那就不会出现某个产品的信息了,主要凸显品牌信息就可以了,如下图所示。

设计过程

平面设计教程!怎么为品牌做延展设计?

⑥小票

平面设计教程!怎么为品牌做延展设计?

传统的小票整体更强调文字信息的表达,白纸黑字,几乎没有什么图案和色彩的表现。但现在也有很多更加具有趣味性和美观度的表现方式,比如在文案上除了基础的品牌信息和交易信息,还能结尾附上一些文字型故事及注意事项,又或者一些简单的单色漫画等等,这些都是我们可以自由发挥的地方。

以及小票的颜色也可以更加靓丽,再添加一些简单的单色图案,一张简单的小票也会有很多的设计空间~

设计过程

平面设计教程!怎么为品牌做延展设计?

⑦餐具包装

平面设计教程!怎么为品牌做延展设计?

这里因为版面尺寸缩小了,所以整体都做了减法

首先在logo上,原本的人物细节过多,所以简化为几何图形,主要凸显品牌名。在编排上,则保留了原本的构图形式,简化了文字信息。在视觉上,没有了插画的呈现,仅保留了主色调,这不仅是受制于版面大小,还是为了在整体版面里更有主次关系。

平面设计教程!怎么为品牌做延展设计?

三、后期调整

所有物料做完之后,记得把它们都放在一起统一进行调整,使整套物料更加和谐统一

平面设计教程!怎么为品牌做延展设计?

1.主色调

首先要检查的就是整体在色调上是否清晰明确,是否有颜色滥用情况。

平面设计教程!怎么为品牌做延展设计?

2.表现形式

其次在构图方式,编排样式上是否达成相对统一,而又能针对不同版面情况做出变化。

平面设计教程!怎么为品牌做延展设计?

3.主次关系

最后就是整体的主次关系上,尽量避免所有物料都“尽善尽美”而忽略了整体效果。对于小尺寸物料和仅做装饰点缀的物料要适当做减法,这样在整体观感上就会更加“透气”。

平面设计教程!怎么为品牌做延展设计?

读到这里,这篇文章就结束啦。以上品牌延展设计步骤,是我们平面营辅导同学们的训练方法。我个人建议你多看几遍并收藏下来,在准备作品集的过程中,多做些成套系的品牌延展作品。

哪怕你刚毕业,或者没有接触过很好的实际项目案例,也能够用虚拟设计项目,积攒出较为真实可靠的作品,并用它们来找工作打动面试官!

如果你不知道如何做虚拟项目,以及准备作品集的方法,可以看下平面营-杨洋讲师写的这篇文章:

如果你还想系统学习平面设计,在实践中进步,欢迎报名「优设平面设计实战营」:

文末向大家展示一些平面营学员的训练作品:

品牌插画延展设计:

平面设计教程!怎么为品牌做延展设计?

平面设计教程!怎么为品牌做延展设计?

平面设计教程!怎么为品牌做延展设计?

平面设计教程!怎么为品牌做延展设计?

平面设计教程!怎么为品牌做延展设计?

专辑&海报设计:

平面设计教程!怎么为品牌做延展设计?平面设计教程!怎么为品牌做延展设计? 平面设计教程!怎么为品牌做延展设计? 平面设计教程!怎么为品牌做延展设计?

如果你想加入平面设计实战营,系统学平面知识,以及有人指导作品,一对一提升沟通能力。

打开微信添加咨询师
获取更多「平面营」详情

👇🏻👇🏻👇🏻

【 可乐:uisdc3 】
【 大胖:uisdc5 】

学完这篇教程的人还在学…

11 收藏 54

非特殊说明,本站 UiiiUiii.com 上的教程均由本站作者及学员原创或翻译,原作品版权归属原作者,转载请联系 @优优教程网 授权。

转载时请在文首注明,来源 UiiiUiii.com 及教程作者,并附本文链接。谢谢各位编辑同仁配合。UiiiUiii 保留追究相应责任的权利。

复制本文链接
img

发表评论 快来秀出你的观点

还可以输入 800 个字
yzm
 
 
加载更多评论
没有更多评论了

优优教程网 365 天打卡计划

点击 #优设每日作业# 进入微博超话页面,上传并发布你的练习作业,话题微博格式【 优优教程网365打卡计划 – DAY 01 】,优秀作业将有机会被 @优优教程网 官方微博转发点评。

/

支持键盘 ← → 键翻阅图片