加入收藏 | 设为首页 | 会员中心 | 我要投稿 核心网 (https://www.hxwgxz.com/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 建站 > 正文

这里有个banner的设计方法,不知当讲不当讲!

发布时间:2017-06-16 02:45:14 所属栏目:建站 来源:沪江UED
导读:副标题#e# 众所周知,沪江网校一年有几次大促,作为集团门面的hujiang.com在 2014 年改版后正好赶上了 1212 大促,于是迎来了新版第一次投放大促banner的机会。 这次大促的banner投放,点击率感人 于是这个位置自然而然的变成了大促时必用的banner位,而且

三个点击率不错的banner中有两个是借鉴的孟菲斯风格,并且取得了非常不错的成绩

这里有个banner的设计方法,不知当讲不当讲!

在领悟了借鉴的精髓之后,我拿到banner需求开始思考

  1. 我不能再做“差不多”先生了。

  2. 能否通过某经典设计来帮我提供一些灵感,去诠释这次活动的主题呢?

我想到了孟菲斯设计 为什么呢?且看以下分析:

孟菲斯风格形成的背景:

社会大环境:上世纪初,在包豪斯的思想率领下,现代美学进入了一个新时代,理性的,规矩的设计理念已经影响了几十年,到 80 年代的时候,世界上的产品设计慢慢发展到了一种冰冷的,无感情的时代。

这里有个banner的设计方法,不知当讲不当讲!

有些设计师认为产品的设计不应该是这样的,应该是让人用起来感觉轻松的,愉悦的,富有热情的。因此,他们开始试图打破这些规矩,balabala经过一系列改革,最后形成了孟菲斯风格。此风格最早是用于建筑设计,室内设计和家具设计。

这里有个banner的设计方法,不知当讲不当讲!

孟菲斯风格的特点:

  1. 在色彩上常常故意打破配色规律,喜欢用一些明快,风趣,彩度高的明亮色调,特别是粉红、粉绿等艳俗的色彩。

  2. 强调手工艺方法之作,并积极从波普艺术、东方艺术、非洲拉美的传统艺术中寻求灵感。

  3. 在构图上往往打破横平竖直的线条,采用波形曲线,曲面和直线、平面的组合,来取得室内意外效果。

  4. 超越构件、界面的图案,色彩涂饰。

带来的社会反响:

立刻引起了许许多多年轻人的关注,得到了一大票簇拥者,有太多人想要恢复活泼,想要跳出性冷淡去拥抱热情,因此在社会上传播非常快,名声大噪。

再来看我们现在所处的环境:

一种,扁平化,简约风,配色最好不要多于 3 个颜色,形状最好圆是圆,方是方,横平竖直的构图等等,这些“规则”已经盛行在互联网行业很多年了呢。

我们的审美似乎又被卷回到了历史的漩涡中很久了。

我们的受众:有学习需求的那些人啊!

我朝学校的教育风格… 难道我们到了互联网上,还要带来差不多的感觉?

我们当然希望传达给他们一种轻松,活泼,愉悦的感觉,让大家怀着一种愉快的心情去学习知识,自然而然的接受知识。

我们的产品:教育

我们不像很多商家有漂亮的实体产品图,我们能做到的就是利用虚拟的视觉语言去传达这些情感,从图形,从色彩,从构图这些方面着手。

这似乎和当年孟菲斯风格的形成有一些相似之处,于是我大胆的借用了他们的一些视觉传达方法:形状,色彩。

但是我们和孟菲斯风格又有一点不一样,毕竟我们还是一个严肃的产业,我们不需要过多的怪诞和非主流。

在此之前,团队已经做了一些关于情感化设计的尝试,从配色,材质等特点上已经有一些属于沪江自己的东西(参阅之前公众号推出的节日氛围图)

这里有个banner的设计方法,不知当讲不当讲!

于是,把团队已沉淀来的配色方式加上一部分孟菲斯设计的传达方式。

最后产出的banner具备以下特点:

  1. 运用几何图形做装饰元素,既是具象的,又是抽象的。

  2. 配色虽是明亮的,同时又是温和的,是多彩的,又是协调的。

  3. 会利用一些渐变来增加层次感,会加一些肌理来丰富细节。

整个风格给人的感受就是轻松愉悦的,符合我们之前的预期,投放后的效果也大大的超出了我们的预期,说明这次的方向是正确的。

除了配色进行了调整,字体和排版,也选择了比较严谨的方式方法。

字体,几乎没有做变形,保持了字体的易读性,毕竟氛围已经够轻松,那么字体和排版就不宜再松了,应该适当的严谨。毕竟我们的目的是希望用户能在一个轻松的氛围种聚焦到活动主题的。

由于唠叨太多了,我们千万别把重点中的重点弄丢了,以上讲的是做活动时从经典设计中汲取灵感的方法。

不同的活动,不同的目的,不同的受众我们可以找到不同的经典设计思路,难道我们的风格就要随着这些风格一直在变化吗?这不又成了差不多先生嘛?

注:相关网站建设技巧阅读请移步到建站教程频道。

(编辑:核心网)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

热点阅读