前往上一级

Banner设计宠爱的3种构图情势

来源:搜集 作者:奇点搜集 日期:2019-08-14 11:05 浏览量:

媒介


构图设计种类丰富,为甚么 Banner 的构图情势确趋势于单一?如今我们最经常使用的 3种构图情势分别是对称式构图、局中构图、阁下构图,明天我们就分享一下为甚么 Banner 的构图情势趋势于这三种构图。



目次


1.最罕见的三种构图情势

2.Banner 区域变小

3.本身优势

4.为甚么其它构图不合适

5.总结


1.最罕见的三种构图情势


我们最罕见的三种构图方法:居中构图、对称构图、阁下构图。


网站banner设计


我们可以细心不雅察如今线上 app 中的 banner 设计,多半采取这三种构图情势。我们以网易云音乐首页一些系列的 Banner 为例:


手机端banner设计


大年夜家能够隐晦,在平面视觉设计中构图方法多种多样,为甚么在 banner 设计的时辰就剩下这三种?其他的为甚么不实用?


2.Banner 区域变小


招致构图情势可选范围减少的最直接缘由就是:banner区域变小!


由于产品构造的变更,营业的成熟与增多,首页第一屏须要出现更多的“营业”,所以我们不取得不减少“Banner”的面积,以节俭出更大年夜的空间来办事其他营业的应用。


网站banner区域安排

Banner 设计尺寸由本来通用的 4:3 的比例大年夜小逐步减少至 5:3 或 5:4 的比例尺寸大年夜小(均四舍五入拔取近似值) 。


banner图中的设计构图


我们以线上产品为例停止分析丈量,如美团、转转、淘宝、网易云音乐的 Banne r比例:


01d0995c17692ea80121ab5d4ecec6.png


以上我们均采取四舍五入取近似值的方法,我们可以发明 Banner 区域不合程度的减少,在页面中所占的比例较少,节俭出更多的空间以便其他营业模块的应用。


Banner变小的缘由重要有两点:


1.起首是产品构造的日趋成熟,营业增多或许构造变革,须要在首页第一屏展示更多内容。


网站设计


2.视觉上有助于保持页面均衡,减少 Banner 有效的防止了虎头蛇尾的情况产生。


网页设计


3.本身优势


a.构图简单


这三种构图的最大年夜长处就是:构图简单!接上去我们逐一对三种构图情势停止分析:


对称式网站设计


对称式构图:经过过程对画面的均匀瓜分可以或许包管画面的均衡,对称式构图给人简洁、有力、稳定的视觉感触感染。


居中式banner设计


居中式构图:居中式构图是将主体放置画面的中间停止构图。这类构图方法这类构图方法的最大年夜长处就在于主体凹陷、明白,并且画面庞易取得阁下均衡的后果。


阁下式构图设计


阁下式构图:阁下构图普通参考黄金比例瓜分线的道理,并根据实际状况停止调剂,将文字标题元素和主体物按照比例瓜分停止地位安排。


b.空间应用率高


这三种构图情势对空间的应用比较高,不管是对称式构图、居中式构图照样阁下式构图都采取了 X、Y 轴的直线排布,尽可能防止了斜线线或曲线构图的方法。


济南网站设计


直线排布可以有效的节俭空间,防止产生多余的空间裂缝;而斜线排布或许曲线排布无可防止的会产生多余的空间裂缝,没法充分应用。


c.可以或许快速复用


构图简单,易于修改,我们经过过程修改主体物和标题信息,可以快速复用到其他运营活动中,大年夜大年夜节俭了设计本钱,进步任务效力。例如网易云音乐和斗鱼 Banner 系列:


手机网站banner设计网站设计构图

网站banner设计


经过过程图例,我们可以发明三种构图情势都可以快速复用到其他运营互动中,如许做大年夜大年夜节俭了设计本钱,进步了任务效力。


4.为甚么其它构图不合适


a.空间小,不合适构造复杂的构图


由于空间小,在排版的时辰我们更多的要推敲到用户对标题信息的辨认度,采取直线排布的构图可以节俭空间,可以或许尽能够的缩小年夜字体;假设采取斜线或曲线排布的构图会产生多余的空间裂缝,会招致标题文字紧缩减小,降低信息辨认度。


网站图片设计构造


例如对角线构图和曲线构图,在小面积的情况下很难实用,由于我们须要让用户尽能够的获取信息,所以我们须要将信息在 banner 中尽能够缩小年夜,如许一来很难构成对角线和曲线动势,所以不实用于这类对空间请求本钱高的构图。


b.不符合用户的浏览习气


由于 Banner 面积小,选用直线排布符合用户自左到右、自上而下的浏览习气,可以或许赞助用户快速取得信息。而曲线排布和斜线排布须要用户消费必定的精力去辨认信息,进修本钱高,不合适小面积的构图。


网站标题设计


5.总结


1.由于产品构造体系的日趋成熟,构图情势也加倍寻务实际功效,终究挑选出3种最为实用的构图的构图情势,分别是对称式构图、局中构图、阁下构图。


2.招致 Banner 构图情势由多变少的重要缘由:首页构造变换,Banner区域变小;三种构图的本身优势,构图构造简单、空间应用率高、可以或许快速复用。


3.其它构图不合适的重要缘由:构体构造复杂,不敷简单;Banner 空间小,不合适斜线和曲线排布。


文章来源于搜集,版权归原作者一切,如有侵权,请与我接洽删除。

咨询德律风: 0531-88089565

如今就与奇点搜集项目参谋交换

0531-88089565

您也可停止在线咨询或预定项目参谋
我要预定

在线咨询