网店美工-视觉之旅讲课稿
网店美工视觉设计实战教程课件-第4章店铺首页核心模块设计
4.5.1 制作女装店招
（2）输入文本， 制作文字类型的店 标。
（4）利用直线分割 矩形，输入文本，制 作优惠券。
34
1. 设计思路
（1）新建文件， 创建店招空白区域 与导航区域的辅助 线。
（3）添加分类图 片，并结合形状与 文字使用。
（5）输入导航条 文本，并添加标签。
4.5.1 制作女装店招
A B
植入品牌形象
在设计时可以通过店铺名称、标志 来植入品牌形象。
抓住商品定位
产品定位是指展示你的店铺卖的什么产 品，精准的产品定位可以快速吸引目标 消费群体进入店铺。
4.1.2 制作常规店招
4
下面我们将介绍制作美妆专卖店“护肤壹家”常规店招的方法。由于该店铺名称与“护 肤品”有关，因此店招的整体色调要符合女性消费人群的特点，并且要有活动的氛围感。
9
输入导航条文本
38
10
最终效果
4.5.2 制作女装海报
1. 设计思路
确定主色调，红色可以 营造温暖的氛围，烘托 外套的保暖性。
39
在页面左侧添加文本，在 页面右侧添加女装模特素 材，并为女装模特添加投 影，增加其立体感。
制作背景，通过 素材与矩形工具 的运用来制作出 背景效果。
4.5.1 制作女装店招
35
2. 知识要点
文字店标的设计 导航条的设计
文本的输入
图形的绘制
4.5.1 制作女装店招
36
3. 操作步骤 下面进行女装店招的制作，其具体操作如下。
1
3
新建文件并创建辅助线
绘制收藏图标
2
输入文本
4
绘制并复制矩形
4.5.1 制作女装店招
5
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
《网店美工说课》课件
详情页设计
总结词：关联推荐
详细描述：在详情页中可添加关联推荐，向顾客推荐与该商品相关的其他商品，提高客单价。
详情页设计
总结词
购物车集成
详细描述
详情页应与购物车集成，方便顾客将商品加入购物车或 直接购买。
活动页设计
总结词
活动氛围营造
详细描述
活动页是网店举办促销活动的页 面，设计时应注重营造活动氛围 ，吸引顾客参与。
推广图设计
总结词：创意吸睛
详细描述：推广图是用于广告投放的图片素材， 设计时应注重创意和视觉效果，吸引目标受众点 击。
推广图设计
01
总结词：突出卖点
02
详细描述：推广图应突出商品的 卖点或促销信息，让目标受众了 解广告内容。
推广图设计
总结词：简洁明了
详细描述：推广图设计应简洁明了， 避免过多的文字和元素，以免干扰目 标受众的注意力。
网店美工的职责
负责网店的视觉设计
包括店铺首页、商品详情页、促销活 动页等页面的设店铺 的标志、字体、色彩等视觉元素，并
保持品牌形象的一致性和统一性。
商品图片处理和美化
对拍摄后的商品图片进行修图、调色 、添加水印等处理，提高商品图片的 质量和美观度。
情感化设计将更多地应用于网店美工，通过情感 化的元素和故事来吸引用户。
电商行业的发展趋势
社交电商的崛起
数据驱动的设计优化
社交电商的兴起将为网店美工提供更 多的展示机会和创意空间。
电商行业对数据的重视将推动网店美 工的数据分析能力，实现精准设计和 优化。
跨境电商的发展
跨境电商的崛起将促进网店美工的国 际化发展，要求更高的跨文化沟通能 力。
选择与品牌调性相符的颜 色，保持整体色调统一。
网店美工视觉设计实战教程课件-第1章网店美工基础
书法体包括楷体、叶根友毛笔行 书、篆书体、隶书体、行书体和燕书 体等，书法体具有古朴秀美、历史悠 久的特征，常用于古玉、茶叶、笔墨、 书籍等古典气息浓厚的店铺中。
1.2.3 文字的应用
10
2 字体的布局技巧
字体的选用与变化 排版网店广告文案时，选择2~3种 匹配度高的字体是最佳的视觉效果。
01
主色：主色调是页面中占用面积最大，也是最受瞩目的色彩，它决定了
01
整个店铺的风格，主色调不宜过多，一般控制在1~3种颜色，过多容易 造成视觉疲劳。主色调不是随意选择的，而是系统性分析自己品牌受众
人群的心理特征，找到群体中易于接受的色彩。
02
辅助色：辅助色是指占用面积略小于主色，用于烘托主色的颜色。合理 应用辅助色能丰富页面的色彩，使页面显示更加完整、美观。
✓ 恢复默认前景色与背景色：单击 按钮可恢复默认的
前景色与背景色。
✓ 切换前景色与背景色：单击 按钮，可在前景色与背
景色之间切换。
✓ 选区填充：创建选区后，按【Ctrl+Delete】组合键可
以用背景色填充当前图形，按【Alt+Delete】组合键 可以用前景色填充当前图形。
1.3.2 图层的基本操作
20
网店美工在抠取一些规则的矩形和圆形商品时，可通过对应的选择工具快速创建选区进行抠
图，如矩形选框工具、椭圆选框工具；对于边缘为直线的规则商品，可选择多边形套索工具进行
快速抠图。下面利用多边形套索工具和椭圆选框工具抠取图中的面膜，并为其更换背景，其具体
操作步骤如下。
1
2
使用多边形套索工具绘制选区
新建白色背景图片
作步骤如下。
3
4
调整图像尺寸
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第6章制作PC端网店首页
22
构图：构图的好坏直接影响海报的效果，构图主要分为左右构图、左中右三分式构图、上 下构图、底面构图和斜切构图6种。
左右构图
6.3.2 全屏海报的设计要点
23
配色：海报需要统一色调。在配色时，重要的文字信息用突出、醒目的颜色进行强调，通 过明暗对比以及不同颜色的搭配来确定对应的风格。海报的背景颜色应该统一，不要使用 太多的颜色，以免页面杂乱。
6.3.1 全屏海报的组成要点
20
全屏海报一般是由文案、商品图片、模特或背景中的至少两种元素组成的，下面分 别分别介绍。
文案：文案主要用来表现海报
主题，其组成部分包括标题、
01
副标题、促销信息等。
商品图片：可以让文案描述更
02
加具象化。
模特：模特是辅助商品展示的
03
元素。
背景：背景主要起烘托主题的
3 创建组 5 输入“农家果园”文字 6 输入其他文字
4 添加 Logo
6.2.5 制作通栏店招
17
7 输入其他文字 8 拖入水果素材 9 输入商品促销文字 10 绘制圆角矩形 11 绘制导航条
6.2.5 制作通栏店招
12 设置导航条文字
13 绘制矩形框 15 完成后的效果
18
14 设置色阶值
ห้องสมุดไป่ตู้
6.1 认识PC端网店首页 6.2 网店店招与导航条的制作 6.3 全屏海报的制作 6.4 优惠券的制作 6.5 商品分类的制作 6.6 其他板块的制作 6.7 课堂实训——制作女包PC端网首页
6.2.1 店招的制作要点
7
就淘宝网而言，按尺寸大小可以将店招分为常规店招和通栏店招两类。常规店招 为950×120像素，而通栏店招尺寸多为1920×150像素。一般来说，店招主要包括品 牌形象展示店招和商品导购店招两种。
网店美工教案
网店美工教案一、教学目标1、让学生了解网店美工的重要性和作用。
2、使学生掌握网店美工所需的基本软件操作技能，如 Photoshop、Illustrator 等。
3、培养学生的审美能力和创新思维，能够独立完成网店页面的设计与装修。
4、提高学生对色彩、构图、排版等设计元素的运用能力，制作出吸引人的网店页面。
二、教学重难点1、重点掌握网店页面设计的基本原则和流程。
熟练运用设计软件进行图片处理和页面排版。
学会运用色彩、字体、图形等元素提升页面的视觉效果。
2、难点培养创新思维，设计出独特且符合网店风格的页面。
能够根据不同商品的特点和目标受众，制定合适的设计方案。
三、教学方法1、讲授法通过讲解和演示，向学生传授网店美工的基本理论知识和软件操作技巧。
2、案例分析法展示优秀的网店页面案例，引导学生分析其设计思路和优点，从中汲取经验。
3、实践操作法让学生亲自动手进行设计实践，在实践中巩固所学知识和技能。
4、小组讨论法组织学生进行小组讨论，共同解决设计过程中遇到的问题，培养团队合作精神和沟通能力。
四、教学资源1、多媒体教室，配备电脑和设计软件。
2、相关教材和参考书籍。
3、网络资源，如设计网站、论坛等。
五、教学过程1、导入（约 10 分钟）展示一些精美的网店页面和普通的网店页面，让学生对比分析，引导学生思考网店美工对网店销售的影响。
提问学生对网店美工的初步认识和理解，激发学生的学习兴趣。
2、知识讲解（约 30 分钟）介绍网店美工的概念、职责和工作内容。
讲解网店页面设计的基本原则，如简洁性、一致性、突出重点、引导性等。
讲解色彩搭配的基本原理和常用方法，如对比色、互补色、邻近色的运用。
介绍字体的选择和排版技巧，包括字体的风格、大小、间距等。
3、软件操作演示（约 40 分钟）打开设计软件（如 Photoshop），演示图片处理的基本操作，如裁剪、调色、抠图等。
演示如何制作网店页面的模板，包括页面布局、导航栏设计、商品展示区设计等。
网店美工视觉设计教学大纲5
《网店美工视觉设计实战教程》教学大纲一、课程信息课程名称：网店美工：店铺装修+图片美化+页面设计+运营推广课程类别：素质选修课/专业基础课课程性质：选修/必修计划学时：21计划学分：2先修课程：无选用教材：《网店美工视觉设计实战教程》适用专业：本书可作为有志于或者正在从事网店美工相关职业的人员学习和参考，也可作为高等院校电子商务相关课程的教材。
课程负责人：二、课程简介随着网店的迅速普及和全民化，衍生了“网店美工”这个针对网店页面视觉设计的新兴行业。
本书从网店美工的角度出发，为网店卖家提供全面、实用、快速的店铺视觉设计与装修指导。
主要包括网店美工基础、图片调色、图片修饰、店铺首页核心模块设计、详情页视觉设计、页面装修、视觉营销推广图制作等，最后针对无线端进行首页、详情页视觉的设计与装修。
本书内容层层深入，并通过丰富的实例为读者全方面介绍网店美工在日常工作中所需的知识和技能，有效地引导读者进行网店店铺装修的学习。
本课程主要对网店美工的设计基础和方法进行详细介绍，通过学习该课程，使学生了解网店美工的基本要求，以及掌握网店的设计与制作。
三、课程教学要求序号专业毕业要求课程教学要求关联程度1 工程知识2 问题分析学生应当能够认识作为网店美工的基本要求，包括基础知识和技能要求，以及掌握Photoshop CS6的图片处理的使用H3 设计/开发解决方案具备Photoshop CS6处理图片的能力，能够制作美观适用的网店宣传性图片H4 研究能够利用图像的设计方案学习各家之所长M5 使用现代工具6 工程与社会L7 环境和可持续发展8 职业规范培养网店美工职业道德，遵守宣传规范和理念L9 个人和团队案例分析与讨论要求学生分组，分担任务，学习配合H10 沟通通过小组发言、提交案例报告增强语言与文字沟通能力H11 项目管理H12 终身学习注：“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。
网店美工视觉设计教学教案
《网店美工视觉设计实战教程》配套教学教案第1章课时内容网店美工基础授课时间135分钟课时 3教学目标☑了解网店美工的基本概念。
☑掌握网店美工必备视觉营销知识。
☑首席Photoshop CS6的基本操作和抠图技法。
教学重点☑掌握网店美工的基础技能。
☑掌握色彩搭配及图形元素和文字的应用。
☑掌握色彩和图层的处理，以及图片的调整。
☑掌握基本抠图和毛发、半透明等复杂抠图技巧。
教学难点☑熟练使用技能扣取复杂图片。
教学设计1、教学思路：（1）介绍网店美工的基础知识，使读者掌握网店美工的基础和技能要求；（2）着重讲解网店美工在视觉营销方面的知识，掌握时下最时尚的设计效果；（3）讲解Photoshop CS6的基本操作，包括设置前景色和背景色、图层的操作、裁剪图片和批处理图片；（4）讲解常用的抠图技巧，包括规则图形抠图、简单背景抠图、复杂图像抠图、毛发抠图和半透明抠图；（5）最后安排实战演练和课后练习。
2、教学手段：（1）由浅入深，从基础知识到实际操作；（2）以实例讲解操作，对设置的方法以及效果均配图讲解。
3、教学资料及要求：除教材中讲解的知识，学员可以学习关于构成与排版等方面的知识，通过各种模板，提升自己的操作能力和审美能力。
教学内容讨论问题：1、网店美工主要做些什么，从事哪些行业？2、视觉营销对网店的影响力？内容大纲：具体可结合本章的PPT课件进行配合讲解。
1.1 网店美工概述1.1.1 网店美工的应用范畴1.1.2 网店美工的技能要求1.2 网店美工必备视觉营销知识1.2.1 色彩搭配1.2.2 图形元素的应用1.2.3 文字的应用1.3 Photoshop CS6 基本操作1.3.1 设置前景色与背景色1.3.2 图层的基本操作1.3.3 裁剪并更改图片尺寸1.3.4 批处理图片1.4 Photoshop CS6抠图1.4.1 规则图形抠图1.4.2 简单背景抠图1.4.3 复杂图像抠图1.4.4 毛发抠图1.4.5 半透明物体抠图1.5 实战演练1.5.1 为沙发更换背景1.5.2 原汁机更换背景课后练习小结 1、 了解网店美工相关基础和技能知识。
《网店美工说课》课件
图片处理
掌握常用图片处理工具和技术，能够对图片进行 修图和优化。
网页排版与结构设计
掌握网页布局和结构设计原则，使网店页面更加 有吸引力和易读性。
网店美工的具体任务
1
网页布局设计
2
设计符合品牌形象的网页布局，使用户
浏览和购买更加方便和愉快。
3
客户端UI设计
4
设计供用户使用的客户端界面，提升用
户体验和满意度。
5
商品图片设计
设计精美的商品图片，突出产品特点和 卖点。
广告位设计
设计吸引人的广告位，提高网店的点击 率和转面，提高用 户参与度和留存率。
网店美工的案例分析
创意网页设计
通过经典案例的分析，探讨设计 理念和创意的运用。
《网店美工说课》PPT课 件
这是一门致力于介绍网店美工的基本概念和技能的课程，帮助学员完成在网 店平台上美工相关的工作。
什么是网店美工
通过定义与作用，以及职责和任务等，介绍网店美工在电子商务中的重要性 和价值。
网店美工所需技能
图像设计
掌握图像设计原理和技巧，注重色彩、形状和比 例的搭配。
色彩搭配与风格指导
网店美工是一项非常重要的工作，需要综合掌握多种技能。通过本课程的学习，希望学员能够掌握相关的技能， 创造更加广泛和惊艳的网店美工作品。
电商网站设计
通过成功的网店案例，总结设计 的关键要素和策略。
产品摄影设计
通过多个案例，了解产品摄影对 网店销售的影响。
网店美工的进阶
通过学习进阶的路径和方法，以及设计领域的发展趋势，启发学员对网店美工的不断学习和提升。
总结与展望
强调网店美工在电子商务中的重要性，展望网店美工在未来的发展前景。
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案
《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第1章小结1、掌握网店美工的工作范畴。
2、掌握网店美工需要遵循的设计原则。
3、掌握网店美工工作流程。
课后练习课后练习——赏析ESEDO网店首页的设计本练习要求以如图所示的网店首页为例，赏析其页面风格、色彩搭配、商品图片展现、设计手法等。
第2章2.4.1文案在网店美工中的重要性2.4.2文案的策划2.4.3文案的前期准备2.4.4文案的写作要点2.4.5主图文案的设计与编写2.4.6详情页文案的设计与编写2.4.7海报文案的设计与编写2.5课堂实训——鉴赏森林大叔旗舰店的首页2.6课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配练习2：赏析森马官方旗舰店首页的布局2.7拓展知识小结1、掌握色彩的搭配技巧。
2、掌握版式布局的知识。
3、掌握文字的运用原则。
4、掌握文案设计与编写。
课后练习练习1：赏析戈美琪女鞋旗舰店色彩搭配和字体搭配如图所示为戈美琪女鞋旗舰店首屏效果，要求对页面的设计元素、色彩搭配与字体搭配进行分析。
练习2：赏析森马官方旗舰店首页的布局如图所示为森马官方旗舰店首页，要求对首页的颜色、风格、搭配、构图方式、网页元素等进行分析。
第3章实训3：抠取耳机图片并合成3.5课后练习练习1：处理红毛丹污点练习2：抠取红酒商品图片并合成3.6拓展知识小结1、掌握修改商品图片尺寸及校正方法。
2、掌握优化图片的方法。
3、掌握抠取图片并合成的方法。
课后练习练习1：处理红毛丹污点本例将打开“红毛丹.jpg”素材文件，处理其中的污点并加深红毛丹的色泽。
处理前后的对比效果如图所示。
其具体要求如下。
熟练掌握商品图片的优化方法。
分别使用污点修复画笔工具、海绵工具、模糊工具对图片进行处理，使整个红毛丹更加美观。
练习2：抠取红酒商品图片并合成本例将对“红酒.jpg”素材文件进行抠图，将其抠取出来的红酒瓶应用到其他背景中，调整大小和位置后合成为更具有营销表现力的效果图片。
网店美工视觉设计教学教案
网店美工视觉设计教学教案教学目标：1.理解网店美工视觉设计的基本概念和原理。
2.掌握网店美工视觉设计的基本技巧和方法。
3.提高学生的网店美工视觉设计能力。
教学内容：1.网店美工视觉设计的概念和原理：a.网店美工视觉设计的定义和作用。
b.网店美工视觉设计的基本原理和规则。
2.网店美工视觉设计的基本技巧和方法：a.色彩搭配和表现。
b.图片选择和处理。
c.布局和排版。
d.字体选择和运用。
3.网店美工视觉设计的案例分析和实践：a.分析和评价不同网店美工设计的案例。
b.进行实际的网店美工视觉设计实践。
教学过程：第一节：网店美工视觉设计的概念和原理（20分钟）1.引入：与学生讨论什么是网店美工视觉设计，为什么它在网店设计中很重要。
2.讲解网店美工视觉设计的定义和作用。
3.介绍网店美工视觉设计的基本原理和规则，如色彩心理学、黄金分割、对比等。
第二节：网店美工视觉设计的基本技巧和方法（30分钟）1.色彩搭配和表现：讲解如何选择和搭配网店美工设计中的色彩，以及不同色彩的表现效果。
2.图片选择和处理：介绍如何选择合适的图片素材，如何进行图片处理和优化。
3.布局和排版：讲解网店美工设计中的布局原则和排版技巧。
4.字体选择和运用：介绍如何选择合适的字体，并讲解字体在网店美工设计中的运用方法。
第三节：网店美工视觉设计的案例分析和实践（40分钟）1.分析和评价不同网店美工设计的案例：让学生观察和分析不同网店的美工设计，并提出自己的评价和改进意见。
2.进行实际的网店美工视觉设计实践：让学生根据自己所学的网店美工设计技巧和方法，设计一个网店页面或广告素材。
第四节：总结和展望（10分钟）1.整理学生的设计作品，并展示给全班。
2.总结网店美工视觉设计的重要性和基本原则。
3.展望未来，鼓励学生在网店美工视觉设计领域持续学习和探索。
教学评价：1.学生的参与度和表现。
2.学生的设计作品质量和创意。
3.学生对网店美工视觉设计的理解和运用能力。
电商美工演讲稿范文模板
大家好！今天，我非常荣幸能站在这里，与大家分享关于电商美工的一些心得与感悟。
在这个信息爆炸、视觉为王的时代，电商美工的重要性不言而喻。
下面，我将从以下几个方面展开演讲。
一、电商美工的定位与作用首先，让我们明确一下电商美工的定位。
电商美工，顾名思义，就是负责电商平台上的视觉设计工作。
他们通过精美的图片、生动的文案和独特的排版，将商品信息以最直观、最具吸引力的方式呈现给消费者，从而提高转化率，实现销售目标。
电商美工的作用主要体现在以下几个方面：1. 提升商品吸引力：优秀的电商美工能够将商品的特点和优势充分展现出来，吸引消费者的目光。
2. 提高用户体验：通过合理的布局和美观的视觉效果，提升用户体验，让消费者在购物过程中感受到愉悦。
3. 增强品牌形象：电商美工在设计中融入品牌元素，有助于树立品牌形象，提高品牌知名度。
4. 优化转化率：精美的商品展示和文案，能够激发消费者的购买欲望，从而提高转化率。
二、电商美工的设计原则1. 简洁明了：设计应简洁明了，避免过于复杂的元素和色彩，以免影响消费者的视觉体验。
2. 突出重点：在设计过程中，要明确商品的特点和优势，将重点突出展示。
3. 符合品牌风格：设计应与品牌形象相符合，体现品牌特色。
4. 适应多种设备：随着移动端用户的增多，设计要考虑在手机、平板等多种设备上的显示效果。
5. 用户体验至上：始终以消费者的需求为中心，关注用户体验，使设计更加人性化。
三、电商美工的发展趋势1. 个性化设计：随着消费者需求的多样化，个性化设计将成为电商美工的发展趋势。
2. 数据驱动：通过数据分析，优化设计效果，提高转化率。
3. 跨界融合：电商美工与其他领域的融合，如摄影、影视等，将为电商行业带来更多创新。
4. 技术驱动：人工智能、虚拟现实等技术的应用，将为电商美工带来更多可能性。
最后，我想说，电商美工在电商行业的发展中扮演着至关重要的角色。
作为一名电商美工，我们要紧跟时代步伐，不断提升自己的专业素养，为电商行业的发展贡献自己的力量。
网店美工视觉之旅
网店美工网店视觉营销1.1装修店铺引爆流量网购有它的特殊性，在实体店，消费者可以用五官去感知实物，他们可以看、尝、摸、闻、听等，而在网上买东西，我们的买家就只能通过眼睛去看卖家做的图片和文字，或者去看我们拍的视频，我们只能靠色彩、图片和文字来传达信息。
让店铺更美观吸引更多的眼球装修店铺的目的让买家停留的更久增加点击率提升转换率1.2日销千里之视觉营销美观创意传达第一时间把产品信息传达给买家什么最重要首页设计和焦点图设计风格统一，色彩搭配应季，重点突出，一个焦点突出一个重点，重点多了，就等于没有重点。
淘宝首页焦点图最高每天点击62万次，最低每天点击1.6万次！影响素材的8 大要素：色彩、版式布局、整体风格、图片、文字、主题、品牌、促销。
视觉营销的定义：利用色彩、图像、文字等造成的冲击力，吸引潜在顾客的关注，由此增加产品和网站的吸引力，从而达到营销制胜的效果。
视觉效果是作好营销必不可少的营销手段之一。
1.3色彩—黄金分割配色法不论在平面设计、三维设计、还是网页设计中，色彩永远都是最重要的一环。
如：红色—、热情权威自信粉色—温柔甜美浪漫黑色—高贵权威创意灰色—诚恳考究沉稳蓝色—希望理想独立紫色—优雅浪漫高贵绿色—清新活力安全1.3.1色彩基本分类自然界中的颜色分为非彩色和彩色两大类，非彩色指黑色、白色和各种深浅不一的灰色。
1.3.2 色彩的属性色相改变图片的颜色饱和度改变图片颜色的深浅彩色的三要素明度调整明度对于非彩色，只有调整明度才会变化1.3.3色彩的搭配调整透明度先选定一种色彩饱和度色调、饱和度不变配出同一种色彩调亮度同一种色彩同一种颜色，不同深度渐变，看起来有质感不同颜色的渐变，看起来不协调，没有质感，而且很刺眼在调色中，亮度值将是我们的主角第二种色彩，也是我们接下来要找的基于第一个主色调的对比选第二种色彩（0—240）＋１４８对比色的方法（148—240）—１４８不要用亮度值在９２—１４７之间作大面积背景色亮度不变同一色系色相任意在配色中，还要切记一些误区：ａ．不要将所有颜色都用到，尽量控制在三种色彩以内ｂ．背景和前文的对比要尽量大，绝对不要用花纹繁复的图案作背作背景，以便突出主要文字内容。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
网店美工
网店视觉营销
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促销广告的实施步骤
三分设计，七分沟通。
充分的沟通、充足的素材，是做好设计的前提。
设计是营销策略的外延，是其视觉表达形式。
不理解策划的意图，做不出好的设计。
要耐心地体验产品，读懂策划，不要上来就开始做，要想成熟了再开始。
促销广告实施步骤
店铺LOG O
左上角最显著的位置网店的标志会出现在哪里淘宝搜索列表页、
纷繁复杂的流量入店铺的LOGO是网店最主要的视觉符号
细节设计
细节体现一个网店的品质高低
6.1旺旺头像设计
旺旺头像是细节营销的一个展现点
旺旺头像制作注意事项：（1）色彩不宜过多，尽量以轮廓线来表现。
（2）细节在很小的显示状态时看不到，所
以不要拘泥于小细节。
（3）为了更清晰可以用滤镜做适当锐化。
（4）保存时选择保存为网页格式，用网
页安全色，文件应控制在200KB内。
6.2 GIF动画
GIF图片以较少的颜色存储单个光栅图像据或多个光栅图像数据。
GIF图片支持透明度、压缩、交错和多图像图片（动画GIF）。
GIF透明度不是alpha通道透明度，不能支持半透明效果。
GIF压缩是LZW 压缩，压缩比大概为3：1.
GIF动画在网店设计中的应用很广泛，如店标、店铺收藏、广告、价格标签等。
适当的应用会增加销售气氛，提升用户体验，但切记泛滥，这样会严重干扰客户的注意力，每屏不出现两个以上的动画，动画的面积不易过大，不然会让整个画面躁动。
特别产品可以采取这种方法进行产品细节描述，(GIF不适合做很大的图)，GIF适合那些由简单色块组成的图案。
6.3旺旺表情制作
自绘的个性化表情可以给消费者留下更深刻的印象和更好的沟通体验，旺旺表情如果做的有趣会被传播，起到宣传品牌的作用。