淘宝大学：如何设计好的Banner图

来源：淘宝大学　浏览：3138次　时间：2014-04-09

如何设计好的Banner图

网购，已经是很多人的生活习惯，也让很多商家开启了电商之路。可在互联网中，如何占得一席之地呢？产品如何赢得消费者的关注呢？今天，小编为大家分享，如何做好一个Banner图？

一、如何让嘈杂背景上的文案显眼

如果做一张广告图，都是原图背景比较花，有哪几种办法可以把广告词的字让他比较显眼呢？比如下面这样的一张图，差不多就只有右上角有一定的位置来排放文字但是整体颜色都偏暖了，鞋子本身就不突出，而且可以排放文字的位置也小，感觉处理背景或者说给文案加纯色背景都不好处理。文案内容：头层牛皮99元，新款

答复：如何让嘈杂背景上的文案突出，这个要看具体的案例，一般的处理方式有：1、处理背景，高斯模糊、叠加图案，通过渐变遮挡部分背景;2、处理文案，给文案添加纯色背景，将其与背景隔离开。就这个按理来说，首先是分析信息，明确哪个是需要突出的重要信息。就你所言，是要突出头层牛皮这个卖点，那么完成后的效果如下图所示，供你参考。

二、如何完成一个Banner的设计?

下面是我做的一个Banner，请大家点评，不知道该怎么设计好看。

答复：我只能说说大的设计步骤，具体设计还要你来做。从你这个设计可以看出你的思路没有打开，完全被策划图限制死了。就你这个按理来说，设计的步骤应该如下：首先提取文案中的关键词，这里应该是”合作”，”赢”两个词，然后围绕这两个词展开联想，把你能想到的图像记下来，最好简单画出草图;然后进一步评估你的可选方案，选择你认为准确的，最能体现关键词的图像，进一步画出草图、注意和网站整体风格的搭配，以及布局、视觉层次、色彩方案的搭配，初步做到目标明确，心中有数;最后选取素材，进行设计，设计的过程中不断评估设计，不断改进设计，直到完成。下面的设计案例你可以参考：

三、如何做好这个Banner?

细节方面无从下手，请点评。

答复：整体的气氛感觉是清新、阳光的感受，但文字使用的偏暗的蓝色和红色没有和整体的气氛契合，色彩上不搭，给人一种脏脏的感觉。最重要问题是主视觉部分不够饱满，看上去压不住整体的气氛，显得有些单薄，文字的间距太大，看上去过于松散，细节也不够。创建这样的3D文字，可以用illustrator来做，再拷贝到ps中进行细节的刻画。根据质感注意表现出高光、亮部、暗部、阴影、反光等几个调子。一般的方法是：1、先做出3d文字的基本样子;2、用钢笔抠出每一个面，添加样式;3、叠加一些质感。下面几个3D文字的设计案例，供你参考。

四、关于中英文字体在设计中的应用

就是现在很多的一些网页，特别是国外的网页，你看去很好看，简约大气上档次，当然其中包含很多细节的处理，但我在想如果将英文换成中文就不那么好看了，当然可能跟我接触使用的字体比较少有关吧。

中文字体的使用有什么心得呢？

答复：如果换成中文字体是会受一定的影响，一是英文的字体节奏感和中文不一样，英文单词有长有短，整体感比单个单个的中文字体要强，二是英文字体比较多，可选择的范围较大，中文字体相对来说要少得多，所以在设计上限制也较多。关于字体的使用，中文字体和英文字体一样，分衬线和非衬线两种，非衬线字体适合简约、干净的设计风格，而衬线字体例如宋体，更适合中国风等艺术感较强的设计。平时能看到很多这样的好的设计，比如下面的这个设计就是使用宋体的好范例。