相关分类
photoshop教程
Illustrator教程
CorelDraw教程
painter教程
Indesign教程
UI设计教程
sketch教程
设计理论
飞特网 顶部通栏广告

Banner设计思路分享

倾情发布于:2018-12-5 15:40 |原作者: darren_666|
倾情
河北省 衡水市 平面设计师
发私信 + 关注
简介: 前实习公司是一个生鲜B2B类电商公司,运营需求较多,尤其是APP的banner设计,本篇文章我将自己制作电商类banner常用的方法与之前设计的具有代表性的banner结合做一个阶段性的思考总结。


而在运营活动宣传banner中,主角虽然不是图片元素,但找寻或者设计跟活动主题相关的素材也很有必要,这样能够形象地传达主题,让用户更容易理解枯燥的文案(如图二,这是商品列表页头图banner,充满丰富感的图形元素较好地契合了主题)。

5. 背景颜色选择。

每种颜色都有特定的心理学含义,所以banner背景采用何种颜色要具体问题具体分析。下面将笔者之前设计的两张banner作为例子来分享背景颜色的选择。

图一banner是笔者为当时公司新上线了用户服务评价功能而设计的,背景选择橙色有两层含义:一是符合公司品牌VI色,这是很多设计场景用色的出发点,二是橙色暖色调具备的亲切感带给人一种信任感,符合banner主题;同时这里我也拉了一层渐变来丰富画面层次感,不让画面太"平"。

图二banner主题是上线了一项金融服务功能,背景色选择了黑金,黑金代表尊贵、财富,给予用户一种高贵的感觉,符合活动主题。

可以看到:1. 颜色选择需考虑到企业VI色;2. 颜色心理学对于指导设计有很大帮助;3. 颜色饱和度不宜过高,不然就"喧宾夺主"了,背景只是背景;4. 可以考虑添加渐变效果来丰富画面层次感。

6. 点缀元素。

到了该添加点缀元素时,banner主体就已基本完成了,点缀元素能够起到丰富画面细节,增加美感,甚至是画龙点睛的作用,同时也能起到激发用户点击,起到营销上的转化。点缀元素的形式多种多样,只有想不到,没有做不到,常见的类型有几何元素、实物、色块、纹理、光元素等。

如图,banner左上角的条纹跟下方的英文字母是点缀元素,试想如果没有这些点缀元素,banner会不会感觉缺点什么?

到这里,一个设计好的banenr就新鲜出炉上线啦!最后附上一张思维导图。

三、设计后

那么,banner设计好并且上线后,我们的需求是不是就完成了?严格来说并没有。设计不等同于艺术,它本质上是一种商业行为,做设计自然是为了服务于公司业务需要,banner也一样。在设计图上线后,我们最好能够与后台人员沟通然后跟踪并检验一下banner的点击量或者转化量有没有达到预期的业务效果,哪些的点击量高一些,哪些低一些,知道相关数据的目的是"以数据指导设计",只有真正了解用户需求,知道用户"口味",才能更少地为"自我"而设计,服务于商业需求。

四,总结

本篇文章是笔者第一段实习期中对于所接触工作内容的思考总结,分"设计前"、"设计中"、"设计后",相信对于今后的设计工作具有普遍的指导作用,banner设计只是笔者最常遇到的一个典型例子。此文谈不上教程,因为还够不到教程的级别,写banner教程的优秀文章多了去了,本文只是一篇纯粹的分享,文中不少设计时需要注意的要点都源自于我在前实习公司的两位老大,这是两位非常优秀的设计师,非常感谢他们对我的耐心指导。当然了,师父领进门修行在个人,不断的思考总结并有效指导工作才是一个职场人能够形成持续战斗力的根本。

第一次写文章,没有多好,感谢您的耐心阅读。

FEVTE编注:更多平面设计理论学习请访问飞特网平面设计理论知识栏目,地址:https://www.fevte.com/plan/shejililun/

123
27

好评
17

差评

刚表态过的朋友 (44 人)

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

  • 飞特游客

倾情
河北省 衡水市 平面设计师
+关注 发私信

最新评论

您需要登录后才可以评论和提交作业 登录 | 立即注册
本周热点文章
2020 新飞特 从心开始
关于飞特| 广告服务| 付款方式| 版权申明| 网站地图| 联系我们| 加入我们| 举报| 帮助中心| 移动版| 手机版| 飞特网

委托设计