网店Banner如何设计

1、网店Banner应该如何设计 银川职业技术学院银川职业技术学院 计算机工程部计算机工程部 李娜李娜一、Banner的设计风格三、Banner的排版二、Banner的配色BannerBanner应该如何设计才富有吸引力？应该如何设计才富有吸引力？ 设计步骤选定风格 配色细节的整理 排版 时尚风 复古风 清新风 炫酷风 简约风1、时尚风： 这两种这两种bannerbanner都有共同的特点：大标题，模特，报刊潮流杂志风。都有共同的特点：大标题，模特，报刊潮流杂志风。 一、Banner的设计风格2、复古风： 复古风的重点是传统元素和复古图案，像书法字体跟水墨感觉的图案，复古风的重点是传统元素和复古图

2、案，像书法字体跟水墨感觉的图案，包含各种传统的剪纸，民俗等元素。包含各种传统的剪纸，民俗等元素。 3、清新风： 清新风的重点就是清新风的重点就是清爽清爽、唯美唯美，轻盈色调跟自然系，比如上面这，轻盈色调跟自然系，比如上面这个个bannerbanner就让人感觉十分的清丽和透亮。就让人感觉十分的清丽和透亮。 3、清新风： 清新的清新的森林系列森林系列风格，是近年比较受欢迎的。在网购人去中个性化购物风格，是近年比较受欢迎的。在网购人去中个性化购物占比较大，所以这类个性设计显得占比较大，所以这类个性设计显得独特独特而重要。而重要。4、炫酷风： 这种风格通常比较多的是这种风格通常比较多的是深色深色背景

3、，有一些比较背景，有一些比较质感质感的的元素元素跟跟光影特光影特效效。这类风格的。这类风格的bannerbanner平时会做得比较少点。就像上图的平时会做得比较少点。就像上图的bannerbanner展示。展示。5、简约风： 都说是简约，当然特点就是都说是简约，当然特点就是极简主义极简主义，大空间大空间，没有过多的装饰元，没有过多的装饰元素，整体感觉就是素，整体感觉就是透气透气，画面感强，够满。，画面感强，够满。 配色配色 ，色彩是由色相、明度和纯度构成的。 色相色相即颜色的相貌，用于区分各类颜色，如 红色，黄色，绿色，蓝色等；明度明度即颜色的明暗和深浅，或者说颜色含量里白色的多少;纯度纯度即

4、色彩的饱和鲜艳程度。 每种色彩都会因为色相，明度，纯度的不同，表现出不同的色彩感，色彩是有情感情感的，不同的配色会带给人完全不同的心里感受感受。所以当你在做banner的时候就要考虑你想要表达什么样的情感，想让用户看的时候有什么样的感受，你所表达的情感是不是符合主题内容符合主题内容，基于这些出发点再来做banner的配色就更加的有目的性了。 二、Banner的配色所谓的排版，就是将所谓的排版，就是将文字、图片、图形文字、图片、图形等可视化信息元素在等可视化信息元素在版面布局上调整版面布局上调整位置、大小位置、大小，使版面达到美观的视觉效果。，使版面达到美观的视觉效果。在平面设计上的排版在平面设

5、计上的排版在bannerbanner的设计中也同样适用，不过电商的排版的设计中也同样适用，不过电商的排版设计更重视营销，与商场的促销海报设计类似。设计更重视营销，与商场的促销海报设计类似。三、Banner的排版排版遵循个原则：排版遵循个原则： 对齐原则 聚拢原则 留白原则降噪原则 重复原则 对比原则1、对齐原则、对齐原则相关内容必须对齐，次级标题必须缩进，方便读者视线快速移动，一眼看到最重要的信息。2、聚拢原则、聚拢原则将内容分成几个区域，相关内容都聚在一个区域中。段间距应该大于段内的行距。3、留白原则、留白原则千万不要把页面排得密密麻麻，要留出一定的空白，这本身就是对页面的分隔。这样既减少了

6、页面的压迫感，又可以引导读者视线，突出重点内容。4、降噪原则、降噪原则颜色过多、字数过多、图形过繁，都是分散读者注意力的噪音。5、重复原则、重复原则多页面排版时，注意各个页面设计上的一致性和连贯性。另外，在内容上，重要信息值得重复出现。6、对比原则、对比原则加大不同元素的视觉差异。这样既增加了页面的活泼，又方便读者集中注意力阅读某一个子区域。下面我讲下比较常规的下面我讲下比较常规的版式版式，主要是大方向的，时间紧的时，主要是大方向的，时间紧的时候可以选择一种拿来直接套用，这里我根据以往的经验大致分候可以选择一种拿来直接套用，这里我根据以往的经验大致分了了6 6类：类：文字的排版文字的排版文字的排版要求文字的排版要求重点突出重点突出，大小粗细大小粗细错落有致，字体保持在错落有致，字体保持在2 2种种左左右，像下面这种大尺寸的右，像下面这种大尺寸的bannerbanner文字文字就可以就可以适当适当的