网页设计之Banner设计的基础知识

　　一、关于版式

　　大体上 banner 版式可分为两种：图文左右排版、文字居中。

　　1. 图文左右排版

　　当banner中需要包含具体的素材，如某位大咖，某件产品时，一般会选择左右排版。并且图文比例约为6：4（接近0.618的黄金比例）。

　　图片在右，配图内容比较模糊；图片在左，配图内容比较清晰。由于人们习惯的阅读顺序是从左到右，左边放什么意味着用户会先看到什么。当图片信息清晰时图片放左，先用特定配图吸引用户目光，再加以具体的文字阐述就更正常不过了。而如果把含义不清的配图放在左边，用户得看到右边的文字部分才能获得 banner 想传递的内容，这会导致用户接收信息时间增加。

　　2. 文字居中

　　在工作中我没怎么接触过文字居中的排版方式，因此很抱歉没法做太多的剖析。印象中电商比较喜欢此类排版，也许是文字放在正中的位子，底下可以放许多产品？

　　大小标题比例约为2：1。其实这和一级标题，二级标题是同个道理，我们在设计 banner 时总希望用户能把 banner 上的文字看全，但又不希望大小标题混在一起主次不清，因此在排版合理，用户能看清字的综合考虑下，大小标题比例约为2：1。（其实小标题太小运营们也会怼的）

　　二、关于字体

　　banner 中常用的字体有三种：衬线体（serif）、非衬线体（sans-serif）、书法体（cursive）。

　　都说字体有各自的性格，衬线体笔画有粗细之分，它模仿的是中国古代字体和古代碑文上的字体，因此衬线体能给人古典，文艺的感觉，适合用于文艺气息或与女子的相关设计。

　　非衬线体笔画简洁，笔画较粗，体现现代，简约的特性，适合用于苍劲有力，与男子相关的设计。

　　书法体源自中国古代，能体现中国文化和挥洒墨水的豪气，适用于文艺主题和金戈铁马般的豪迈主题。

　　注意：商用字体需要注意版权，这点很重要。

　　三、关于颜色

　　在生活中，色彩心理学让人们对颜色的认知有很大的影响。

　　黑色：黑色是一种代表品质、权威、稳重、时尚的色彩，同时也含有冷漠、悲伤、防御的消极情感。

　　白色：传递一种简单、纯真、高雅、精致、信任、开放、干净、畅快、朴素的情感。

　　灰色：代表睿智、老实、执着、严肃、压抑的色彩。

　　红色：传递喜庆、自信、斗志、权威、性感的情感。

　　绿色：是自然界中最常见的颜色，代表生命力、青春、希望、宁静、和平、舒适、安全的情感。

　　蓝色：是三原色中的一种，代表永恒、灵性、清新、自由、放松、舒适、宁静、商务。

　　紫色：是一种代表优雅、浪漫、高贵、时尚、神秘、梦幻、灵性、创造性的颜色。

　　黄色：代表阳光、青春、活力、时尚、尊贵、年轻轻快、辉煌、希望的颜色。

　　因此在设计中选择主色调也要遵从如上。

　　例如活泼年轻的内容可选择纯度较高的蓝绿色、绿色等作为主色调。

　　文艺类内容则适合饱和度不高，偏向白色这类能让人平静的色彩。

　　四、关于点缀

　　大约有3种。椭圆点缀，圆角矩形点缀，实物点缀。圆形圆角矩形点缀可适当加些渐变和阴影。

　　为了不让实物点缀太过抢眼，可以适当做些弱化，比如降低透明度或是做些模糊处理。