网店
美工
如何做
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
？
网
店
美
工
现
呈
彩
精
坚持
网店经营，贵在坚持
Online stores
promotion and marketing
现
呈
彩
精
网店美工
网店视觉营销
我们的店铺不装修可以卖东西吗？
讨论（１分钟）
装修店铺 引爆流量
*
案例对比
数据对比
IPV_UV：浏览过商品详情页面的访问者（独立访问者）
客单价：每件商品的平均交易价格
店铺UV：访问者（独立访问者），不可以累加或相减
成交UV：成功交易的独立访问者
交易笔数：成功交易的订单数
日销千单之视觉营销
你认为在视觉营销中以下三点哪个最重要？
另一家店铺的设计
2011年4月淘宝首页焦点图
视觉营销
定义：
利用色彩、图像、文字等造成的冲击力，吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。
视觉是作好营销必不可少的营销手段之一。
色彩——黄金分割配色法
我们在看一家店铺时，最先吸引我们眼球的是他的色彩布局和搭配。其次才会去看他的细节。
色彩——黄金分割配色法
1、色彩基本分类
彩色
非彩色：黑色，白色和各种深浅不一的灰色
2、色彩的属性
色彩基本概念——色相
想让图片的颜色发生变化，只要调整它的色相就可以、
操作演示（圣诞图标变化）
色彩基本概念——饱和度
饱和度也就是颜色的深浅
操作演示（夏天的图片变回春天）
色彩基本概念——明度
针对曝光不足或曝光过度的图片进行处理
操作演示
对于非彩色，大家可以针对这种图片分别调整一下色相和饱和度，看看有什么变化
色彩搭配
1、用一种色彩
先选定一种色彩，然后调整透明度或者饱和度，通俗点讲就是将色彩变淡或者加深产生新的色彩。
如何配出同一种色彩？
注意：渐变色切记不要用两个色系的颜色做渐变，如红色到 绿色，蓝色到红色等
色彩搭配
2、用黄金分割法，选第二种色彩
第二种色彩，就是我们要找的基于第一种主色调的对比色
对比色
对比色
对比色
对比色看不清
对比色太刺眼，色调不统一
色彩搭配
如何准备找到某个底色的对比色？
科学找对比色的方法：取亮度值的的黄金分割点。亮度值的取值范围是：0－240，黄金分割点的比例值是，亮度值的分割点就是=148
如果底色的亮度值在0-92之间，那么它的对比度的亮度值就是底色亮度值加上148。只要保证亮度值不变，色相和饱和度可以任意调节。
建议：用同一色相的色彩。
Y=x+148, x在0到92之间
Y代表对比色的亮度值，x是底色亮度值。
色彩搭配
如果底色的亮度值在148－240之间，那么它的对比色的亮度值就是底色的亮度值减去148。
Y=x-148,x在148到240之间。
注意：底色亮度值在93到147之间，加减亮度值都会超过亮度值的范围，不建议使用。
色彩搭配
3、同一个色系
用同一种感觉的色彩：如淡黄色，淡蓝色，淡绿色或土黄色，土灰色，土蓝色。
同一色系的配色要领：只要保证亮度不变，色相可以任意调节，这样就可以调出同一种感觉的色彩。
注意事项：
1、不要将所有颜色都用到，尽量控制在三种色彩以内。
2、背景和前文的对比要尽量大，绝对不要用花纹复杂的图案作背景，以便突出主要文字内容。
练习
用黄金分割法重新给这个店招设置对比色。
如何把握好风格
1、统一的外观，界面友好，易使用
2、突出你的标准色彩
3、将你的标志logo尽可能的放在每个页面上最突出的位置。
4、相同类型的图像采用相同效果。
2、从哪些方面来选择风格
根据自己的喜好
根据自己店铺的主营项目
从客户角度出发选择
装修风格还应该应季
3、风格设置的具体操作
4、店铺装修流程
为了保证首页的风格统一，一定要照流程所示，在PS或Fireworks里将整个页面设计完，再切片，最后用来装修我们的店铺
图像－全局把控店铺装修
1、首页布局
案例
自定义促销区设计
促销区的设计要点
（1）促销区好比线下店铺的橱窗，是整个店铺的形象窗口，传达着店铺的品牌形象，促销活动等重要信息
（2）促销区不仅仅是促销，而是体现店铺的“不可替代性”。
如何表现店铺的不可替代性？
案例
（3）设计促销时一定要注意突出重点
店招
1、店招的作用
招牌是品牌展示的窗口，店招要有明确的品牌定位和产品定位
店招
2、店招的共性
好的店招具有以下共性：
（1）店招上的文字和背景对比色鲜明
（2）店铺名字都用粗体字
（3）品牌和产品两个信息的传达都要明确。
店招
常用粗体字，供大家参考
案例
ThankYou
→
→
→
→
→
→
→
→
→
→
谢谢您的关注
