电子商务多平台运营与实践-PPT4.2网店视觉设计的规范

1、4.2网店视觉设计的规范4.2网店视觉设计的规范Online visual design specifications网店视觉设计的规范对于网店而言，视觉设计是买家进入网店最直接的品牌体验。商家需要考虑多平台视觉体系的规范和统一，本小节将主要以标准色彩、和网店标志为设计要素，讲解视觉设计的基本规范和操作方法。制定色彩装修网店首页设计店标010203目录CONTENTS01OPTION02OPTION色相色相指的是色彩的特征，它是由不同的波长所决定的。其中红色、蓝色、黄色是色彩中的原色，假设我们看到一件蓝色的衣服，它的原理是光线照射在衣服上，只有蓝色反射入人眼，而不是指衣服本身就是蓝色。4.2.

2、1制定色彩饱和度饱和度指的是原色在色彩中的纯净程度，原色百分比越高，饱和度越高，色彩也就越鲜明，反之色彩是非常暗淡的。03OPTION明度明度指的是色彩的明暗和深浅程度，白色是明度最高的色彩，反之黑色是明度最低的色彩。4.2.1制定色彩制定色彩了解了以上基本的色彩属性，网店的视觉设计需要先确定一个贯穿网店的主色调。主色指的是能够彰显和突出网店定位的色彩，而不是页面面积占比最大的颜色。往往每种特定的行业都有匹配的色彩，所以选择主色时，色彩所代表的象征意义对商品特色起到至关重要的影响。接下来将介绍几个常用色彩所适应的行业和商品。4.2.1制定色彩1）红色红色象征着热情和活力，极具刺激性，非常适合女

3、装、化妆品等。而在中国，红色是非常喜气的颜色，在节假日的促销活动中，运用及其广泛。2）蓝色蓝色象征着冷静，容易给人安全感。适合销售男装、科技产品等。3）黑色黑色象征着成熟、稳重，适合销售高档箱包。4.2.2设计店标店标是上至国际品牌，下至零售网点都需要具备的专属标志。它主要起到了识别和推广的作用。设计店标时需考虑三个基本原则：1）审美性店标需要符合大众的审美，准确传达商家想表达的寓意，避免不必要的歧义。2）识别性每个店标需要和其他同类网店有明显的区别。具备创新性和独特性的店标更容易给买家留下深刻的印象。3）简洁性店标是一种直接的表达语言，需要激发买家的瞬间效应，所以店标需要简洁、干练，避免不必

4、要的过度花俏。4.2.2设计店标1.文字类店标（由文字、字母组成）该类店标最受国内外知名品牌的青睐，表达方式非常直截了当又识别度高。通常分为三种形式：1）由汉子或英文单独构成的店标2）中英文混合3）对文字或字母进行变形处理4.2.2设计店标2. 图形类店标指的是图形构成的店标，该店标的特色是形象生动，容易给买家留下深刻的记忆。但也因为没有文字名称，所以在寓意的表现上面不如文字类店标明确。该类店标分为三种形式：1）使用具体的形象2）使用简化的象形图形3）使用自我创造的抽象图形4.2.2设计店标3.组合类店标该类店标是应用最广的一种类型，结合了文字和图形的综合型店标。一般情况下，网店首页的布局包括

5、五个区域，分别是形象引导区、橱窗区+促销区、促销区、导航区及陈列区，当然有的网店会根据对首页区域进行删改。装修网店首页那么网店对logo的尺寸标准是什么呢？一般说来，网店的logo尺寸没有固定的要求。但是，由于网店的logo置于店招上，店招尺寸一般在1920px150px（宽*高，单位是像素）左右，因此，网店的logo尺寸应该小于店招的尺寸。4.2.3装修网店首页1.橱窗区+促销区“形象引导区”的下面是“橱窗区+促销区”。它的地位相当于实体店中的橱窗，在“橱窗区+促”区域内放置的是网店的首焦广告，利用打折等信息吸引顾客的注意力。根据网店实际需求，首焦广告可以设置为多张图片，采用轮番播放的形式，

6、首焦广告尺寸为1920n（n建议不超过600）。2. 促销区首页促销区罗列了网站的促销信息和优惠券，方便顾客的选择。在欧莉瑾的促销区列出了网站的优惠券，这些优惠券在网店的形象引导区也有，这里出现优惠券可以方便顾客领取，避免顾客再回到网店的顶部。4.2.3装修网店首页网店首页促销区4.2.3装修网店首页在导航区，商品将被分类列出，方便顾客的检索。在网站形象引导区也有导航，导航出现在这里也是为了避免顾客再回到顶端。此外，这里为导航加上对应的图片，对顾客来说更为形象。如图所示。 3.导航区4.2.3装修网店首页最后是商品的陈列区。网店的陈列区以商品主图的形式列出商品，配上商品的价格，顾客可以在浏览中

7、选择自己喜欢的商品。 4.陈列区4.2.3装修网店首页一般情况下，陈列区的商品均是以上下左右对齐的方式陈列，简洁明了。有时有些网站为了凸显个性化，也会采用一些独特的设计方式。例如在EP网店的陈列区，商品的陈列采用了错落的形式，相对于上下左右对齐的陈列方式，这种方式使网站更具有设计感，凸显商品的品质。4.1.1视觉营销的含义商品陈列区中展示的商品采用的是商品的主图（主图指的是买家在淘宝主搜列表中看到的商品图片），商品主图的尺寸有三种。品尺寸并非硬性要求，要根据网站实际的需求进行修改。由于主图的效果能够直接影响点击的转化率，因此，在主图的设计上需要注意以下三点。01.突出主体主体图通常情况下难以体现商品的过多细节，因此，主体图要能够体现商品的整体特点。在拍摄主图时，要避免画面的杂乱、阴暗，应当使商品的主体突出。4.2.3装修网店首页剪裁规范在主图的剪裁上要能把握图片的比例，避免因为剪裁使图