• 设为首页
  • 加入收藏

威廉希尔国际

  • 集团简介
  • 产品中心
  • 解决方案
  • 集后服务
  • 技术支持
  • 销售网络
  • 招聘人才
  • 联系我们

做好banner我总结了这5类基础知识!!!

2018-12-17 00:34:16  作者:  来源:本站  浏览次数:  
简介:   大家发现没有,大体上 banner 版式可分为两种:图文左右排版、文字居中 ...

  大家发现没有,大体上 banner 版式可分为两种:图文左右排版、文字居中。推荐阅读:“为什么我做的banner这么丑?”其实这里大有学问。

  当 banner 中需要包含具体的素材,如某位大咖、某件产品时,一般会选择左右排版。并且图文比例约为6:4(接近0.618的黄金比例)。

  如果 banner 中只有某位大咖、某件产品,而没有文字衬托,用户就不会知道 banner 想表达的什么。

  如下图,banner 中只有一位拉大提琴的中年外国男子,人们会猜测这男子的个人专辑发布了?他是谁?所以,通过图片用户只能对信息有个大致了解。

  相反,如果把 banner 中图片部分遮去,而只保留文字部分。人们能够获取的关键词有:5首电影歌曲、回忆过往的。因此即使没有配图,文字也能将信息精准地带给用户,文字所占比例应当比图片多些。这也就解释了为何大部分左右排版的 banner 都是文字占比大于图片。

  下图中第一个 banner 是关于欧美电影歌曲的,右侧可布局拉琴的男子,也可配电影片段,还可放正在播音的留声机。第二张 banner 同样如此。

  下面两图均是图左字右的 banner,第一张《首席医官》,特指这本书。第二张奥运冠军陈一冰求婚——除了他没别人了。

  说了这么多,总结出图右字左和图左字右的区别了吗?图片在右,配图内容比较模糊;图片在左,联系我们banner配图内容比较清晰。由于人们习惯的阅读顺序是从左到右,左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左,先用特定配图吸引用户目光,再加以具体的文字阐述就更正常不过了。而如果把含义不清的配图放在左边,用户得看到右边的文字部分才能获得 banner 想传递的内容,这会导致用户接收信息时间增加。

  发现没?大小标题比例约为2:1。其实这和一级标题,二级标题是同个道理,我们在设计 banner 时总希望用户能把 banner 上的文字看全,但又不希望大小标题混在一起主次不清,因此在排版合理,用户能看清字的综合考虑下,大小标题比例约为2:1。(其实小标题太小运营们也会怼的)

  都说字体有各自的性格,衬线体笔画有粗细之分,它模仿的是中国古代字体和古代碑文上的字体,因此衬线体能给人古典,文艺的感觉,适合用于文艺气息或与女子的相关设计。

  为了不让实物点缀太过抢眼,可以适当做些弱化,比如降低透明度或是做些模糊处理。推荐阅读:高质量的电商banner是怎样炼成的?

  看了这么多手痒痒了吗?此时此刻,打开 ps 做个 banner 练练手呗!返回搜狐,查看更多

  联系我们包括联系我们图标

本文引用地址:/iEDe/42.html
发表评论
加入收藏夹
告诉好友
打印本页
关闭本页
返回顶部

热点新闻

更多>>
  • Axure如何实现Banner导航悬浮顶部效果(P[12-17]
  • 做好banner我总结了这5类基础知识!!![12-17]
  • 四川优质家具哪家好联系我们[12-17]
  • 创美医药 (2289HK) - 佛山物流中心调研[12-17]
  • 传承中医-中医和中国传统文化的关系[12-17]
  • 有哪些灵芝产品在忽悠人? 来自灵芝产品[12-16]
  • 去中心化的人人车APP产品分析[12-16]
  • 腾讯金融业务架构全面浮现:没有微信支付[12-16]
  • 中国生活门户信息资讯APP 农产品选购常[12-16]
  • 中流砥柱丨访华德宝售后技术总监闫前进[12-16]
  • 优音通信与中企动力深度合作共推新产品[12-16]
  • 戴尔 ALIENWARE 更新了轻薄本和台式机[12-16]

图片新闻

更多>>
关于我们 ¦  网站公告 ¦  广告服务 ¦  友情链接 ¦  网站地图 ¦  联系我们 ¦  版权声明

Copyright © 2016-2019 www.g22.com  

本站所收集的部分公开资料来源于平舆,因此,转载本站新闻请写明来源。