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

2020-08-07 17:38:25 1468

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

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

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

一、对齐原则

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

二、聚拢原则

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

三、留白原则

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

四、降噪原则

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

五、重复原则

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

六、对比原则

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

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

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

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

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

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

文章排行本月排行

邀请函海报怎么做 快速get入门必备知识 邀请函海报怎么做 快速get入门必备知识 邀请函海报怎么做 快速get入门必备知识
短视频设计方法分享 这样做的视频更吸引人 短视频设计方法分享 这样做的视频更吸引人 短视频设计方法分享 这样做的视频更吸引人
招聘H5怎么做更有趣 企业招聘H5优秀案例分享 招聘H5怎么做更有趣 企业招聘H5优秀案例分享 招聘H5怎么做更有趣 企业招聘H5优秀案例分享
创意社交名片设计分享 你知道半色调名片吗 创意社交名片设计分享 你知道半色调名片吗
招聘H5怎么做更能戳中求职者 设计师必须掌握的H5制作方法 招聘H5怎么做更能戳中求职者 设计师必须掌握的H5制作方法
展架设计尺寸知识科普 海报设计尺寸都有哪些 展架设计尺寸知识科普 海报设计尺寸都有哪些
营销活动海报设计教程指南 让你的转化率飞涨 营销活动海报设计教程指南 让你的转化率飞涨
广告海报设计作品分享 温暖的广告才能打动人心 广告海报设计作品分享 温暖的广告才能打动人心
海报设计排版妙招分享 海报这样排人见人爱 海报设计排版妙招分享 海报这样排人见人爱
社交名片设计干货分享 名片的印刷色彩有哪些 社交名片设计干货分享 名片的印刷色彩有哪些
更多设计百科文章>>