网页banner设计的原则 运营banner的设计类型

如果banner上满是吸引点，那用户只会被注意，所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。下面介绍网页banner设计的原则，希望对您有帮助。

一、主题明确

要突出产品主题，让用户一眼就能识别广告含义，减少过多的辅助干扰元素。切忌，banner被切割的太细碎，内容繁多，没有浏览重心。很多广告主往往会认为传达的信息越多，用户越有兴趣，其实并不然，什么都想说的广告，就是什么都没说好。

二、符合阅读习惯

阅读视线要符合用户从左到右、从上到下的浏览习惯。

三、重点文字突出

用文字进一步的告诉用户，是打折或还是新货上市?如果我们最大的买点就是“4.1”折起，那么毫无疑问，“4.1”折的字样一定要大，要醒目，其余的则需要相应的弱化。

四、色彩不要过于要醒目

有些广告主要求使用比较夸张的色彩来吸引访问者眼球，希望由此提升Banner的关注度。实际上，”亮” 色虽然能吸引眼球，但往往会让访问者感觉刺眼、不友好甚至产生反感。所以，过度耀眼的色彩是不可取的。

五、信息数量要平衡

很多人总认为信息多就，觉得所有信息都很重要，都要求突出，结果其反。如果banner上满是吸引点，那用户只会被注意，所以在Banner的有限空间内做好各种信息的平衡和协调非常重要。

六、用最短时间激起点击欲望

用户浏览网页的集中注意力时间一般也就几秒，所以不需要太多过场动画，需第1时间进行产品的展示，命中主题。并配以鼓动人心的措辞口号引导用户。

七、产品数量不宜过多

很多广告主总是想展示更多产品，少则4-5个，多则8-10个，结果使得整个Banner变成产品的堆砌。Banner的显示尺寸非常有限，摆放太多产品，反而被淹没，视觉效果大打折扣。所以，产品图片不是越多越好，易于识别是关键。

在建站的流程中，Banner设计是网站建设中为主要的一个环节，由于Banner在网页中所占的面积不大，因此在设计上，建站者不应该花费太多的时间，这就需要我们了解，在很短的时间内，如何高效的设计好一个banner。通常情况下，banner的设计都是有排版、配色、风格三部分组成的，所以下面给大家总结了以下几条网站建设的原则。

第一：对比原则

在设计banner的时候，可以加大不同元素之间的对比效果，这样可以提高banner的活泼性，又可以突出视觉的重点，用户一看到banner就能够快速了解到banner所提供的信息。

第二：留白原则

除了网页设计需要运用留白原则以外，其实banner的设计也是需要运用留白技巧的，banner的排版一定不能够密密麻麻，否则banner会给用户一种压迫的感觉，并且难以找到banner所要表达的重点。

第三：对齐原则

对于banner中相关的内容，为了能让用户的视线以快的速度找到重要的信息，那相关的内容一定要整齐的排列好，不要单纯的为了美观而放弃了banner应有的作用。

第四：降噪原则

在设计banner的时候，过多的颜色、图片、字体等，都会造成用户注意力的分散，因此在设计banner的时候，要将这些“噪音”部分降到较低，以免影响用户对banner信息的获取。

第五：统一原则

在对banner进行排版设计时，需要特别关注banner在整个设计中是否一致或者是连贯，banner的设计应该尽量避免不同视觉效果元素的同时出现。

这五个原则就是banner设计时大家都应遵循的，如果建站者也想高效的完成自己网站的banner设计，相信这五条原则对你会起到非常大的作用。

网页设计说到底就是根据企业希望向浏览者传递的信息(包括产品、服务、理念、文化)，进行网站功能策划，然后进行的页面设计美化工作。作为企业对外宣传物料的其中一种，精美的网页设计，对于提升企业的互联网品牌形象至关重要。也许我们的技术很稚嫩，但起码我们发现缺陷，进而进行改正。

1. 色彩过于统一

关于颜色的杂乱，很多文章都掏心窝子的讲过，但是我不得不告诉你，色彩这个东西，你光靠看看色轮，色谱，买点pantone放桌上是没有用的，色彩有规则性，而每个人的色彩感受没有规则性，要做好色彩设计，除了大量的练习与观察，最重要的是相信自己的直觉，如果你不知道如何把握色彩 — 你先记住“黑白灰+主色”的方式，也就是一种主色，通过黑白灰来协调辅色的逻辑。

比起色彩杂乱来说，过于统一的色彩其实给用户造成的困扰更大，“使用统一的色彩更容易记忆”这个说法是不太严谨的，此观点成立的前提是这个产品的色彩设计应该符合人的视觉感受，首先产生美，和谐的感觉，然后才有可能去记忆，否则人脑会本能的排斥。我上面发的这个图，在各大“官方”机构的活动与宣传中屡见不鲜，不但缺乏重心，而且刺 — 这一再证明了我们的大部分领导都是美盲，这比文盲更加可怕。

2. 过多的字体

不管你是做平面，做书籍，还是做网站，视觉格式塔理论告诉我们，同一属性的玩意一多了，人的内心就紧张，比如：你看到20只蚂蚁在你脚下，你会蹲下来看看她们在忙什么，如果是20万只蚂蚁朝你冲过来，你除了尖叫还能有更好的办法么?

在有限空间内使用过多字体的做法，正是这种心理反应。在运用字体的时候，第一个关键就是尽量减少字体种类，你可以把自己使用的字体控制在3个以内，如果字体一定超过三种怎么办?通过大小，间距，透视，角度，对比，颜色等方式把不重要的信息部分的字体淡化掉，而突出最为重要的信息。

3. 无序的版式

近几年一直在兴起一股混合艺术还有自由插画的风气，首先我们不讲这是国际设计圈玩剩下的东西，我们单就画面表现来看，这种风格绝对不是下载一堆AI或者PSD源文件，稍微ctrl+u一下就可以拼凑出来的，乱七八糟的应接不暇和丰富多彩的视觉拼盘，你能察觉到有一点不同吧?

1. 文字避免写错。应付挑剔的读者是一个方面，某些关键词的错误，有可能就避过了搜索引擎抓取。

2. 文字密度节奏的控制。段落在四行左右比较合适，宜少不宜多，同时避免文字量大的段落连续堆积，段落之间最好的节奏不是一一二二三三，而是类似一三二三一二的无序结构，纵横道理类似。

3. 词语避免在同行断开。比如行末一个“搜”，下行头一个“狐”，用户读起来比较费劲。注意英文的默认段落内，一个单词不会断开，原因也是如此。

4. HTML结构代码符合语义标准。比较混乱的大概是有序、无序、定义三个列表，写12345和使用ol的效果区别不大，但搜索引擎会认为他们的意义不一样。

5. 实体转义码的作用。典型如在中文后用 表示英文空格，使用?表示版权，还有使用<和>替换<>显示HTML代码等用途。

6. 标点符号避免写错。中文的博大精深主要依赖于标点和断句。标点符号除了能准确传达语气和语境，其实也有一定的语义分析价值，只不过现在的搜索引擎技术还无法实现。

7. 符号的应用和差别。有中英、全半角之分，符号呈现和字体样式定义是配套的，比如()和()的效果差异。常用和特殊符号建议少用，包括○↑★→⒌Ⅶ○『△等等。

8. 中文数字和阿拉伯数字的区别。看个人语感和默认规范，主要是统一和前后一致。

9. 链接量的控制。单篇内容的关键词控制在5%以内比较合适，否则看起来到处都是重点，意义适得其反，而且给视觉效果处理也增加了难度。两个链接上下重叠在一起的效果并不好，三个就会很糟糕。

一篇400字的内容，20个字10个词的链接都在上半截也不好，因为整个页面不平衡，同时和密度也有关系。

10. 色彩的合理使用。不同颜色的功能区别，比如链接提示，得给用户清晰的逻辑，字符是否可点需要看出来，而不是试出来。除此之外还有不同深浅的强弱区别，最后还得控制色彩数量。