《网店美工设计》教学课件
合集下载
《网店美工说课》课件
详情页设计
总结词：关联推荐
详细描述：在详情页中可添加关联推荐，向顾客推荐与该商品相关的其他商品，提高客单价。
详情页设计
总结词
购物车集成
详细描述
详情页应与购物车集成，方便顾客将商品加入购物车或 直接购买。
活动页设计
总结词
活动氛围营造
详细描述
活动页是网店举办促销活动的页 面，设计时应注重营造活动氛围 ，吸引顾客参与。
推广图设计
总结词：创意吸睛
详细描述：推广图是用于广告投放的图片素材， 设计时应注重创意和视觉效果，吸引目标受众点 击。
推广图设计
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
调整图像尺寸
书法体包括楷体、叶根友毛笔行 书、篆书体、隶书体、行书体和燕书 体等，书法体具有古朴秀美、历史悠 久的特征，常用于古玉、茶叶、笔墨、 书籍等古典气息浓厚的店铺中。
1.2.3 文字的应用
10
2 字体的布局技巧
字体的选用与变化 排版网店广告文案时，选择2~3种 匹配度高的字体是最佳的视觉效果。
01
主色：主色调是页面中占用面积最大，也是最受瞩目的色彩，它决定了
01
整个店铺的风格，主色调不宜过多，一般控制在1~3种颜色，过多容易 造成视觉疲劳。主色调不是随意选择的，而是系统性分析自己品牌受众
人群的心理特征，找到群体中易于接受的色彩。
02
辅助色：辅助色是指占用面积略小于主色，用于烘托主色的颜色。合理 应用辅助色能丰富页面的色彩，使页面显示更加完整、美观。
✓ 恢复默认前景色与背景色：单击 按钮可恢复默认的
前景色与背景色。
✓ 切换前景色与背景色：单击 按钮，可在前景色与背
景色之间切换。
✓ 选区填充：创建选区后，按【Ctrl+Delete】组合键可
以用背景色填充当前图形，按【Alt+Delete】组合键 可以用前景色填充当前图形。
1.3.2 图层的基本操作
20
网店美工在抠取一些规则的矩形和圆形商品时，可通过对应的选择工具快速创建选区进行抠
图，如矩形选框工具、椭圆选框工具；对于边缘为直线的规则商品，可选择多边形套索工具进行
快速抠图。下面利用多边形套索工具和椭圆选框工具抠取图中的面膜，并为其更换背景，其具体
操作步骤如下。
1
2
使用多边形套索工具绘制选区
新建白色背景图片
作步骤如下。
3
4
调整图像尺寸
网店美工全书电子教案完整版课件全书教学课件
一、网店图片文件的类型
1. JPEG 格式 JPEG 是最常见的一种图片格式，文件的扩展名为 . jpg 或 . jpeg。
2. PNG 格式 PNG 是可移植的网络图形格式。
3. GIF 格式 GIF 是图形交换格式。
二、网店图片编辑软件
Photoshop CS6 是一款用于图像制作和处理的专业软件，具有 强大的功能，利用这些功能，可以有效地进行商品图片的编辑，是 网店美工必备的软件工具。
1. 文字编辑工具 2. “段落”调板
第 4 节 商品分类设计
一、商品类目的分类原则 二、商品类目的分类方式
1. 按商品种类按商品风格分类
三、商品类目导航条 四、商品分类设计的相关工具
1. 图层工具 2. 绘画工具 3. 图案图章工具 4. 切片工具
课件 制作
“动作”控制面板可以 对图像进行批量处理，避免 重复操作，提高处理图片的 效率。
课件 制作
第 2 章 网店图片设计
第 1 节 网店促销图设计 第 2 节 商品主图设计 第 3 节 商品详情页设计
第 1 节 网店促销图设计
一、促销图的类型
网店促销图一般分为整店促销图、单品促销图和活动推广促销图三种 类型。
一、色彩的分类
1. 无彩色
2. 有彩色 3. 特殊色
二、色彩的三要素
1. 色相：是区别不同色彩的名称。 2. 明度：是指色彩的明暗程度。 3. 纯度：是指色彩鲜艳的程度。
三、颜色的模式
1. RGB 模式 2. CMYK 模式 3. HSB 模式 4. Lab 模式
四、网店色彩的搭配
1. 同一色调搭配
文字栅格化后加滤镜的效果
2. 文字转换为形状 在图层面板中选择文字图层，右击鼠标转换为形状，可将文字转换为形
《网店美工案例教程》 教学课件 第四章 微信公众号数据分析
体进行关注。
19
4.3 公众号用户画像分析
1. 人口特征
人口特征包括性别分布、年龄分布和语言分布，分别如图 4-9～图 4-11所示。公众号运营人员可以根据这些数据 对文章的风格侧重调整。例如，女性用户偏多时，可以使用调皮、可爱的语言风格。
图 4-9 公众号用户性别分布
图 4-10 公众号用户年龄分布
33
4.5 案例：公众号文章分类复盘
1. 打开率低、分享率低
案例分析
《肯德基防晒霜、马应龙口红，跨界营销路子有多野？》这篇文章的打开率和分享率都低于往期平均值， 具体分析如下。
选题：跨界营销行为是挺博人眼球的，但现在回头来看，这个选题其实不算新鲜，很多公众号都写过， 而且大家本身对这种现象也见怪不怪了。
图 4-14 公众号用户访问设备终端分布
25
4.3 公众号用户画像分析 4. 单篇去群发的用户画像
我们可以看到每篇文章的用户画像，包 括性别分布、年龄分布，如图 4-15 所 示。用该画像和公众号画像进行比较， 可以分析得出该篇文章所吸引的用户是 否是平台目标用户。
图 4-15 单篇群发的用户画像
图 4-17 某公众号图文的首次打开率数据
30
4.4 公众号图文阅读量分析 课堂讨论
已知某篇文章的送达人数为 14471 人，公众号消息阅读次数为683 次，总阅读次数 为 1984 次，请计算，这篇文章的首次打开率是多少，这篇文章的打开率是多少？
31
4.5 案例：公众号文章分类复盘
打开率和分享率是公众号运营人员在做数据 分析时常用到的两个指标。打开率可以反映 出标题质量，分享率可以反映出读者对内容 的满意度，因此，结合打开率和分享率这两 个维度，我们可以将公众号文章分为四类， 如图 4-18 所示。
19
4.3 公众号用户画像分析
1. 人口特征
人口特征包括性别分布、年龄分布和语言分布，分别如图 4-9～图 4-11所示。公众号运营人员可以根据这些数据 对文章的风格侧重调整。例如，女性用户偏多时，可以使用调皮、可爱的语言风格。
图 4-9 公众号用户性别分布
图 4-10 公众号用户年龄分布
33
4.5 案例：公众号文章分类复盘
1. 打开率低、分享率低
案例分析
《肯德基防晒霜、马应龙口红，跨界营销路子有多野？》这篇文章的打开率和分享率都低于往期平均值， 具体分析如下。
选题：跨界营销行为是挺博人眼球的，但现在回头来看，这个选题其实不算新鲜，很多公众号都写过， 而且大家本身对这种现象也见怪不怪了。
图 4-14 公众号用户访问设备终端分布
25
4.3 公众号用户画像分析 4. 单篇去群发的用户画像
我们可以看到每篇文章的用户画像，包 括性别分布、年龄分布，如图 4-15 所 示。用该画像和公众号画像进行比较， 可以分析得出该篇文章所吸引的用户是 否是平台目标用户。
图 4-15 单篇群发的用户画像
图 4-17 某公众号图文的首次打开率数据
30
4.4 公众号图文阅读量分析 课堂讨论
已知某篇文章的送达人数为 14471 人，公众号消息阅读次数为683 次，总阅读次数 为 1984 次，请计算，这篇文章的首次打开率是多少，这篇文章的打开率是多少？
31
4.5 案例：公众号文章分类复盘
打开率和分享率是公众号运营人员在做数据 分析时常用到的两个指标。打开率可以反映 出标题质量，分享率可以反映出读者对内容 的满意度，因此，结合打开率和分享率这两 个维度，我们可以将公众号文章分为四类， 如图 4-18 所示。
《网店美工》课件项目2课件
下图为效果图。
步骤1 在Photoshop中新建一个500像素×400像素，分辨率为72像素/英寸的空白文档
步骤2 在选项栏中单击右上角的设置图标，在弹出的菜单中选择“全部”选项，在全部自定义图形中选择水滴自定义形 状。
步骤3 绘制图形，颜色为“#e63523”，按Ctrl+T组合键进行自由变换，在图形上单击鼠标右键，执行“垂直翻转”命令4帧处显示GZY文字图层，复制帧后，插入60帧过渡帧。 步骤8 将所有的动画帧的播放时间设置为0.1秒，最终完成国之饮动态店标的制作。
任务2.3活动图制作
【学习目标】 知识目标：1、了解各种活动图的种类以及大小。 2、了解活动图在商品推广中的重要作用。 技能目标：1、能够利用自选图形、图层样式、蒙版、文字等工具对活动图进行设计。
任务2.2店标设计
【学习目标】 知识目标： 1、了解店标的大小以及店标的作用。 2、了解店标的种类及优缺点。 技能目标： 1、能够利用自选图形、橡皮擦、文字等工具对店标进行设计。 2、掌握时间轴在动画制作中的应用技巧。 情感目标： 1、提高了学生对店标设计的认识。 2、增加了学生对动画制作的兴趣。
【任务描述】
店标是一个店铺的标志，它的存在对店铺的形象起到一定的积极作用，本节通过自定义图形工具、橡皮擦、蒙版、文字等工具设 计出“国之饮”茶店的静态店标和动态店标。
【学习内容】 店标设计与Logo设计不同，下面进行具体介绍。
1.静态店标设计制作 店标的大小为80像素×80像素，下面开始讲解“国之饮”店标的制作方法，下图为效果图。
步骤7 打开素材“边框.jpg”将边框用色彩范围抠出，再用移动工具拖入主文档内，调节大小。 步骤8 用直排文字工具输入“新品上市”字体颜色为“#000000”。输入“刺绣白色立领上袄，酒红色马面裙套装 ”字体颜色为“# 9c6436” 。
步骤1 在Photoshop中新建一个500像素×400像素，分辨率为72像素/英寸的空白文档
步骤2 在选项栏中单击右上角的设置图标，在弹出的菜单中选择“全部”选项，在全部自定义图形中选择水滴自定义形 状。
步骤3 绘制图形，颜色为“#e63523”，按Ctrl+T组合键进行自由变换，在图形上单击鼠标右键，执行“垂直翻转”命令4帧处显示GZY文字图层，复制帧后，插入60帧过渡帧。 步骤8 将所有的动画帧的播放时间设置为0.1秒，最终完成国之饮动态店标的制作。
任务2.3活动图制作
【学习目标】 知识目标：1、了解各种活动图的种类以及大小。 2、了解活动图在商品推广中的重要作用。 技能目标：1、能够利用自选图形、图层样式、蒙版、文字等工具对活动图进行设计。
任务2.2店标设计
【学习目标】 知识目标： 1、了解店标的大小以及店标的作用。 2、了解店标的种类及优缺点。 技能目标： 1、能够利用自选图形、橡皮擦、文字等工具对店标进行设计。 2、掌握时间轴在动画制作中的应用技巧。 情感目标： 1、提高了学生对店标设计的认识。 2、增加了学生对动画制作的兴趣。
【任务描述】
店标是一个店铺的标志，它的存在对店铺的形象起到一定的积极作用，本节通过自定义图形工具、橡皮擦、蒙版、文字等工具设 计出“国之饮”茶店的静态店标和动态店标。
【学习内容】 店标设计与Logo设计不同，下面进行具体介绍。
1.静态店标设计制作 店标的大小为80像素×80像素，下面开始讲解“国之饮”店标的制作方法，下图为效果图。
步骤7 打开素材“边框.jpg”将边框用色彩范围抠出，再用移动工具拖入主文档内，调节大小。 步骤8 用直排文字工具输入“新品上市”字体颜色为“#000000”。输入“刺绣白色立领上袄，酒红色马面裙套装 ”字体颜色为“# 9c6436” 。
《网店美工说课》课件
了解色彩的基本原理，能够根据产品风格进行色 彩搭配。
图片处理
掌握常用图片处理工具和技术，能够对图片进行 修图和优化。
网页排版与结构设计
掌握网页布局和结构设计原则，使网店页面更加 有吸引力和易读性。
网店美工的具体任务
1
网页布局设计
2
设计符合品牌形象的网页布局，使用户
浏览和购买更加方便和愉快。
3
客户端UI设计
4
设计供用户使用的客户端界面，提升用
户体验和满意度。
5
商品图片设计
设计精美的商品图片，突出产品特点和 卖点。
广告位设计
设计吸引人的广告位，提高网店的点击 率和转面，提高用 户参与度和留存率。
网店美工的案例分析
创意网页设计
通过经典案例的分析，探讨设计 理念和创意的运用。
《网店美工说课》PPT课 件
这是一门致力于介绍网店美工的基本概念和技能的课程，帮助学员完成在网 店平台上美工相关的工作。
什么是网店美工
通过定义与作用，以及职责和任务等，介绍网店美工在电子商务中的重要性 和价值。
网店美工所需技能
图像设计
掌握图像设计原理和技巧，注重色彩、形状和比 例的搭配。
色彩搭配与风格指导
网店美工是一项非常重要的工作，需要综合掌握多种技能。通过本课程的学习，希望学员能够掌握相关的技能， 创造更加广泛和惊艳的网店美工作品。
电商网站设计
通过成功的网店案例，总结设计 的关键要素和策略。
产品摄影设计
通过多个案例，了解产品摄影对 网店销售的影响。
网店美工的进阶
通过学习进阶的路径和方法，以及设计领域的发展趋势，启发学员对网店美工的不断学习和提升。
总结与展望
强调网店美工在电子商务中的重要性，展望网店美工在未来的发展前景。
图片处理
掌握常用图片处理工具和技术，能够对图片进行 修图和优化。
网页排版与结构设计
掌握网页布局和结构设计原则，使网店页面更加 有吸引力和易读性。
网店美工的具体任务
1
网页布局设计
2
设计符合品牌形象的网页布局，使用户
浏览和购买更加方便和愉快。
3
客户端UI设计
4
设计供用户使用的客户端界面，提升用
户体验和满意度。
5
商品图片设计
设计精美的商品图片，突出产品特点和 卖点。
广告位设计
设计吸引人的广告位，提高网店的点击 率和转面，提高用 户参与度和留存率。
网店美工的案例分析
创意网页设计
通过经典案例的分析，探讨设计 理念和创意的运用。
《网店美工说课》PPT课 件
这是一门致力于介绍网店美工的基本概念和技能的课程，帮助学员完成在网 店平台上美工相关的工作。
什么是网店美工
通过定义与作用，以及职责和任务等，介绍网店美工在电子商务中的重要性 和价值。
网店美工所需技能
图像设计
掌握图像设计原理和技巧，注重色彩、形状和比 例的搭配。
色彩搭配与风格指导
网店美工是一项非常重要的工作，需要综合掌握多种技能。通过本课程的学习，希望学员能够掌握相关的技能， 创造更加广泛和惊艳的网店美工作品。
电商网站设计
通过成功的网店案例，总结设计 的关键要素和策略。
产品摄影设计
通过多个案例，了解产品摄影对 网店销售的影响。
网店美工的进阶
通过学习进阶的路径和方法，以及设计领域的发展趋势，启发学员对网店美工的不断学习和提升。
总结与展望
强调网店美工在电子商务中的重要性，展望网店美工在未来的发展前景。
《网店美工案例教程》 教学课件 第二章 新媒体数据分析指标
4
2.1 新媒体数据指标体系
AARRR 是运营行业普遍认可的一个业 务分析模型，可以简单理解为：用户怎么 来，来了以后怎么活跃，活跃以后怎么留 下来，留下来以后怎么为产品付费，付费 以后怎么进行口碑传播，如图 2-1 所示。
图 2-1 AARRR 模型
5
2.1 新媒体数据指标体系
1．拉新指标
在拉新环节，潜在用户体验产品后如果觉得不错，才会注册为正式用户。在评估拉新效果时，常 用的指标如下。
账号名称 月推送次数 月推送条数 月推送原创数
表 2-1 某运营类公众号竞品运营数据
运营研究社 360 1500 1860
脑洞运营 450 1400 1850
运营小卖部 590 1300 1890
15
2.2 数据运营四大维度 4．行业数据
行业数据能帮助新媒体运营者了解市场格局和行业变化，制订适宜的运营策略。例如， QuestMobile、易观千帆、极光、TalkingData 等平台，以及清博大数据、新榜、西 瓜数据等新媒体数据榜单平台，都会发布一些行业数据报告。
12
2.2 数据运营四大维度
1．用户数据
用户数据包括用户增长数据、用户属性数据和用户互动数据。其中，用户增长数据是指每天粉丝人 数的变化情况，用户属性数据是指当前新媒体平台的粉丝画像，用户互动数据是指用户对内容的点 赞、留言等互动的情况。
2．图书数据
我们通常将新媒体平台自带的图文数据称为基础图文指标，这是新媒体运营必看的数据。通过它们 运营人员可以知道每篇公众号图文送达人数、阅读人数、转发人数。以微信公众号为例，公众号基 础图文指标主要包含单篇图文阅读数据、单篇图文传播数据以及多篇图文阅读数据。
获取新用户很多时候需要成本，常 见的成本计算方式包括千次曝光成 本（Cost Per Mille，CPM）、单次 点击成本（Cost Per Click，CPC）、 单次获客成本（Cost Per Acquisition， CPA）。
2.1 新媒体数据指标体系
AARRR 是运营行业普遍认可的一个业 务分析模型，可以简单理解为：用户怎么 来，来了以后怎么活跃，活跃以后怎么留 下来，留下来以后怎么为产品付费，付费 以后怎么进行口碑传播，如图 2-1 所示。
图 2-1 AARRR 模型
5
2.1 新媒体数据指标体系
1．拉新指标
在拉新环节，潜在用户体验产品后如果觉得不错，才会注册为正式用户。在评估拉新效果时，常 用的指标如下。
账号名称 月推送次数 月推送条数 月推送原创数
表 2-1 某运营类公众号竞品运营数据
运营研究社 360 1500 1860
脑洞运营 450 1400 1850
运营小卖部 590 1300 1890
15
2.2 数据运营四大维度 4．行业数据
行业数据能帮助新媒体运营者了解市场格局和行业变化，制订适宜的运营策略。例如， QuestMobile、易观千帆、极光、TalkingData 等平台，以及清博大数据、新榜、西 瓜数据等新媒体数据榜单平台，都会发布一些行业数据报告。
12
2.2 数据运营四大维度
1．用户数据
用户数据包括用户增长数据、用户属性数据和用户互动数据。其中，用户增长数据是指每天粉丝人 数的变化情况，用户属性数据是指当前新媒体平台的粉丝画像，用户互动数据是指用户对内容的点 赞、留言等互动的情况。
2．图书数据
我们通常将新媒体平台自带的图文数据称为基础图文指标，这是新媒体运营必看的数据。通过它们 运营人员可以知道每篇公众号图文送达人数、阅读人数、转发人数。以微信公众号为例，公众号基 础图文指标主要包含单篇图文阅读数据、单篇图文传播数据以及多篇图文阅读数据。
获取新用户很多时候需要成本，常 见的成本计算方式包括千次曝光成 本（Cost Per Mille，CPM）、单次 点击成本（Cost Per Click，CPC）、 单次获客成本（Cost Per Acquisition， CPA）。
《网店美工案例教程》教学课件 第1章 电商美工设计基础
排版是指将文字、图片、图形等可视化信息元素进行位置、大小、外观的调整，使 之达到美观的视觉效果。在Banner排版过程中，常用到以下排版原则。
相关内容对齐、聚拢
使用对比突出原则
适当留白
排版 原则
把握节奏韵律
保持画面的和谐统一
把握画面的平衡性
1.1.3 Banner设计基础与要求
14
3. 进行Banner排版设计 在Banner排版过程中，文案与商品（模特）的排版尤为重要，一般呈现为以下几种模式。
1.1 网店装修的设计基础与要求 1.2 网店装修色彩的搭配
1.2.1 色彩搭配的原理
24
色彩是有情感的，不同的色彩会带给人不同的心里感受，具体影响如下。
红色系：红色是强有力、喜庆的色彩，具有刺激效果，容易使人产生愤怒、热情、活力等 感觉。鲜明的红色极容易吸引目光，在店铺装饰中常用于突出表现某些内容。
文案精简的主图
1.1.5 详情页设计基础与要求
19
1. 明确详情页展示的内容
在设计商品详情页模块时，首先应通过焦点图展示商品，然后将商品的卖点 描述清楚，对商品品质进行展示，并给出优惠让消费者心动，最后通过树立品牌 和服务形象，促进信任，达成交易，下面分别进行介绍。
焦点图
通过场景图或海报对 商品的特点进行展示。
商品卖点展示
增加商品竞争力， 吸引消费者。
商品品质展示
是对商品信息的详细 展示。
树立品牌和服务形象
消除消费者的疑虑和对 相应疑虑的解答。
1.1.5 详情页设计基础与要求
20
1. 明确详情页展示的内容
工艺细节展示
品质保障展示
1.1.5 详情页设计基础与要求
21
2. 确定详情页规格与风格
相关内容对齐、聚拢
使用对比突出原则
适当留白
排版 原则
把握节奏韵律
保持画面的和谐统一
把握画面的平衡性
1.1.3 Banner设计基础与要求
14
3. 进行Banner排版设计 在Banner排版过程中，文案与商品（模特）的排版尤为重要，一般呈现为以下几种模式。
1.1 网店装修的设计基础与要求 1.2 网店装修色彩的搭配
1.2.1 色彩搭配的原理
24
色彩是有情感的，不同的色彩会带给人不同的心里感受，具体影响如下。
红色系：红色是强有力、喜庆的色彩，具有刺激效果，容易使人产生愤怒、热情、活力等 感觉。鲜明的红色极容易吸引目光，在店铺装饰中常用于突出表现某些内容。
文案精简的主图
1.1.5 详情页设计基础与要求
19
1. 明确详情页展示的内容
在设计商品详情页模块时，首先应通过焦点图展示商品，然后将商品的卖点 描述清楚，对商品品质进行展示，并给出优惠让消费者心动，最后通过树立品牌 和服务形象，促进信任，达成交易，下面分别进行介绍。
焦点图
通过场景图或海报对 商品的特点进行展示。
商品卖点展示
增加商品竞争力， 吸引消费者。
商品品质展示
是对商品信息的详细 展示。
树立品牌和服务形象
消除消费者的疑虑和对 相应疑虑的解答。
1.1.5 详情页设计基础与要求
20
1. 明确详情页展示的内容
工艺细节展示
品质保障展示
1.1.5 详情页设计基础与要求
21
2. 确定详情页规格与风格
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
学习目标
学习路径
任务描述 任务技能
技能点3 网店美工基本知识
1 分辨率
分辨率有两种：屏幕分辨率和图像分辨率。
2 像素
图像由一个个点组成，这个点叫作像素。像素是图像中最小的单位。每个像素是一个小点，不同颜色 的点（像素）聚集起来就变成一幅动人的画面。
学习目标
学习路径
任务描述 任务技能
技能点3 网店美工基本知识
任务描述 任务技能
淘宝网成立于2003年5月10日，由阿里巴巴集团投资创办。淘宝网分为淘宝C店和淘宝商城2种 模式。淘宝C店是淘宝集市卖家所开设的店铺，这种店铺的门槛低，任何通过实名认证的人，只要 发布10件宝贝就可以免费在淘宝上开店。淘宝商城（天猫）是亚洲最大的购物网站淘宝网打造的在 线 B2C 购物平台，自2008年4月10日成立以来，吸引了 Kappa、JackJones、苏泊尔、联想、惠普等 在淘宝商城开设官方旗舰店，受到了消费者的热烈欢迎。
而淘宝网作为服装类电子商务行业的老大，是国内B2C及C2C 电子商务网站中发展最快、 最为成功的案例，以提供具有本土特色的电子商务平台服务为宗旨，并一直不断完善和发展。 其在中国的 C2C 市场中可谓是一家独大，市场份额更是超过了 90%，行业领先的地位暂时是 无人能撼动的。目前，服装服饰类产品已经成为网络零售的第一大商品，无论从数量还是交 易规模上都是如此。单是淘宝网上初具规模的卖家群体皇冠店铺就已达上万家之多，并且仍 保持着快速增长的态势。本次任务主要是实现淘宝女装店铺首页设计。
【功能描述】 ● 使用淘宝布局要素来设计女装店铺首页。 ● 头部包括店铺的logo、宣传标语、购物车、账户登录及客户中心的图标。 ● 主体包括各个分类版块下的图片链接。 ● 底部包括店铺的各项服务链接、搜索框及返回首页和顶部的按钮。
学习目标
学习路径
任务描述 任务技能
技能点1 电子商务概述
1 电子商务的定义
3 尺寸
图像尺寸的长度和宽度经常以毫米或厘米为单位，也通常以像素为单位。
4 常用图片文件格式
图片格式是计算机存储图片的格式，常见的存储格式有jpg、png、jif、psd、ai等。
技能点4 网店美工必备软件技能要求
1 Photoshop软件 2 Dreamweaver软件 3 Illustrator软件
● 了解电子商务的定义。
● 了解淘宝网站相关知识。
● 掌握淘宝网店设计原则。
学习目标 学习路径 任务描述
任务技能
学习目标
学习路径 任务描述 任务技能
【情境导入】 随着现代经济的发展和互联网技术的不断完善，传统的服装营销模式已经不能满足新生
代的主力消费群体需求。服装电子商务开始作为一种新的营销方式和理念发展迅速，并逐渐 被广大消费群体所接受。如今，其发展势头异常强劲，正在给人们的消费习惯带来深刻的影 响。当前服装产品流行周期短，款式和品种多变。整个消费市场正需要一种能满足不同层次 消费者个性化需求的多品种小批量产品的供应方式，这就使得服装电子商务的迅猛发展成为 必然。
一个清新美观、富有吸引力的旺铺能够吸引更多的买家前来购物，提升销售额，网店的迅速发 展还催生出网店美工这样的职业。和传统实体店面的装修不同，不需要购买很多的建筑材料，网店 的装修只需要具备网页设计和图片处理的相关知识就能设计出精美的网店。
技能点2 网店美工人才要求
网店美工岗位的工作范围包括网店美工设计、网店装修色系与产品色系的美学解构、网店全 面装修、产品图片处理、广告促销图片、产品描述图片处理，等等。当今市场需要网店美工岗位的 企业主要分为三类。第一类是电子商务类企业，网店美工岗位要求专业以电子商务/市场营销类专业 为主，除了具备一定的美工技能，更突出要求具有电商知识，熟悉网络消费者需求。第二类是互联 网技术类企业，网店美工岗位要求专业以计算机类专业为主，要求技术的全面性，能够掌握常用设 计制作软件。第三类是传统行业企业，网店美工岗位要求平面设计类专业为主，要求有深厚的美术 功底和设计理念，除了负责线上网店的网店美工，往往还要兼职线下企业宣传海报的设计。通过调 查分析，互联网技术类企业重视技术，传统行业企业重视设计，电子商务类企业重视对电商知识的 掌握。
项目 实战
项目
01 淘宝女装店铺首页设计 02 淘宝食品店铺首页设计 03 淘宝护肤品店铺首页设计 04 淘宝婴幼儿玩具店铺首页设计 05 淘宝瓷器店铺宝贝详情页设计 06 淘宝运动鞋店铺手机端首页设计
Part one
学习目标 学习路径
任务描述
任务技能
电子商务是凌架于互联网系统上的一个销售平台，是地面销售系统的一种延伸 和互补，也是商家和顾客的一种有效的沟通途径。现今国内通过不同程序实现网上销 售的企业或厂商约占78%，剩下的22%左右的企业和厂商，都在努力创造着网上销售 的地面物质准备。鉴于电子商务在互联网的发展前景，实现网上销售，已经成为未来 商场战争中占有优势地位的必不可少的手段。通过实现女装店铺首页设计，学习淘宝 店铺设计相关知识，了解电子商务的发展、淘宝网店美工人才要求和行业趋势。在任 务实现过程中：
广义上讲，电子商务一词源自于英文Electronic business，是指利用简单、快捷、低成本的方 式，在买卖双方不谋面的情况下，所进行的商务贸易活动。
联合国国际贸易程序简化工作组对电子商务的定义是：采用电子形式开展商务活动，它包括 在供应商、客户、政府及其他参与方之间通过任何电子工具共享非结构化商务信息、管理活动和 消费活动中的各种交易。 ● 电子商务是利用计算机技术、网络技术和远程通信技术，实现电子化、数字化和网络化的整 个商务过程。 ● 电子商务是以商务活动为主体，以计算机网络为基础，以电子化方式为手段，在法律许可范 围内所进行的商务活动过程。 ● 电子商务是运用数字信息技术，对企业的各项活动进行持续优化的过程。
2 淘宝网简述
伴随着互联网技术的迅猛发展，消费者的消费观逐渐成熟，到网上进行购物慢慢成为千家万户 购物的重要选择。随之涌现的一些电子商务购物平台，如淘宝网、京东网、１号店、唯品会、小红 书、拼多多等也逐渐地成为大部分网民的购物选择，其中最受中国消费者欢迎的网购零售平台当属 淘宝网。
学