淘宝大学-第一章-视觉营销及店铺装修-上.ppt

1、淘宝大学电商精英专才系列课程,1,视觉营销与装修店铺 上,淘宝大学电商精英专才系列课程,能够应用用科学的方法，熟练的配色和调色 如何进行首页布局、店招、自定义促销区设计 制作宝贝描述页、制作自定义页、宝贝规划及分类,本课程适合有一定的美工基础，能够熟练应用网页三剑客、photoshop及相关设计软件，及在设计中遇到瓶颈的网店美工。,视觉营销与店铺装修,为什么要装修店铺,视觉营销,配色技巧,图像的摆放,文字的处理,课程大纲,色彩的属性,调配色技巧,宝贝描述,首页布局,焦点图、促销区,店招,分类,自定义页面,为什么要店铺装修？,店铺更好看呗？,更吸引人？,让我的生意更好？,店铺好，心情好！,应该更

2、容易被买家看到吧？,装修效果案例对比,商家A,商家B,不同装修商家数据对比,视觉营销,您认为视觉营销中什么更重要？,美观,创意,传达,淘宝大学电商精英专才系列课程,视觉营销概念,视觉营销是作好营销必不可少的营销手段之一，所谓视觉营销就是利用色彩、图像、文字等造成的冲击力吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。,视觉营销 配色技巧,红色：热情 权威 自信 粉色：温柔 甜美 浪漫 黑色：高贵 权威 创意 灰色：诚恳 考究 沉稳 蓝色：希望 理想 独立 紫色：优雅 浪漫 高贵 绿色：清新 活力 安全,给你点颜色看看,色彩基本概念,自然界中的颜色可以分为非彩色和彩色两大

3、类。 非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。,是色彩的相貌，根据波长的不同，产生不同的色彩，如红、绿、蓝等,指色彩的亮度，即色彩的深浅,指色彩的鲜艳度,任何一种彩色具有三个属性,非彩色只有明度特征，没有色相和饱和度的区别,色彩基本概念色相,色彩基本概念饱和度,色彩基本概念明度,色彩基本概念非彩色,练习,网页色彩的搭配,1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。,如何配出同一种色彩,用一种色彩： 保证色调和饱和度不变，调亮度,网页色彩的搭配,1用一种

4、色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2选第二种色彩。先选定一种色彩，然后选择它的对比色。,=187-148,用黄金分割法取对比色,黄金分割的比例值 为0.618，240*0.618=148 y=(148240)-148，色相可以任意调 建议:不要用亮度值在92147之间的颜色，作为大面积的背景色！ y=(092)+148，色相可以任意调,=46+148,为什么呢？,以下画面可能会让你感到不适，请做好心理准备！,眼睛流泪了吧？！它们的亮度值都是120，是最亮的颜色这样做不礼貌哟

5、！_,网页色彩的搭配,1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。 2选第二种色彩。先选定一种色彩，然后选择它的对比色。 3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。,网页色彩的搭配同一色系,同一色系：保证亮度不变，调色相,同一种颜色,对比色,同一色系,在配色中，还要切记一些误区：,1不要将所有颜色都用到，尽量控制在三种色彩以内。 2背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。,练习,请给这个店

6、招重新设置对比色,您学会了吗？呵呵！_,如何把握好风格,统一的外观，界面友好，易使用。 突出你的标准色彩。 将你的标志logo，尽可能的放在每个页面上最突出的位置。 相同类型的图像采用相同效果,自己的喜好 根据自己店铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,自己的喜好 根据自己店铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,自己的喜好 根据自己店铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,自己的喜好 根据自己店铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,自己的喜好 根据自己店

7、铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,自己的喜好 根据自己店铺主营项目 从客户的角度出发 装修风格必须应季,从哪些方面来选择风格呢？,风格设置,风格设置,淘宝大学电商精英专才系列课程,店铺装修流程,设置风格,首页截图,设计首页整体效果图,视觉营销 图片的摆放,首页布局,视觉营销的基本原则,“一屏论”首页布局,-把最重要的信息放在“一屏” -下面的节目“更精彩”,审美的一般规律,-黄金分割；,审美性,黄金分割,1.618 : 1或1 : 0.618,-大多数门窗的宽长之比 也是0.618,-人们的肚脐是人体总长 的黄金分割点,-人的膝盖是肚脐到脚跟 的黄金分割

8、点,黄金分割与淘宝,黄金分割与淘宝,黄金分割与淘宝,淘宝大学电商精英专才系列课程,自定义促销区设计,淘宝大学电商精英专才系列课程,促销区的设计要点,促销区好比线下店铺的橱窗 促销区作用是什么？不仅仅是促销，而是体现店铺的“不可替代性”,淘宝大学电商精英专才系列课程,促销区“不可替代性”表现,服务 品质 价格 特殊效果 品牌效应 促销活动,淘宝大学电商精英专才系列课程,突出重点！,淘宝大学电商精英专才系列课程,重点太多，就没了重点,突出重点！,淘宝大学电商精英专才系列课程,促销频道首页第2轮播焦点图,时间：2011-2-9 PV:355274 点击：17981 点击率：5.06%,淘宝大学电商精

9、英专才系列课程,促销频道首页第2轮播焦点图,时间：2011-2-21 PV: 324356 点击： 1372 点击率： 0.42%,淘宝大学电商精英专才系列课程,思考,您的店铺 “不可替代”的是什么？ 您的店铺针对的消费人群是怎样的？ 您的店铺的潜在消费者的需求是什么？,淘宝大学电商精英专才系列课程,促销区设计(实例分析),奔腾无水焗电压力锅焦点图设计要求: 1、突出无水焗的功能，可以最大限度的锁住 食物的营养 2、可以做出很多种美味食物 3、显示出其是高科技的产物 4、页面设计要大气、感觉产品很高贵,淘宝大学电商精英专才系列课程,淘宝大学电商精英专才系列课程,页面设计要大气,淘宝大学电商精英

10、专才系列课程,感觉产品很高贵,淘宝大学电商精英专才系列课程,感觉产品很高贵,淘宝大学电商精英专才系列课程,可以做出很多种美味食物,淘宝大学电商精英专才系列课程,显示出其是高科技的产物,淘宝大学电商精英专才系列课程,显示出其是高科技的产物,淘宝大学电商精英专才系列课程,最大限度的锁住食物的营养,淘宝大学电商精英专才系列课程,打造品牌,淘宝大学电商精英专才系列课程,店招,淘宝大学电商精英专才系列课程,店招的作用,招牌品牌展示的窗口 如何设置？ 要有明确的品牌定位和产品定位,淘宝大学电商精英专才系列课程,店铺卖什么的，你知道吗？,想一想！,有明确的品牌定位，但产品定位不明确,淘宝大学电商精英专才系列课程,店招要有明确的：品牌定位和产品定位,淘宝