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

淘宝大学电商精英专才系列课程1视觉营销与装修店铺上淘宝大学电商精英专才系列课程1视觉营销与装修店铺 上1淘宝大学电商精英专才系列课程q能够应用用科学的方法，熟练的配色和调色q如何进行首页布局、店招、自定义促销区设计q制作宝贝描述页、制作自定义页、宝贝规划及分类本课程适合有一定的美工基础，能够熟练应用网页三剑客、photoshop及相关设计软件，及在设计中遇到瓶颈的网店美工。课程收益：课程学时：标准学时6小时课程对象：淘宝大学电商精英专才系列课程能够应用用科学的方法，熟练的配色2视觉营销与店铺装修为什么要装修店铺视觉营销配色技巧图像的摆放文字的处理课程大纲色彩的属性调配色技巧宝贝描述首页布局焦点图、促销区店招分类自定义页面视觉营销与店铺装修为什么要装修店铺视觉营销配色技巧图像的摆放3为什么要店铺装修？店铺更好看呗？更吸引人？让我的生意更好？店铺好，心情好！应该更容易被买家看到吧？4为什么要店铺装修？店铺更好看呗？更吸引人？让我的生意更好？店装修效果案例对比商家A商家B装修效果案例对比 商家A商家B5不同装修商家数据对比6不同装修商家数据对比6视觉营销7视觉营销7您认为视觉营销中什么更重要？美观创意传达您认为视觉营销中什么更重要？美观创意传达89910101111淘宝大学电商精英专才系列课程12淘宝大学电商精英专才系列课程12视觉营销概念视觉营销是作好营销必不可少的营销手段之一，所谓视觉营销就是利用色彩、图像、文字等造成的冲击力吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。13视觉营销概念 视觉营销是作好营销必不可少的营销手视觉营销配色技巧14视觉营销14红色：热情权威自信粉色：温柔甜美浪漫黑色：高贵权威创意灰色：诚恳考究沉稳蓝色：希望理想独立紫色：优雅浪漫高贵绿色：清新活力安全给你点颜色看看红色：热情 权威 自信给你点颜色看看15色彩基本概念自然界中的颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色，而其他所有颜色均属于彩色。16色彩基本概念 自然界中的颜色可以分为非彩色和彩色两是色彩的相貌，根据波长的不同，产生不同的色彩，如红、绿、蓝等指色彩的亮度，即色彩的深浅指色彩的鲜艳度任何一种彩色具有三个属性非彩色只有明度特征，没有色相和饱和度的区别17是色彩的相貌，根据波长的不同，产生不同的色彩，如红、绿、蓝等色彩基本概念色相18色彩基本概念色相18色彩基本概念饱和度19色彩基本概念饱和度19色彩基本概念明度20色彩基本概念明度20色彩基本概念非彩色21色彩基本概念非彩色21练习22练习22网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。23网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调2424如何配出同一种色彩用一种色彩：保证色调和饱和度不变，调亮度25如何配出同一种色彩用一种色彩：25网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。2选第二种色彩。先选定一种色彩，然后选择它的对比色。26网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调=187-148用黄金分割法取对比色黄金分割的比例值为0.618，240*0.618=148y=(148240)-148，色相可以任意调建议:不要用亮度值在92147之间的颜色，作为大面积的背景色！y=(092)+148，色相可以任意调=46+14827=187-148用黄金分割法取对比色黄金分割的比例值 为0.为什么呢？以下画面可能会让你感到不适，请做好心理准备！28为什么呢？以下画面可能会让你感到不适，请做好心理准备！22929眼睛流泪了吧？！它们的亮度值都是120，是最亮的颜色这样做不礼貌哟！_眼睛流泪了吧？！它们的亮度值都是120，是最亮的颜色这样30网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调整透明度或者饱和度，(说得通俗些就是将色彩变淡或则加深)，产生新的色彩，用于网页。这样的页面看起来色彩统一，有层次感。2选第二种色彩。先选定一种色彩，然后选择它的对比色。3用一个色系。简单的说就是用一个感觉的色彩，例如淡蓝，淡黄，淡绿；或者土黄，土灰，土蓝。31网页色彩的搭配1用一种色彩。这里是指先选定一种色彩，然后调网页色彩的搭配同一色系同一色系：保证亮度不变，调色相32网页色彩的搭配同一色系同一色系：保证亮度不变，调色相32同一种颜色对比色同一色系33同一种颜色对比色同一色系33在配色中，还要切记一些误区：1不要将所有颜色都用到，尽量控制在三种色彩以内。2背景和前文的对比尽量要大，(绝对不要用花纹繁复的图案作背景)，以便突出主要文字内容。34在配色中，还要切记一些误区：1不要将所有颜色都用到，尽量3535练习请给这个店招重新设置对比色36练习请给这个店招重新设置对比色36您学会了吗？呵呵！_37您学会了吗？呵呵！_37如何把握好风格统一的外观，界面友好，易使用。突出你的标准色彩。将你的标志logo，尽可能的放在每个页面上最突出的位置。相同类型的图像采用相同效果38如何把握好风格统一的外观，界面友好，易使用。3839394040自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季 从哪些方面来选择风格呢？41自己的喜好 自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季从哪些方面来选择风格呢？42 自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季从哪些方面来选择风格呢？43 自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季从哪些方面来选择风格呢？44 自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季从哪些方面来选择风格呢？45 自己的喜好根据自己店铺主营项目从客户的角度出发装修风格必须应季从哪些方面来选择风格呢？46风格设置风格设置47风格设置风格设置47淘宝大学电商精英专才系列课程店铺装修流程设置风格首页截图设计首页整体效果图48淘宝大学电商精英专才系列课程店铺装修流程设置风格首页截图设计视觉营销图片的摆放49视觉营销49首页布局50首页布局50视觉营销的基本原则“一屏论”首页布局-把最重要的信息放在“一屏”-下面的节目“更精彩”视觉营销的基本原则“一屏论”首页布局-把最重要的信息放在“515252审美的一般规律-黄金分割；审美性53审美的一般规律-黄金分割；审美性53黄金分割1.618:1或1:0.618-大多数门窗的宽长之比也是0.618-人们的肚脐是人体总长的黄金分割点-人的膝盖是肚脐到脚跟的黄金分割点54黄金分割1.618:1或1:0.618-大多数门窗黄金分割与淘宝55黄金分割与淘宝55黄金分割与淘宝56黄金分割与淘宝56黄金分割与淘宝57黄金分割与淘宝575858淘宝大学电商精英专才系列课程自定义促销区设计59淘宝大学电商精英专才系列课程自定义促销区设计59淘宝大学电商精英专才系列课程促销区的设计要点促销区好比线下店铺的橱窗促销区作用是什么？不仅仅是促销，而是体现店铺的“不可替代性”淘宝大学电商精英专才系列课程促销区的设计要点促销区好比线下店60淘宝大学电商精英专才系列课程促销区“不可替代性”表现服务品质价格特殊效果品牌效应促销活动61淘宝大学电商精英专才系列课程促销区“不可替代性”表现服务6淘宝大学电商精英专才系列课程突出重点！62淘宝大学电商精英专才系列课程突出重点！62淘宝大学电商精英专才系列课程重点太多，就没了重点重点太多，就没了重点突出重点！63淘宝大学电商精英专才系列课程重点太多，就没了重点突出重点！6淘宝大学电商精英专才系列课程促销频道首页第2轮播焦点图时间：2011-2-9PV:355274点击：17981点击率：5.06%64淘宝大学电商精英专才系列课程促销频道首页第2轮播焦点图时间：淘宝大学电商精英专才系列课程促销频道首页第2轮播焦点图时间：2011-2-21PV:324356点击：1372点击率：0.42%65淘宝大学电商精英专才系列课程促销频道首页第2轮播焦点图时间：淘宝大学电商精英专才系列课程思考您的店铺“不可替代”的是什么？您的店铺针对的消费人群是怎样的？您的店铺的潜在消费者的需求是什么？66淘宝大学电商精英专才系列课程思考您的店铺“不可替代”的是什淘宝大学电商精英专才系列课程促销区设计(实例分析)奔腾无水焗电压力锅焦点图设计要求:1、突出无水焗的功能，可以最大限度的锁住食物的营养2、可以做出很多种美味食物3、显示出其是高科技的产物4、页面设计要大气、感觉产品很高贵67淘宝大学电商精英专才系列课程促销区设计(实例分析)奔腾无水淘宝大学电商精英专才系列课程68淘宝大学电商精英专才系列课程68淘宝大学电商精英专才系列课程页面设计要大气69淘宝大学电商精英专才系列课程页面设计要大气69淘宝大学电商精英专才系列课程感觉产品很高贵70淘宝大学电商精英专才系列课程感觉产品很高贵70淘宝大学电商精英专才系列课程感觉产品很高贵71淘宝大学电商精英专才系列课程感觉产品很高贵71淘宝大学电商精英专才系列课程可以做出很多种美味食物72淘宝大学电商精英专才系列课程可以做出很多种美味食物72淘宝大学电商精英专才系列课程显示出其是高科技的产物73淘宝大学电商精英专才系列课程显示出其是高科技的产物73淘宝大学电商精英专才系列课程显示出其是高科技的产物淘宝大学电商精英专才系列课程显示出其是高科技的产物74淘宝大学电商精英专才系列课程最大限度的锁住食物的营养75淘宝大学电商精英专才系列课程最大限度的锁住食物的营养75淘宝大学电商精英专才系列课程打造品牌76淘宝大学电商精英专才系列课程打造品牌76淘宝大学电商精英专才系列课程店招77淘宝大学电商精英专才系列课程店招77淘宝大学电商精英专才系列课程店招的作用招牌品牌展示的窗口如何设置？要有明确的品牌定位和产品定位淘宝大学电商精英专才系列课程店招的作用招牌品牌展示的窗口78淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！有明确的品牌定位，但产品定位不明确79淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！淘宝大学电商精英专才系列课程店招要有明确的：品牌定位和产品定位淘宝大学电商精英专才系列课程店招要有明确的：品牌定位和产品定80淘宝大学电商精英专才系列课程给您的店铺打打分！想一想！81淘宝大学电商精英专才系列课程给您的店铺打打分！想一想！81淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！有明确的品牌定位，但产品定位不明确淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！82淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！有明确的产品定位，但品牌定位不明确淘宝大学电商精英专才系列课程店铺卖什么的，你知道吗？想一想！83淘宝大学电商精英专才系列课程店招设计中几款常用精典字体淘宝大学电商精英专才系列课程店招设计中几款常用精典字体84