淘宝网店美工.docx

淘宝网店美工.docx

《淘宝网店美工.docx》由会员分享，可在线阅读，更多相关《淘宝网店美工.docx（15页珍藏版）》请在冰豆网上搜索。

淘宝网店美工

淘宝网店美工

网店视觉营销

1.1装修店铺引爆流量

网购有它的特殊性，在实体店，消费者可以用五官去感知实物，他们可以看、尝、摸、闻、听等，而在网上买东西，我们的买家就只能通过眼睛去看卖家做的图片和文字，或者去看我们拍的视频，我们只能靠色彩、图片和文字来传达信息。

让店铺更美观

吸引更多的眼球

装丢店铺的目的让买家停留的更久

增加点击率

提升转换率

1.2日销千里之视觉营销

美观创意传达第一时间把产品信息传达给买家

什么最重要

首页设计和焦点图设计风格统一，色彩搭配应季，重点突出，一个焦点突出一个重点，重点多了，就等于没有重点。

淘宝首页焦点图最高每天点击62万次，最低每天点击1.6万次！

影响素材的8大要素：

色彩、版式布局、整体风格、图片、文字、主题、品牌、促销。

视觉营销的定义：

利用色彩、图像、文字等造成的冲击力，吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。

视觉效果是作好营销必不可少的营销手段之一。

1.3色彩—黄金分割配色法

不论在平面设计、三维设计、还是网页设计中，色彩永远都是最重要的一环。

如：

红色—、热情权威自信

粉色—温柔甜美浪漫

黑色—高贵权威创意

灰色—诚恳考究沉稳

蓝色—希望理想独立

紫色—优雅浪漫高贵

绿色—清新活力安全

1.3.1色彩基本分类

自然界中的颜色分为非彩色和彩色两大类，非彩色指黑色、白色和各种深浅不一的灰色。

1.3.2色彩的属性

色相改变图片的颜色

饱和度改变图片颜色的深浅彩色的三要素

明度调整明度

对于非彩色，只有调整明度才会变化

1.3.3色彩的搭配

调整透明度

先选定一种色彩

饱和度

色调、饱和度不变

配出同一种色彩

调亮度

同一种色彩

同一种颜色，不同深度渐变，看起来有质感

不同颜色的渐变，看起来不协调，没有质感，而且很刺眼

在调色中，亮度值将是我们的主角

第二种色彩，也是我们接下来要找的基于第一个主色调的对比

　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　选第二种色彩　　　　　　　　　　　　　　　　（0—240）＋１４８

对比色的方法

（148—240）—１４８

不要用亮度值在９２—１４７之间作大面积背景色

亮度不变

同一色系

色相任意

在配色中，还要切记一些误区：

　ａ．不要将所有颜色都用到，尽量控制在三种色彩以内

　ｂ．背景和前文的对比要尽量大，绝对不要用花纹繁复的图案作背

　　　作背景，以便突出主要文字内容。

1.3.4如何把握好风格

统一的外观，界面友好，易使用

突出标准色彩

把握好风格经验将logo尽可能的放在页面的最突出的位置

相同类型的图像采用相同效果。

根据自己的喜好

根据自己店铺的主营项目选择风格

从哪些方面选择风格从客户的角度出发选择风格

装修风格还应该应季

风格设置的具体操作

店铺装修的流程

1.4图像—全局把控店铺装修

1.4.1首页布局

在设计首页的时候，一定要让浏览者在第一屏就能将重要的信息看完整，首页要传达的图片信息也很重要，要让买家第一眼就看出这家店铺是买什么的，焦点图一定要放在黄金分割的位置，引人注目！

1.4.2自定义促销区设计

促销区的设计要点：

a.促销区是整个店铺的窗口，传达着我们店铺的品牌形象、促销活动等重要信息。

b.促销求不仅仅是促销，而是体现店铺的“不可替代”，如何不可替代从六方面来考虑：

服务、品质、价格、特殊效果、品牌效应、促销活动，消费者永远不会单纯的认为价格越低越好，他关心的是他所买的宝贝是否值这个价格，你要让他觉得这个宝贝是物超所值！

C.设计促销区的时候一定要注意突出重点。

思考：

你的店铺“不可替代”的是什么？

你的店铺针对的消费人群是怎样的？

你的店铺的潜在消费者的需求是什么？

1.4.3店招

店招的作用：

明确品牌定位和产品的定位。

店招的共性：

店招上的文字和背景对比色鲜明、店铺名称都用粗体以及明确的传达品牌和产品两个信息。

店招的主体风格一定要和整个店铺的风格统一。

1.4.4宝贝描述

视觉营销的作用：

引起潜在顾客关注（流量）、引起买家兴趣和购买欲望（有效流量）、传达网站信息，塑造网站形象（忠实流量），成功在一个买家心中树立起网站的形象，比实际成交一笔订单所取得的收益更大。

认识商品——改变态度——产生购买行为

宝贝描述规则:

（1）宝贝整体图片

（2）细节图片

（3）产品介绍文字（4）售后服务

（5）交易条款（6）联系方式

淘宝网的特点：

让多位潜在消费者同时接受一个产品信息。

宝贝描述需要同销售专员一样从买家的需求出发。

宝贝描述包含的基本信息：

商品展示类、实力展示类、吸引购买类、交易说明类、促销说明类。

图片清晰

真实展示

图片拍摄多角度拍摄

远景

景别中景

近景

特写

展示产品的整体性

展示产品的局部细节

宝贝描述

展现品质

展现品牌

尺码及售后说明

跳失率高—放在上面

关联销售转换率高—放在下面

写宝贝描述的文案

制作宝贝描述模板

制作宝贝描述的规范流程制作完整的效果图

切片

制作宝贝描述代码

宝贝上架

1.5文学——学会用图片说话

1.5.1自定义页面

自定义页面的特点：

独立页面，有文字与图像的组合连接。

自定义页面的作用：

把卖点喊出来（我的优势与你有关）以及品牌的表现（充分展示店里店铺的实力）。

1.5.2宝贝分类的

充分考虑产品属性和受众的浏览习惯

新品和特价分类尽量靠前

宝贝分类的基本原则分类不是越多越好

清晰明了是基本要求

不要出现无宝贝的分类

我们的分类一定要从实用性出来，为此我们要考虑：

（1）为谁服务

（2）人性化设置，让买家无障碍浏览

（3）分类是否能让买家快速找到（4）音乐是否有关闭提醒

（5）客服是有有明显标示（6）购物路径是否清晰

1.6视觉与营销

视觉营销

手段目的视觉与营销的关系

毛利额=销售额*毛利率--费用

交易笔数*客单价作用

客流量转化率视觉营销

轻轻松松做网拍

2.1轻轻松松玩转网拍相机

相机的分类：

轻巧型、准专业型、专业级（单反）

网拍相机的四要素：

合适的感光元件、强悍的手动模式（M模式）、必备的热靴插槽以及强劲的微距

勾魂式图片处理技巧

网页中的小文字，显示效果最佳的是宋体、12号字

促销广告设计

4.1促销广告设计的标准

设计的好坏决定了点击率的多少，直接影响广告盈亏。

4.2促销广告设计的方法

第一主题

信息传达的层次结构

通过形式强化主题——形式不可大于内容

设计风格要与目标人群一致。

目标人群的审美特征模特要与目标人群特征吻合

也要和产品特点吻合。

色彩——6:

3:

!

的比例配置

字体——按读音来选择字体

标签——符合产品的特点

引导——明确的按钮和箭头会对买家产生心理暗示

气氛——气氛的塑造依赖于细节

对比和夸张——吸引消费者的注意

取舍——

修图——突出重点

平衡——画面的平衡感取决于个元素的“视觉重量”

构图势能——是对平衡有意识的破坏，以增加注意力。

集群——人们总是把位置靠得近的看成一体。

间隙——空白空间是画面语言的标点符号。

4.3促销广告的实施步骤

三分设计，七分沟通。

充分的沟通、充足的素材，是做好设计的前提。

设计是营销策略的外延，是其视觉表达形式。

不理解策划的意图，做不出好的设计。

要耐心地体验产品，读懂策划，不要上来就开始做，要想成熟了再开始。

促销目标产品体验形成文案

产品策略策略沟通定义主题

受众分析素材准备分解层次

媒体分析草案讨论构图、色调

时段分析确定创意排版、字体

参考文件细节、气氛

促销广告实施步骤

店铺LOGO

左上角最显著的位置

网店的标志会出现在哪里淘宝搜索列表页、

纷繁复杂的流量入

店铺的LOGO是网店最主要的视觉符号

细节设计

细节体现一个网店的品质高低

6.1旺旺头像设计

旺旺头像是细节营销的一个展现点

旺旺头像制作注意事项：

（1）色彩不宜过多，尽量以轮廓线来表现。

（2）细节在很小的显示状态时看不到，所

以不要拘泥于小细节。

（3）为了更清晰可以用滤镜做适当锐化。

（4）保存时选择保存为网页格式，用网页安全色，文件应控制在200KB内。

6.2GIF动画

GIF图片以较少的颜色存储单个光栅图像据或多个光栅图像数据。

GIF图片支持透明度、压缩、交错和多图像图片（动画GIF）。

GIF透明度不是alpha通道透明度，不能支持半透明效果。

GIF压缩是LZW压缩，压缩比大概为3：

1.

GIF动画在网店设计中的应用很广泛，如店标、店铺收藏、广告、价格标签等。

适当的应用会增加销售气氛，提升用户体验，但切记泛滥，这样会严重干扰客户的注意力，每屏不出现两个以上的动画，动画的面积不易过大，不然会让整个画面躁动。

特别产品可以采取这种方法进行产品细节描述，（GIF不适合做很大的图），GIF适合那些由简单色块组成的图案。

6.3旺旺表情制作

自绘的个性化表情可以给消费者留下更深刻的印象和更好的沟通体验，旺旺表情如果做的有趣会被传播，起到宣传品牌的作用。