到底怎么为品牌做延展设计?这次理论和操作全都教给你

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

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

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

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

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

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

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

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

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

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

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

①真实性

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

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

②物料属性

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

视觉向是什么?

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

编排向是什么?

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

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

①插画中提取

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

②纯文字

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

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

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

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

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

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

系列感

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

THE END
1.分享6个连设计师都不知道的网站,拒绝加班!一个公益组织,为设计师提供设计干货及资源,站内所有收集的资源都能免费下载,且资源都经过组织成员测试后再发布,保证资源绿色,大家可放心使用。 二、Flaticon:Freepik旗下免费icon图标贴纸素材下载平台 一个提供免费矢量图标下载的平台,拥有超过300万个图标素材,涵盖各种主题和风格,适合于各种应用场景。用户可以免费下载https://www.bilibili.com/read/cv40046952
2.小程序LOGO设计免费生成器小程序LOGO免费设计在线生成标智客小程序LOGO在线设计软件为企业在线生成小程序LOGO图片,提供小程序品牌标志生成模板、小程序标志图片素材下载,是LOGO免费在线生成平台!https://www.logomaker.com.cn/logo/tag/4727/
3.标小智LOGO设计神器公司logo设计在线制作生成器标小智是一款智能LOGO在线设计生成器。只需输入品牌名称就能免费在线生成公司logo设计,商标设计,以及配套企业VI助您打造个性品牌。https://www.logosc.cn/
4.人工智能在线问答地质学在线问答?六、人工智能名片在线制作免费生成? 1、手机登录个人微信页面,然后依次查找到“发现”——点击“小程序”。 2、在右上角的小放大镜处——搜索框输入“名片”。 3、在搜索下拉框会出现多种可以创建微信小程序名片的小程序,这时候我们只需要选择第一个“名片”或者你喜欢的小程序即可创建属于自己的微信小程序名片。https://tool.a5.cn/article/show/69662.html
5.LOGO和图标,你真的明白两者的异同点么?优设网“让你的LOGO设计独特并不是意味着它必须是突破性的设计。你可以尝试将思路放在同其他品牌去分开上来,甚至可以将你所喜欢的元素适当的融入其中。” 图标是什么? 图标这个词,严格意义上是进入数字化时代之后才广泛运用的词汇,尽管它的实际使用时间已经有好几百年了。最突出的例子就是古代文献中的宗教符号,它们也是图标https://www.uisdc.com/everything-about-logos-and-icons
6.logo设计公司logo在线制作logo设计在线生成凡科快图提供logo设计、店铺logo设计在线生成、公司logo在线制作、等多款创意logo设计工具,3秒快速生成精美可商用公司logo!无需下载即可在线设计logo,logo设计就找凡科快图。https://kt.fkw.com/logosj.html
7.小程序logo小程序logo模板可编辑下载小程序logo设计 创客贴拥有海量精美的小程序logo设计模板和小程序logo设计素材,每一个模板都可编辑 文字图片背景皆可修改,简单3步即可完成在线小程序logo设计制作 免费使用 小程序logo图片一键生成 每一张设计模板、图片都可以在线编辑,替换文字就能生成精美设计。 您也可以DIY托拉拽轻松创意设计。下载设计时,会进行版权https://www.chuangkit.com/polymer/885853.html
8.分享6个万能小程序设计组件库,直接套公式在小程序蓬勃发展的浪潮中,设计一款出色的小程序犹如雕琢一件精美的艺术品。而小程序组件则是艺术家手中的画笔与刻刀,精准地塑造着小程序的每一处细节与功能。今天,我们将聚焦于 6 个关键的小程序组件,它们如同闪耀的星辰,为你照亮轻松掌握小程序设计的康庄大道,引领你在小程序设计的浩瀚星空中自由翱翔。 https://zhuanlan.zhihu.com/p/12531441502
9.微信小程序LOGO矢量素材微信小程序标志组合矢量素材腾讯微信小2023-10-24yiyiLOGO关注668次已收录 素材详情 EPS素材LOGOLOGO矢量图LOGO矢量素材LOGO素材LOGO设计png免费素材免费png素材小程序小程序LOGO微信小程序微信小程序LOGO微信小程序LOGO矢量图微信小程序LOGO矢量素材微信小程序LOGO设计微信小程序标志微信小程序标志矢量图微信小程序标志矢量素材微信小程序标志设计微信小程序矢量图http://www.epspic.com/9261.html
10.Logo设计,3DLogo设计,SEO服务,SMO服务,小册子设计,横幅设计产业互联网,苹果应用,安卓应用,软件开发,软件外包,软件定制,APP开发,物联网,大数据,人工智能,硬件开发,研发,小程序开发,电商网站,跨境电商,Logo设计,3D Logo设计,SEO服务,SMO服务,小册子设计,横幅设计,靠谱软件,优质开发,第一开发,技术支持,CTO服http://www.isoftvalley.cn/
11.官网制作小程序开发软件APP开发LOGOVI设计LOGO设计服务、网站焦点图设计服务、网站整体装修美化服务、首页定制设计服务等 微信对接服务 微信公众号申请和认证、微信公众号配置、微信登陆接口配置等 支付接口配置服务 微信支付接口配置、支付宝支付接口配置、网银支付接口配置等 APP上架服务 苹果开发者账号代申请、上传苹果Store、上传360手机助手、上传腾讯应用宝、上http://www.hmyt.net/
12.免费logo在线制作,logo设计,logo在线生成,字体logo设计,U钙网U钙网遵循标志logo设计理念的艺术规律,创造性地探求恰当的艺术表现形式和手法,使所设计的标志logo具有高度的整体美感、获得最佳视觉效果。 最新原创设计更多 免费LOGO设计案例 最新图标字母图标动物图标厨师美食房屋建筑植物图标龙凤神兽商标设计文字设计欧式花纹 https://www.uugai.com/
13.20款最佳Logo设计软件+在线网站/工具推荐(免费/付费)相信大家在设计Logo的时候都绞尽脑汁,想要得到一个完美的Logo可没那么简单,如果你是设计小白,那么可以去一些Logo设计网站上寻找灵感,这些Logo设计工具可以帮助你设计各种类型的Logo,并且可以将他们下载下来。这里就为大家推荐一些国内外最佳Logo设计软件+在线网站/工具,其中有一些是免费的Logo在线生成器,也有一些是需要https://www.extrabux.cn/chs/guide/7965598
14.北京网站建设小程序开发网站设计制作公司小程序开发 网站建设 搭建产品/客户商业桥梁 互联网时代,随着用户获取信息的习惯养成,官网作为企业宣传的地基,发挥着越来越大的作用,我司拥有11年行业经验,助力企业拥抱互联网+。 标准网站 官网定制 H5高端设计 品牌设计 助力品牌高效传播 品牌LOGO/VI 画册/海报/包装 https://www.wangzhan360.com/
15.Logo制作Logo免费设计在线生成Canva可画免费Logo制作工具,拖拽式操作简单易上手,免费模板导出图片无水印,还有丰富的Logo模板和Logo素材可供选择,助你轻松在线制作出精美的Logo!https://www.canva.cn/logos/
16.小程序LOGO设计>视觉规范>小程序设计规范>小程序 LOGO 小程序 LOGO 更新时间:2023-07-28 17:43:14 订阅更新 我的文档 设置 小程序 Logo 将在开发者平台、支付宝客户端、小程序页面内展现。为了能够在众多的支付宝小程序中脱颖而出,请使用清晰、大小合适的 Logo 切图,以保证在界面展现上的美观和完整。 https://opendocs.alipay.com/mini/00mpjh
17.应用微信小程序logo设计案例合集:“免单单”应用微信小程序logo设计案例合集:“免单单” ? 应用微信小程序logo设计案例合集:“免单单” 下面的内容将为您推荐关于“免单单”logo设计,希望能帮助到大家。如果大家需要logo设计的话,可以加下面微信联系小编哦。https://m.epbiao.com/shangbiaos/33336.html
18.头号灵感?网站定制开发小程序开发logo设计头号灵感? 【156-0635-1330】立足聊城覆盖济南、威海、烟台、德州等地,专业从事互联网产品设计开发和及品牌设计相关业务,主要经营项目为:网站设计定制开发、小程序开发、logo设计、画册设计、VI设计等。http://www.touhaolinggan.com/
19.微信小程序的设计尺寸是什么?这套UI设计规范收好!比如,标签栏和导航栏要按规定的尺寸设计,不能自定义;导航栏和标签栏的层级是最高的,弹窗不能喧宾夺主;启动页除了产品 logo,页面的其他元素都要使用微信提供的素材等等。细节决定成败,小程序设计的细节很大程度会决定用户是否会再次使用。 4.Android和 iPhone 的屏幕尺寸和图标尺寸https://js.design/special/article/wechat-applet-ui-dimensions.html
20.Logo为什么要使用网格?成都网站建设网站设计网站制作1对1定制服务,PC端+手机端+小程序多端应用 让我们假设一下,刚好你需要设计一个logo,或者根据你的品牌或企业理念来设计一些专属你自己的图标元素,以便在接下来的网站设计或品面设计中使用,你会从哪里开始呢?形状规划?排版?还是从基础的网格雏形开始? 对于许多正在规划或者已经开始动手实施Logo设计的设计师来说,logohttps://www.guel.cn/teach/201709/165.html