网页设计最常见的Banner设计风格技巧

网页设计是网站建设的基础，任何一个外观美丽、大方、稳重的网站必然有一个经验充足、技术能力强的前端设计师，尽管我们看一个网站，无非就是文字、图片、连接三种基本样式组成，然而在设计师的眼中网站的任何一个网页就是一张图片，从网页设计的角度去看一个网页，网页的组成部分分为header、Logo、Banner、内容和footer等四个重要内容组成，其中banner设计的样式以及风格决定了整个网站的色彩和情感，也是网站带给用户的第一感觉。

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

一、了解需求

二、根据需求确定设计风格

三、根据素材和文案确定版式

四、构成banner的元素的设计（文案/背景/点缀/素材）

五、调整配色

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

一. 了解需求

做任何设计的前提就是了解设计需求，只有弄明白需求方到底想要什么，我们才能少改几次稿。我刚参加工作的时候就没少吃这方面的亏，那时候刚进公司脸皮薄，别人让干啥就立马撸起袖子打开ps开始工作。不明白的地方也不敢问太多，怕打扰别人工作。事实证明，这种想法是多么大的错误。

需要了解的需求大体可以总结成以下几个方面。

1. 确定文案信息、素材、尺寸大小、投放的平台

一般接到设计需求的时候，文案和素材都是需求方确定好的。但是有的需求方会说，你可以根据你的设计需要，稍微改动文案信息。本人亲身经历，这句话真的是一个火坑。文案的不确定会严重的影响设计进程，你改得好，改得他们满意还好，如果不满意，那就面临着重做。除此之外，有时候我们可以从文案和素材里获取设计灵感，确定设计的风格。

2. 确定banner是为了实现什么目的而设计

比如需求方给到的文案信息是「金秋助学」，我们需要了解金秋助学的对象是谁，是大学生还是小学生，这会影响风格的确定和设计元素的选择。还要了解需求方想要这个banner起到什么作用，是想让更多人参与到这个活动中来，还是想通过这个banner让更多人了解某某企业热心于慈善事业，提升企业的知名度和好感，只有确定这些才能确定你的设计风格。

3. 询问需求方的建议

需求方在把这个需求给到我们之前，可能心里就已经有了自己的想法，如果我们在设计之前可以了解到，会很大的降低改稿次数。而且我们主动询问他们的意见，会让他们感觉到自己的想法受到了尊重，以后交流起来也会更愉快。但是有时候他们的想法用语言可能描述不出来，这个时候我们可以用「情绪板」的方法，快速的获取视觉信息。

4. 确定设计时间

如果时间很紧张，就尽量选择不易出错的板式和风格，如果时间比较充裕，可以细细打磨设计作品，多尝试一些以前没尝试过的表现方法。

二. 根据需求确定设计风格

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）手绘风格可以用在文案上。产品本身也可以用手绘的形式，如上图左一，简单的几笔就让整个画面一眼就能看懂，而且充满乐趣。手绘风格用的最多的是点缀物，通过不同手绘风格的点缀物营造不一样的氛围。

迪拜5月份旅游好吗，迪拜5月份旅游好吗现在

    迪拜旅游攻略和费用？ 以下是一些迪拜旅游攻略和大致费用： 1.最佳旅游季节：11月至3月是最佳旅游季节，因为气温较为宜人。 2.交通方式：迪拜有发达的公共交通系统，包括地铁、出租车和公交车等。乘坐地铁是最方便和经济实惠的方式。 3.酒店住宿：迪拜有许多高档酒店和度假村，价格从每晚100美元到数千美元不等。 4.景点门票：迪拜有许多著名景点，如迪拜塔、迪拜水族馆和野生动物园等。门票价格从10美元...

       网站开发的六大趋势走向 如今是自己混荡站长行业的第五个年头，对于网站开发我不想给予太多的评价，它的重要性已经成了众人皆知的事实。倘若在这个时候还不去重视网络的力量，那么无论是企业，还是媒体都必然会为之付出代价。但是重视并不等同于盲目崇拜，从我们遇到的情况来看，一些用户只知道用自己的思维去做网站，而不顾及到大环境，这种闭门造车的思维根本不适合长远的发展。其实有些时候注意到大环境的变化和网站开发的趋势走向，对于自身迎合市场很...

       企业设计网站有哪些好处呢 企业对网站的要求越来越高。在这个互联网时代，设计自己的网站可以更融入这个时代，中国互联网的发展已经持续了近30年。它不仅改变了我们的生活方式，也改变了我们的购物和阅读方式，其中许多人依赖互联网，尤其是网站，企业网站的设计是为了向客户传递更多的信息，并使他们自己发展。 企业设计网站 的好处 一。为更多人所知 专业设计不仅给企业提供了一个独特的网站，也可以让更多的人知道。这意味着企业在一定范围内...

       香港九龙中亚餐饮管理与虎网站签约网站建设事宜 中亚在香港九龙区弥敦道673号富运商业中心二十楼B-01室。中亚是经香港九龙区工商局审核的有资质公司，统一社会信用代码：91440300MA5DQAQX2G。中亚选用虎网站企业商务型网站案例，其功能具备实用型所有配置外、特别值得关注的是增设了SEO深度优化，不管是内页还是标题都能够独立和个性化设置关键词和长尾词，更适合进行全站seo优化。 　　经营范围：为餐饮企业提供管理服务(不含具体经营餐饮业)...

       企业建站的相关注意细节 1、专注于20% 你可曾听说过80/20法则？简而言之，80%的用户通常只会使用你网站内容和功能的20%，绝大多数的用户只是在扫视网站内容，并且只会挑选真正感兴趣的浏览。 同时这也意味着，剩余的20%就相当重要了。大多数的点击将源自于这一区域，它也是近乎完美的内容和互动区域。你可以借助数据分析来决定哪个部分是整个网站最被关注的那20%。对于刚刚上线的网站，这个数据搜集的过程可能长达好几周，随后再进...

       如何办理国际域名转移注册商？ 1、什么是域名转移？ 域名转移指的是域名转移注册商，即将您注册的域名由原来的注册商转到另一个注册商，向新的注册商续交域名的年费，这里的注册商指的是由ICANN认证的国际一级域名注册商。如美国的NSI，中国的时代互联。中国人注册的域名最好由中国的注册商来管理，可以省去语言上的障碍、汇付上的麻烦，手续也更方便快捷，在法律上更有保障，服务也会更亲切周到。如时代互联，获得国际域名与IP地址管理机构ICAN...