用写文章的思路设计banner

工作中接触了一些banner设计的工作,借着本次整理思路的机会顺便和大家分享下,不周之处欢迎沟通指正。


工作中接触了一些banner设计的工作,借着本次整理思路的机会顺便和大家分享下,不周之处欢迎沟通指正。

用写文章的思路设计banner

从场景上来说,pc-室内-长时间-相对沉溺,移动端-随时随地-随时可能离开-碎片化。在设计banner的时候使用场景也是必须要考虑的因素之一,本文主要就移动端的场景浅谈笔者的一些个人见解。 相信每一篇文章的命题都有一定的时代意义,做banner也是一样,拥有自己的使命,下面先了解下:

一、为什么要设计banner

用写文章的思路设计banner

不以转化为目的的banenr都是耍流氓。

粗俗点概括上图就是:一看二点三买。 正常来说就是通过真实有效的信息传达来吸引用户点击购买继而不断的实现商业价值。

1、信息传达

其实就是告诉别人你是干什么的。对于电商来说就是告诉受众是卖什么的。要求信息正确、真实有效(新法规)、传达视觉的路线清晰明了。

快— 一瞥即见

强调第一眼,鲜明的视觉中心。如果一眼望去都没能明白这个图片在诉说什么,很多情况下受众就会转身离开。 想要一眼有所得,就需要有清晰的视觉层次,换个角度说你希望受众第一眼看什么,接下来看什么,然后是什么……一般来说用户在一个画面的停留也就几秒钟,所以建议内容不要太多不然很难抓到重点而错失良机。 左图引导线路:一元吃火锅-火锅图案-送流量-看起来不错,进去看下~ 右图引导线路:2013-双肩包-花-99元-这到底在说什么呢?再见吧~

用写文章的思路设计banner

左图引导线路:一元吃火锅-火锅图案-送流量-看起来不错,进去看下~

右图引导线路:2013-双肩包-花-99元-这到底在说什么呢?再见吧~

2、吸引点击

首先漂亮的图片不一定就是好banner。就像是好看的界面不一定是好产品一样(不能跑题)。 什么样的banner才能引得用户去点呢?

准—一针见血

了解用户群,迎合他们的期待,摸清楚他们的兴趣点。 越来越多的人选择在互联网上购物多半是足不出户,还可以得到更多的优惠或者服务。那就放出优惠和服务,喊出口号来。

狠-刀刀见血

戳中痛点的文案。 如果上面是喊出了口号,这里就是要口号响亮!如果打的就是低价、折扣、满减、服务,请让他们够醒目,一瞥既见!

用写文章的思路设计banner

另一种事件营销类,组织、策划利用新闻热点、人物、事件,吸引媒体或者消费者的注意和兴趣,以提升企业名誉、服务、销售的方式。(如下图)

用写文章的思路设计banner

其实在写作中,我们通过中心思想告诉读者道理和内涵那么banner就是通过视觉告诉受众卖什么和怎么卖!

3、商业价值

互联网有句老话,只要你能实现用户价值,就一定能带来商业价值! 话题大,内容多, 以后专项论述。

二、怎么样设计banner

1、中心思想

一般来说拿到一个需求建议不要立即就做,你需要分析项目的目标受众,客户的年龄,性别,收入,职业,位置和生活方式。 了解你的受众是确保你传达正确信息的关键。然后就是想怎么样才能突出想表达的主题,这就需要一个中心思想。既是我们想要表现的主题。

2、合适的风格

文章中为了表达中心思想会运用拟人、排比、对比等修饰手法,在设计中为了突出主题,也会运用一些视觉表现手法: 民族风-古典的、复古的的、文化底蕴的; 扁平风-活泼的、简单的; 写实风-场景再现,增加真实和代入感; 小清新-色彩清爽,气氛轻盈; 手绘风-个性,随意,趣味性; 舞台风-大促或者颁奖的镁光灯聚集感; 不管是写作还是设计banner目的其实都是一样,都是为了更好的烘托主题,表达出想要的气氛、抒发的情感。

3、合理的构图

设定好风格之后,开始考虑画面的结构,这个多数会根据使用场景的宽比决定,越来越多的电商首页轮播位是比较扁的,所以在布局这类图片时不建议太复杂,文案尽量醒目。 下面是最常用的三种结构:左右,左中右、居中。

用写文章的思路设计banner
4、字体的性格

字体性格的把握就像我们文章中人物性格的塑造。鲜明的性格反应笔者不同的立场观点。 我们可以通过提问的方式找到答案:什么样的字体适合这个主题?字体变形是为了表达什么?变形后好识别吗?受众看到这种字体会想到什么?字体大小是否合适?…… 由于使用场景和阅读习惯,要求一级文案明显,卖点加强。

5、背景素材的呼应搭建

不要为了装饰而装饰,所有的装饰都要有意义! 素材是为了衬托主题,增加联系,丰富血肉。 文章中有动静结合的手法,设计中也有虚实相间的处理。 大家肯定会经常看到很多banner上有飘落的树叶、飞鸟、花瓣之类的有的没的小元素来增加画面的生气,作文中叫做动静结合。 细心的朋友还会发现有些景物的模糊处理。焦点是清晰的,周边是模糊的。这样就有了远近、虚实关系,作文中叫详细和粗略描写。 ……

6、最后的调整

从整体到局部,再由局部到整体。 常用的二个方法:

  1. 眼睛离开画面一会,再次回到画面的时候有没有一眼获取重要信息。
  2. 黑白模式下对比黑白灰关系。

三、设计的一般原则

  1. 以内容为主,装饰为辅,拱托的气氛与中心思想一致;
  2. 视觉风格统一;
  3. 视觉层次分明;
  4. 构图合理;

四、从web到app的移植

上面提到很多,这里再强调下,希望对新入手做移动端的童鞋有所帮助。 巴掌大的手机,占据冰上一角的banner,想想看确实容不下web端上的众多素材、特效、样式,必须做减法。少就是多,一样适用在这里。

层次清晰:前景文案+背景素材,色相分开。

用写文章的思路设计banner

文案2次提取:pc端由于空间较大,文案相对会多些,移植到app文案需要2次提取。

用写文章的思路设计banner

用写文章的思路设计banner

从pc的竖版式-app横版式-提取关键文案、突出卖点、优化图片 拒绝拥挤:很多童鞋做完了pc端会要求再做一份放到app,如果直接缩小尺寸放上去就会发现文案其实就是一团模糊的浆糊。

用写文章的思路设计banner

整体性:banner的整体性、色块化会加强app首页的模块感。另外一般的app顶端有状态栏和搜索区域,设计时要考虑减少这部分素材对视觉的干扰。位于搜索区域的背景色要与白色的字保持较大的反差。

用写文章的思路设计banner

五、一张图看懂本文

如果说文章的三要素是:人物+故事情节+时代背景 那么banne三要素就是:文字+色彩+场景素材 思路顺序总结:

用写文章的思路设计banner

以写文章的视角分析设计banner个人认为一是二者确有很多相同之处。文章通过文字,表达思想,设计通过视觉图像表达思想;再者那都是满满的回忆,不至于新手童鞋们读起来太过于陌生和畏惧。

 

作者:湖湖  途牛UED

本文由 @湖湖 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/29398/

(0)
CatherineCatherine
上一篇 2017-05-24 02:27
下一篇 2017-05-24 04:26

相关推荐

  • 如何应对交互设计中的技术实现问题

    数十万互联网从业者的共同关注!作者: 山晓,作者授权早读课转载。公众号:LEX设计生(ID:Lex-design)编辑:Dva技术实现是交互设计的last but not the least环节,甚至有时应该是设计优先考虑的问题,毕竟…

    2017-08-02
  • 浅谈iOS与Android设计规范:6类交互设计规范对比

    iOS和Android两个不同的平台,肯定是有很多区别的,下面就从交互的角度,谈谈区别。

    2017-05-03
  • 全面了解iOS 11

    作者:沄海   UI得以迅速发展,苹果公司功不可没,他开启了移动化浪潮,拥有了世界各地超过十亿的设备,有潜力使任何想法或设计成为主流。这一次,苹果对之前对设计风格做了较大变动。 今天分析的两个版本分别是 iO…

    交互专题 2023-03-03
  • 产品设计之行为学研究,四步打造影响力超高的产品!

    我们每天都感叹“改变”有多难——落空的新年计划、从未使用的健身卡、东西少吃点、存款留多点,可惜都止步在了yy。

    2016-08-29
  • 订单流程研究之提交订单

    在上一篇笔者有提到,平台不一定都提供货到付款服务,因此京东、唯品会和亚马逊在提交订单时需要选择支付方式,而淘宝天猫则是在提交订单之后才需要选择支付方式。提交订单之后,每种类型的订单可支持的操作也就不一样了。

    2017-05-31
  • 转化率低是设计师的问题?这锅我们不背!

    市场反馈好不好是由那些自带话语权或流量的人或产品决定的,这些人或产品既左右了大部分人的喜欢和习惯,又代表了大部分人的喜欢和习惯。转化率=(产生购买行为的客户人数 / 所有到达店铺的访客人数)× 100%

    2017-08-04
  • 优秀的UI/UX设计师需要具备哪些技能?

    互联网时代,企业对设计的要求越来越高,也越来越多样,那么成为一名优秀的设计师应该具备哪些技能呢?

    2017-05-12
  • AR场景下的交互设计研究——以中文输入为例 - UXPA中国2016行业文集

    增强现实场景下的交互设计研究         ——以中文输入为例1门文,百度时代总部,北京  2胡也畅, 邵颖,国际商业机器(中国)投资有限公司 摘要:随着近些年一系…

    2017-08-01
  • 【笔记干货】UCAN2017用户体验设计论坛

    作者: 阮小阮     忙忙碌碌一天这么晚还没睡是因为我在给大家编辑UCAN的干货哇~ 虽然我平常很懒,可我们真的只推干货哇~ 希望大家都能获取一些知识一些思考 互联网这么快,拥有平衡的能力真的很重要~!   董本…

    交互专题 2017-08-07
  • 重要交互设计原则

    不管是开发者还是交互设计师,每一位从业者都想要创造让自己自豪的产品。为了改善结果,两方人员一直在重新思考整个开发流程,要求有更好的工具、更好的指南、更高的权限。交互设计的强大力量不容置疑。它能让用户在工作、娱乐和交流之际,获得难忘、有效、简单,以及有益的体验。设计原则:1. 用户界面应该基于用户心理模型,而不是实现模型。2. 目标导向的交互设计反映了用户的心理模型。3.交互设计不是凭空猜测。4.不要让用户感觉自己愚笨。5. 界面设计的关...

    2018-03-01