News

互联网前沿资讯扑捉，我们也是能手哦！

The frontier information on the Internet captures, we are also experts!

常见网页banner设计风格技巧分享

网页banner设计在网站建设设计中，扮演了相对重要的一个角色，banner设计的样式以及风格决定了整个网站的色彩和情感，也是网站带给用户的第一感觉。那什么样的banner图算是很OK的？东莞网站设计-格子网络今天为大家分享一些常见网页banner设计技巧

网页banner设计过程可以分为五步：

1、了解需求
2、根据需求确定设计风格
3、根据素材和文案确定版式
4、构成banner的元素的设计（文案/背景/点缀/素材）
5、调整配色

从整个设计风格中，我们可以直观的看出设计风格方向和特点，找到我们网页适合的风格和方向才是最为重要的，整体性的搭配取决不网站建设过程中的最初走向。

网页banner设计风格可以拿人作为比对很好理解。有人外向，有人内敛。而这两种人的穿衣风格和举止言行在生活中也是不尽相同。和人难过会用哭表现，高兴会用笑表现一样，不同的设计风格，也对应不同的表现方法。下面格子网络主要分析不同的设计风格对应的表现方法，及给大家安利的一些可参考使用的素材，觉得有用的同学可以收藏一波。

1. 关键词：文艺、气质、素雅、安静
总结：
（1）最明显的特点就是留白，大量的留白。
（2）字体多采用宋体这样的衬线体，除一级标题字号略大些，其他的文案都非常小，给人精致的感觉。
（3）色彩以灰白色系为主，其他的色彩饱和度和纯度低，明度高。
（4）这类banner多运用在茶、棉麻制品、以简洁为特色的家居用品上。
（5）点缀物多用细线条。

2. 关键词：高冷、时尚
总结：
（1）高冷的banner就和高冷的你一样，最大的特点就是话少，一般就几个字。
（2）用色大多采用黑白灰。
（3）素材图一般都很大，突出细节，大牌的东西对自己的品质还是很有信心的，所以他们会放大放大再放大他们的细节，唯恐你们看不到。
（4）很少运用点缀物，直接一张产品细节放大图，放几个字，就是这么自信。

3. 关键词：传统、中国风、意境
总结：
（1）字体采用书法字体，文案多用竖形排版、从右向左的顺序，因为古人是这样写字的。
（2）可以选用的素材有印章，中国山水画，墨迹，扇面，剪纸，园林窗格，古纹样，祥云，京剧，卷轴等等。

4. 关键词：青春、活力、年轻
总结：
（1）很突出的一点就是模特都很年轻很有活力。
（2）色彩的饱和度和纯度比较高。
（3）排版你可以随便玩。

5. 关键词：可爱、甜美
总结：
（1）可爱风格的banner最突出的特点就是他的字体，多采用少年字体、手写字体、卡通字体。
（2）点缀物多使用卡通小元素，以手绘和矢量图为主，比如星星，云朵，短线条等。
（3）色彩上多使用暖色调，营造软萌的感觉。

6. 关键词：节日、促销、热闹
总结：
（1）色彩丰富，红、黄、紫偏多，画面饱满，很少留白。
（2）主标题很大，多用刚硬，棱角，夸张有视觉冲击力的字体。
（3）可以用到的点缀物有光效、鞭炮、舞台、灯光、五彩的渐变、冲击性的线条和多边形等。

7. 关键词：未来、科技
总结：
（1）科技类的banner概括来讲就两个要点，科技感的文字+科技感的背景图，高级一点的还包括科技感的小点缀。
（2）用色以蓝，黑色，紫等冷色调为主，画面给人硬朗，空间感，速度和力量的感觉。
（3）可以用到的点缀物有光效、金属效果、线条、光点，宇宙等。

8. 关键词：严肃、规矩、党
总结：
（1）因为我们伟大的毛主席喜欢红色，所以党喜欢红色，所以政府类的网站也好，banner也好，大多都会采用红色，点缀色多为蓝色黄色，字体多选用端庄古典的衬线体或中国风味浓厚的毛笔字体。
（2）可以用的背景和点缀物有红旗、城市背景、党徽、英雄雕塑、故宫、石狮子等。

9. 关键词：手绘风
总结：
（1）把手绘风格单拿出来是因为它真的很好用，而且很常用到。
（2）手绘风格可以用在文案上。产品本身也可以用手绘的形式，如上图左一，简单的几笔就让整个画面一眼就能看懂，而且充满乐趣。手绘风格用的最多的是点缀物，通过不同手绘风格的点缀物营造不一样的氛围。