网页banner尺寸设计规范

发布时间：2020-11-10 11:45:54 来源：亿速云阅读：2603 作者：小新栏目： web开发

这篇文章给大家分享的是有关网页banner尺寸设计规范的内容。小编觉得挺实用的，因此分享给大家做个参考。一起跟随小编过来看看吧。

网页设计设计过程中，banner图是整个网页中，图片面积最大，位置最显眼的区域，甚至一个好看的网站就取决于banner的设计。

网页banner尺寸设计规范

现主流banner的尺寸主要是分为这三种，

1.显示位置是固定尺寸的，比如1200*560，1200*360

2.显示位置是居中的，比如1920*560，其实主题显示的内容是1200*560，用这种尺寸只要是正对大屏的显示器，两边不会显得很尴尬，也是现在的常用的尺寸

3.显示位置是整个屏幕，比如1920*1000

banner的设计和海报设计其实可以统称成一样，设计的原理还是相同的，只是banner要考虑整体网站的结构，是否协调，设计上相对平面设计要简单很多。

我这里的设计方式是一张好看的背景图，合理的元素，漂亮的文字效果，颜色的统一，合理的搭配我觉得就可以了。

网页banner尺寸设计规范

banner最头疼的地方主要是版面的排版上，常用的banner排版，有这几种：

1是居中型，不光是文字还是图标，图形，居中显示在内容的中心部分，这种设计对于宽度不宽，但是有点高的海报比较合适，如果是网页banner就要考虑背景图片和元素的融合，因为你不能让元素占满整个空间。

2两端对称型，文字和元素相对

3，叠加型，主要是元素背景和文字信息之间有个层叠的效果，通过阴影，底纹，将整体风格表现出视觉上的立体感，

我们在设计的时候，不要把整个空间都占满，适当的留白让作品看着更舒服，元素和文字大小的比例也很重要，一个漂亮的背景图片也是不可或缺的的组成部分，我在在做图的时候，总是觉得很死板，原因的话，可以分为这几种：

一个是背影颜色土，背景图片不行，字体太普通，元素太单调，一东西天多，感觉狠花等等，我们在设计字体，元素的时候可以通过阴影，样式，变形，渐变色让元素活动起来，背景图片，通过模糊，颜色的明度，来搭配，字体可以通过底纹，边框，变形，高光来让字体动起来；

当然这些每个人都会说，主要还是要看我们去练，多看一些好的平面设计。

感谢各位的阅读！关于网页banner尺寸设计规范就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识。如果觉得文章不错，可以把它分享出去让更多的人看到吧！

向AI问一下细节

猜你喜欢