如何建立品牌基因,在线教育给你支招

释放双眼,带上耳机,听听看~!

要说品牌这个词很大,可以包括:产品服务、视觉系统、互动行为、语言系统四个维度。品牌的表现形式也多种多样:比如海底捞舒心的服务,比如可口可乐洋气的红色,比如支付宝零钱到账的声音…

如何建立品牌基因,在线教育给你支招

今天我们只从视觉的角度,来看在线教育行业是如何设计和运用他们的品牌基因。

本篇文章侧重颜色和图形两方面的运用,案例截图来源于:作业帮直播课、高途课堂、猿辅导、一起考教师

希望对你有启发。

一、颜色

今天我们的颜色案例,来自作业帮直播课的logo绿。让我们看看作业帮直播课是如何将这个绿色,应用到各类运营图中呢。

1、插图。

插图塑造出的男孩角色,我们姑且叫他小A。

如何建立品牌基因,在线教育给你支招

小A在不同的场景里展示不同的形态造型,并身穿一件以logo绿为主的短袖。

人物和衣服区域基本被设计在画面中心位置

整体来看,虽然绿色作为辅助色在页面中占比不多,但处于画面中心依然能够增加用户对它的关注度。

另外,因页面整体配色是围绕logo绿作为发散,主色基本是以比较稳妥的临近色蓝、或对比色橙,作为选取方向。

如何建立品牌基因,在线教育给你支招

在饱和度较高的画面里,logo绿作为辅助色在画面里对比明显,也会作为重要配饰出现在人物身上。

2、详情。

用户通常会在详情页停留较久的时间,他需要通过阅读详情页,判断这门课程是否适合自己。

如何建立品牌基因,在线教育给你支招

我们可以看到,在一屏以内的有限空间里,logo绿会以较大面积的色块的方式出场,其次是线条、小点缀。

每一屏里,logo绿出场频率约有三次,甚至更多。

当然,页面也规范了不同浓度的黄、红的色彩值,以中和绿色过多带来的疲劳感。

如何建立品牌基因,在线教育给你支招

我们在设计绿色模块的场景时,也要结合文案内容和画面的美观性综合考虑,避免给用户带来刻意为之、有碍信息识别的现象。

要知道,加深用户对该颜色的敏感度只是一方面,更好的状态是:

这些色彩的添加都是有意义的,既能帮助用户快速理解文案,又能达到一定的美观和品牌传播效果。

3、图书。

我们逛超市时,是从商品的堆码中穿行。商品排列整齐但也密密麻麻,它们会有一个相对优惠的价格。

而我们逛商场时,会发现不管是包包、鞋子、或者其他品类,每一款商品都会放在一个独立的展台上展示,品质感剧增

作业帮直播课在图书画面的设计上,也是采用了类似商场里商品的陈列方式,给我们的图书搭建了高低错落、极具空间感的展台。

如何建立品牌基因,在线教育给你支招
如何建立品牌基因,在线教育给你支招

站立的书本,相比平摊摆放的书本,也带来更多气势感

在展示图书的整个空间里,如果书本是绿色的,那么背景会是邻近色或对比色;如果书本不是绿色的,那么背景则采用作业帮固有的logo绿。

要知道,线上教育平台的图书种类是非常多的,但作业帮直播课依然能够根据不同课程的图书封面特点,针对性地匹配出具有品牌特征的宣传图。

可以看到作业帮的讲究和用心。

二、图形。

对在线教育来说,会有一些常见的场景,比如:讲师介绍、图书封面、长文案信息等。

那图形和这些场景又有哪些结合的可能性呢?我们来看看高途课堂猿辅导是如何做的。

1、基础图形。

从下图我们可以确定,这个从左往右犹如阶梯上坡的倾斜矩形,即为高途课堂的基础图形。

如何建立品牌基因,在线教育给你支招

确定基础图形后,可以将人物、图书、文字等素材嵌入或穿插,让它高频出现在用户面前。

图形配合大面积色块,加强形状记忆。

在这里要注意,形状内外的颜色对比最好要明显,比如高途课堂都是以白色为底色,以饱和度较高的红或其他颜色来铺满基础图形。

如果基础图形的颜色饱和度较低,形状的边缘也会相对弱化,这个需要根据具体的设计场景来考量。

2、局部图形。

我们再提取高途课堂基础图形的关键特征,比如只截取基础图形的上半部分或者下半部分。

如何建立品牌基因,在线教育给你支招
如何建立品牌基因,在线教育给你支招

我们刚刚讲到的人物、图书、文字等素材,一样可以嵌入到这个局部图形中。虽然只有局部,但依然具有基础图形的明显特征,且易于识别。

3、图形变化。

无独有偶,猿辅导同样也拥有自己的基础图形,可以将人物、图书、文字等素材嵌入其中,或者将基础图形组合变化后应用到各个场景中。

看下面的几张截屏,你能确定猿辅导的基础图形么?

如何建立品牌基因,在线教育给你支招
如何建立品牌基因,在线教育给你支招

基础图形还可以尝试使用:重复堆叠、经典穿插、纯覆盖、纹理嵌入、色块变描边、大小或角度变形等多种方式来丰富视觉表达,有很大的迭代和想象空间。

当然最后设计出来的新图形最好识别度依然高且视觉美观

三、未完待续。

对于视觉设计师,在助力品牌传播的过程中还有哪些可能性?除了颜色和形状,还有没有操作简单、极易上手,但也能看到设计师的小心意呢?

我们可以学习一起考教师,在每一个可以打标的位置加上自己的品牌标识。

如何建立品牌基因,在线教育给你支招

我们也可以学习高途课堂,把中文口号或者文案拼音变成装饰点缀,融合到画面中。

如何建立品牌基因,在线教育给你支招

对于视觉设计师来说:建立出自家特有的品牌基因,是一件非常重要的工作。

好的品牌占领用户心智。哪怕一种颜色、一个图形,都能让用户第一时间想到它,这就是建立了成功的品牌基因。

其实,从用户进入APP开始,整个场景设计就应该开始了将品牌基因结合内容高频地展示在用户眼前,让用户在不知不觉中形成长久记忆,将品牌感渗入到用户心中。

那么同为设计师的你,平时会使用哪些方法规范、或者完善品牌形象呢?

或者你觉得还有哪些APP品牌识别系统做的非常优秀呢?

给TA买糖
共{{data.count}}人
人已赞赏
产品设计

WMS系统:盘点设计

2021-5-24 9:33:26

产品设计

产品交互分析,如何吸引用户注意力?

2021-5-24 11:19:08

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索