我的作品

网页banner设计排版教学 这几种原则你一定要知道

2020-08-07 17:38:25 2314

网页banner设计排版该怎么做?想做一个网页banner宣传自己家的产品,但是不知道该怎么进行排版设计该怎么办?不着急,MAKA小编来教你几个设计原则。

网页banner设计排版教学 这几种原则你一定要知道

所谓排版,即将文字、图片、图形等可视化信息元素在版面布局上调整位置、大小,使版面达到美观的视觉效果。之前在网上看到过一篇关于ppt排版六原则(对齐,聚拢,重复,对比,强调,留白)的文章,我觉得这个在banner的设计中也是同样适用。这里我把这些原则稍微修改了下,更加适用于banner的设计。

一、对齐原则

相关的内容要对齐,方便用户视线快速移动,一眼看到最重要的信息。

二、聚拢原则

将内容分成几个区域,相关内容都聚在一个区域中。

三、留白原则

千万不要把banner排得密密麻麻,要留出一定的空间,这样既减少了banner的压迫感,又可以引导读者视线,突出重点内容。

四、降噪原则

颜色过多、字体过多、图形过繁,都是分散读者注意力的"噪音"。

五、重复原则

排版时,要注意整个设计的一致性和连贯性,避免出现不同类型的视觉元素。

六、对比原则

加大不同元素的视觉差异,这样既增加了banner的活泼,又突出了视觉重点,方便用户一眼浏览到重要的信息。

下面我讲下比较常规的版式,主要是大方向的,时间紧的时候可以选择一种拿来直接套用,这里我根据以往的经验大致分了6类:

再讲下文字的排版,文字的排版要求重点突出,大小粗细错落有致,字体保持在2种左右,像下面这种大尺寸的banner文字就可以适当的做下变形,加入一些跟内容有联系的元素或者图形,可以更好的表达整个设计的情绪。

网页banner设计排版教学 这几种原则你一定要知道

MAKA小编是不是给大家带来的干货满满呢?理论的知识学完了,那就赶紧开始实践吧!赶紧点击MAKA在线制作平台(https://maka.im)浏览海量的banner设计素材,还可以在线设计banner的版面和内容哦!是不是很方便呢?

标签: 网页banner设计 banner设计 banner 除非特别注明,所有报道中出现的商标及图像版权属于其合法持有人所有,本站仅供传递信息之用,非商务用途。如有侵犯到您的权益请及时告知,本站将及时删除。详情请参考本站免责声明,转载本文请保留本站的完整链接。

文章排行本月排行

kv海报尺寸一般是多少 常见kv海报设计尺寸规范 kv海报尺寸一般是多少 常见kv海报设计尺寸规范 kv海报尺寸一般是多少 常见kv海报设计尺寸规范
手机全屏海报尺寸一般是多少?手机全屏海报尺寸介绍 手机全屏海报尺寸一般是多少?手机全屏海报尺寸介绍 手机全屏海报尺寸一般是多少?手机全屏海报尺寸介绍
微信公众号首图图片尺寸是多少?常见的微信公众号首图图片模板 微信公众号首图图片尺寸是多少?常见的微信公众号首图图片模板 微信公众号首图图片尺寸是多少?常见的微信公众号首图图片模板
手机海报谁尺寸规范 朋友圈海报设计尺寸一般是多少 手机海报谁尺寸规范 朋友圈海报设计尺寸一般是多少
手机海报设计尺寸要求 一般手机海报尺寸多大 手机海报设计尺寸要求 一般手机海报尺寸多大
朋友圈背景图尺寸多少合适,朋友圈背景图尺寸介绍 朋友圈背景图尺寸多少合适,朋友圈背景图尺寸介绍
微信二维码设计干货  怎么做才能提升扫码率 微信二维码设计干货 怎么做才能提升扫码率
大气开业海报文案怎么写 大气开业海报文案套路 大气开业海报文案怎么写 大气开业海报文案套路
复古开业海报怎么做 手机三分钟制作流程教学 复古开业海报怎么做 手机三分钟制作流程教学
邀请函海报怎么做 快速get入门必备知识 邀请函海报怎么做 快速get入门必备知识
更多设计百科文章>>