网店美工-0001-浙江电大辅导资料
网店美工第1章
1.4 店铺装修需要注意的问题
14
14
1. 过于简单的店铺名称
第1章
认识网店装修 和网店美工
“简单就是美”，不少的淘宝卖家觉得简单能让人一目了然，因此把店铺名称取得很简单。在取店 名时应该综合买家的搜索习惯，例如，买家在购买游戏点卡，一般都会搜索游戏卡充值或是游戏点卡， 如果店铺名称为“游戏快充”，是搜索不到这家店铺的，因为快充一般用于电话话费充值。如图所示店
第1章
认识网店装修 和网店美工
素材的收集与整理，商品 的摆放与陈列，对图片拍 摄与美化有非常重要的作 用
图像合成与特效处理技术
图片无缝切割
链接、热点链接、锚点链接
基础代码TABLE、b、color、br
7
过渡页
Transition Page
1.3 定位网店装修
• 网店风格设计
• 网店色彩设计与搭配
8
8
1.3.1 网店风格设计
第1章
认识网店装修 和网店美工
网店装修就是，通过各种图片、动画以及文字等元素对原本平淡的页面进行美化，让 网店变得更加专业和生动形象。在店铺装修前，我们要确定销售商品类型所适合的风格， 并合理使用色彩装修出更精美的页面。
9
1. 网店风格颜色分类
第1章
认识网店装修 和网店美工
16
3. 容量过大的图片
第1章
认识网店装修 和网店美工
在互联网上加载大的图片是需要一定的时间，如果宝贝详情页面的图片在2分钟内不能加载完，那
么买家会失去耐心，不会再做等待。 容量大的图片在后期处理成适用于网页的元素时，应该使用photoshop软件中的“切片”工具，裁 切成多张小图（具体操作详见第10章），如图所示。
网店美工的基础知识
1.6 综合实训——网店的色彩与布局鉴赏
40
（3）系列商品的展示
（4）系列间隔与页尾
1.6 综合实训——网店的色彩与布局鉴赏
41
（5）商品详情页图片
（6）商品外观细节
（7）对机芯进行介绍
1.6 综合实训——网店的色彩与布局鉴赏
42
（8）介绍安装教程打 消消费者最后的顾虑
43
课后习题
1.挑选一个自己喜欢的网店（淘宝、京东、唯品会等平台均可），鉴赏其店 铺首页，分析其颜色搭配和文字的排版是否合理。
1.3 网店的文字设计
21
网店美工工作的最终目的是吸引消费者，这就需要向消费者传递商品、活动和服务的信息。图像 与色彩的表达效果虽然直接而强烈，但在信息传递上却有不足，这时文字就是最有力的支持。在美工 设计中添加文字不仅能够清晰明白地表达信息，同时还能在情感引导上为图像和色彩提供帮助。
1.3.1 字体的类型
第1 章
网店美工的基础知识
网店美工实战教程
内容导航
1.1 网店美工概述 1.2 网店的色彩运用 1.3 网店的文字设计 1.4 网店的文案策划 1.5 网店的页面布局 1.6综合实训——网店的色彩与布局鉴赏
1.1 网店美工概述
3
网店美工的工作价值在于对店铺和商品进行全方位的视觉处理和优化，使其能够激发消费者 的购买欲望，最终实现店铺的经济效益。而在当前的行业环境下，简单的图片处理、页面美化和 店铺装修已经不能再满足商家对网店美工的要求，掌握色彩、创意、设计等的综合运用已成为网 店美工工作的核心要求。
25
网店往往会自己不定期开展促销活动或者参与电商平台的活动，如淘宝的“聚划算”、京东的 “6.18”周年庆、唯品会“4.19”购物节等。这些活动往往需要大量的文案来对活动情况进行介绍和 宣传，此时文案就需要有一个整体的布局和策划。
网店美工1.1-1.2
装修店铺的目的
让店铺更加 吸引
让买家
增加
美观 更多的眼球 停留更久 点击率
提升
转换率
你认为什么最重要？
1.2日销千里之视觉营销
美观
创意
传达 （实用性）
第一时间把产品信息传达给买家
图1-8、图1-9
首页设计和焦点图设计风格统一，色彩搭配应季， 重点突出，一个焦点突出一个重点，重点多了，就等 于没有重点。
网店美工
由斯瑞教育编著的《网店美工》主要 讲解网店美工的基础知识和针对淘宝的店 面设计原则，其间穿插实用案例。《网店 美工》的作者们希望同学们经过专业系统 的学习，能够迅速掌握网店美工的职业技 能。
网店视觉营销
1.1装修Βιβλιοθήκη 铺 引爆流量网购有他的特殊性，在实体店，消费者可以用五官去感知实物， 他们可以看、尝、摸、闻、听等，而在网上买东西，我们的买家就 只能通过眼睛去看买家做的图片和文字，或者去看我们拍的视频， 我们只能靠色彩、图片和文字来传达信息。
色彩
版式 布局
图片
整体 风格
影响素材的 8大要素
文字
促销
主题
品牌
视觉营销
定义：
利用色彩、图像、文字 等造成的冲击力，吸引潜 在顾客的关注，由此增加 产品和网站的吸引力，从 而达到营销制胜的效果。
视觉效果是做好营销必 不可少的营销手段之一。
《网店美工》基础知识5-6课时
教学设计方案
一．引入
出示相关图片对比导入。
二．新课
1.4.1 规则图形抠图
对于一些规则的矩形和圆形商品，如粉饼、包装盒等，可通过对应的选择工具快速创建选区。
对于边缘呈直线的规则商品，也可以选择多边形套索工具进行快速抠图。
下面利用多边形套索工具和椭圆选框工具对面膜进行抠图，其具体操作如下。
思考：图层进入自由变换组合键
课本中找答案
1.4.2 简单背景抠图
商品或背景的颜色较为简单，商品与背景的边界分明，可使用魔棒工具、快速选择工具单击需要选择的部分区域快速选择需要的选区。
下面利用魔棒工具和快速选择工具，并配合套索工具对箱包进行抠图，为其更换背景，其具体操作如下。
思考：羽化选区对话框组合键
在课本中找答案
1.4.3 复杂图像抠图
当遇到商品的轮廓比较复杂，背景也比较复杂，或背景与商品的分界不明显时，上述的抠图方法都很难得到精确的抠图效果，此时可使用路径抠图的方法。
钢笔工具是网店美工经常用到的路径抠图方式，使用钢笔工具可以快速
地勾勒商品的轮廓，将其转化为选区，达到精确抠取商品的目的。
下面将使用钢笔工具抠取图像中的商品的方法，其具体操作如下。
课本中找答案。
第1章 网店美工设计快速入门
Photoshop
案例教程 丨视频指导版 第2版
Chapter 1 第1章 网店美工设计快速入门
目录/Contents
1.1 网店美工必备职业技能 1.2 了解 Photoshop 的基本概念 1.3 认识 Photoshop 2022 的工作界面
1.4 调整 Photoshop 2022 的视图 1.5 应用辅助工具
图 1-25
图 1-26
1.4.2 调整商品图像显示比例 图 1-28 所示为缩放工具的属性栏。
图 1-28
1.4.3 移动商品图像显示画面 在使用工具编辑处理图像的过程中，若图像显示比例过大，没有显示全部的图像画面时，可 以使用抓手工具 对图像画面进行移动，查看图像的不同区域。选择工具箱中的抓手工具 后，在图像中按住鼠标左键不放并拖动，即可移动图像画面。其属性栏如图 1-31所示。
图 1-14
1.3 认识 Photoshop 2022 的工作界面 启动 Photoshop 2022 后，任意打开一个 图像文件，即可看到 Photoshop 2022 的工作 界面，其主要由菜单栏、工具箱、属性栏、面 板、状态栏和图像窗口组成，如图 1-15 所示。
菜单栏
属性栏
工具箱
图像窗口
面板
图 1-7
1.1.4 巧用文字变形 通过不同的手法来创作，可打造出更具有表现力的文字造型，如制作立体文字、变形文字和 发光文字等，如图 1-8所示。
图 1-8
1.1.5 应用创意设计 创意设计，是把再简单不过的东西或想法不断延伸的一种表现方式，在美工设计的过程中， 在简单文字和图形的基础上再深入简化图形的非重要部分，更精炼化主要部分，可使图形在传达 过程中便于记忆。如图1-9所示。
《网店美工》基础知识3-4课时
教学设计方案
一．引入
相关p图照片导入。
二．新课
（一）基本操作
1.3.1 设置前景色与背景色
1.3.2 图层的基本操作
1.3.3 裁剪并更改图片尺寸
网店不同位置的图片尺寸也不相同，而自己拍摄的商品图片或从网上搜集的素材图片的尺寸并不一定能符合需要，当图片尺寸过大时，就需要进行裁剪。
下面以裁剪淘宝主图背景图为800×800像素为例讲解裁剪并更改图片尺寸的方法学习。
1.3.4 批处理图片
在Photoshop中，批处理图片是指为图片的处理创建动作，然后利用批处理命令自动完成其他图片的相同处理，常用于修改图片大小、调色、添加边框或标签等。
在日常网店装修或网页图文编辑时，常常会遇到图片素材大小不一的情况，为了节约相同大小图片的调整时间，用批处理命令对图片的大小进行统一的修改设置的方法。
电子商务《网店美工》课程标准-童话V1.0版
电子商务《网店美工》课程标准-童话V1.0版电子商务《网店美工》微课版课程教学标准一、课程的性质与任务《网店美工》课程是电子商务专业的必修课程，旨在进一步提升学生对网店的美化和设计能力。
通过该课程的学习，使学生在原先已掌握的电子商务基础上，进一步掌握视觉营销的理念、美工设计的思路，美工中常用的Photoshop技能，网店常用图片设计制作，主图与主图视频设计制作，PC端与移动端详情页设计制作，无线端网店页面装修等知识和操作技能。
本课程在教学过程中强调基础理论知识“必须够用”的原则，以实际项目为载体，采用案例导入任务驱动的教学方法提升学生的实际应用能力。
通过教学与实训，加强学生在电商平台上的操作技能以及在专业上的应用能力，提高学生专业技能和就业竞争力。
二、课程教学目标本课程以学生为主体，以教师为主导，以培养学生的职业行动能力为目标。
即将必要的理论知识融入到相关的案例中，以任务为驱动，以学生动手完成任务为核心教学过程，使每个学生在各个学习案例中学会网店美工的知识与操作技能，从而提升学生的设计能力与效率，提高学生的综合职业能力。
通过协作学习方式提升学生的交流沟通、团队协作、图文共创能力，以及可持续发展的能力与职业迁移能力。
(一) 知识教学目标1.掌握色彩基本理论与视觉营销的概念；2.掌握Photoshop的基本操作、基本概念；3.了解光影魔术手的知识与技能；4.了解图片空间的知识与技能；5.掌握网店常用图片设计的知识与技能；6.掌握主图及主图视频的知识与技能；7.掌握PC端和移动端的知识与技能；8.掌握无线端网店页面装修的知识与技能。
(二) 能力培养目标1.利用PS软件熟练进行图片的排版与设计美化能力；2.利用光影魔术手软件熟练进行图片的排版与设计美化能力；3.利用PS软件进行直通车、钻展、店招图、活动图等的排版与设计能力；4.素材的收集、整理、处理与提炼能力；5.能够策划并设计高转化率主图的能力；6.能够合理布局详情页图文及设计的能力；7.能够规划好无线端店铺页面并合理布局；8.自主应用其它相关设计软件的能力；(三) 素质教育目标1.激励学生探索、分析、归纳和创新；2.利用所学知识分析问题，解决问题；3.具有勤奋学习的态度，严谨求实、创新的工作作风；4.具有良好的心理素质和职业道德素质；5.具有高度责任心和良好的团队合作精神；6.具有一定的科学思维方式和判断分析问题的能力；7.具有较强的图像处理创意思维和健康的审美意识，以及较高的艺术设计鉴赏能力。
网店美工 教案全套 第1--9章 网店美工的基础知识---网店场景化美工
《网店美工》配套教学教案第1章第2章2.4.1 画笔2.4.2 修复工具组2.4.3仿制图章2.4.4 蒙版2.4.5 渐变小结1.掌握商品图片的拍摄技巧。
2.掌握商品图片的尺寸调整和裁剪方法。
3.熟练掌握商品图片的抠图方法。
4.熟练掌握商品图片的瑕疵去除方法。
课后练习【课后实战】实训内容：用本章节所学的相关工具和命令完成酒瓶的抠图，打开“配套资源/第二章/课后实战素材.jpg”图片。
如图2-88所示。
图2-88“酒瓶抠图”素材实训要求：用Photoshop cs6制作完成，效果如图2-89所示，保存png.格式提交，由教师测评。
图2-89“酒瓶抠图”效果实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（40分）2 抠图处理情况橡皮擦、色彩范围和快速选择等工具使用恰当（30分）3 整体效果主体突出、层次分明，无瑕疵（30分）第3章3.4 调整商品图片的特殊效果3.4.1 特殊滤镜3.4.2 滤镜组小结1.熟练掌握商品图片明暗、对比度问题。
2.熟练掌握商品图片色彩、色调处理方法。
3.熟练运用“图层混合及样式”进行图片美化的方法。
课后练习【课后实战】实训内容：运用所学知识，为模特衣服改色，打开“配套资源/第三章/课后实战素材.jpg”图片，如7-52所示。
7-52 素材图实训要求：用Photoshop cs6制作完成，并排成一排，保存jpg.格式提交，如7-53所示，由同学互评。
7-53 效果图实训检测与评价：序号项目标准分值1 选区建立情况熟练运用建立选区的工具（30分）2 调色命令使用情况色相/饱和度、色彩平衡等命令运用恰当（30分）3 整体效果颜色排列正确、人物边缘清晰，无缺损（40分）第4章课后练习【课后实战】实训内容：用本章节所学的“文字”和“矢量绘图”知识完成促销标签图的制作。
实训要求：用Photoshop cs6制作完成，保存jpg.格式提交，效果如图4-55所示。
网店美工的基础知识可编辑全文
1.1.1 走进网店装修
4.如何确定网店装修的风格
下面以网店首页装修为例（见图1-12），介绍网店装修风格布局 的方法。
1.1.1 走进网店装修
图1-8 效果不好的页面
图1-9 效果好的页面
1.1.1 走进网店装修
3.网店装修与转化率的关系
图1-10和图1-11为两个相似商品的宝贝详情页面，通过 比较可以看出，图1-10一开始就是大段的文字，虽然对商品 进行了详细的说明，但是没有针对宝贝的细节进行有目的的 讲解，让顾客失去了继续阅读的兴趣。而图1-11先展示了商 品全景，再将宝贝的重要细节进行放大，充分展现出宝贝的 特点。由此可以看出，只有经过深思熟虑、精细策划的网店， 才能提高顾客的兴趣，从而提高网店的转化率。
合理使用色彩
加载背景音乐的利弊
2
4
1
3
5
网店设计风格要 与主营产品相符
风格要统一
主题突出，切 忌花里胡哨
1.1.1 走进网店装修
5.网店装修中需要注意的问题
1）网店定位
网店定位很重要，就像网店的一个招牌，一眼就能让消费 者了解该店是卖什么的。在网店定位中，风格定位尤为重要， 风格定位要结合网店产品所对应的目标人群而定，基本分为清 爽型、商业型、耍酷型、可爱型四种。对于那些无法准确把握 目标客户和产品所针对的类型，建议以清爽型为主，把握好整 体色调的搭配，给人一种间接明了、赏心悦目的感觉。
项目1 网店美工的基础知识
目录
任务1.1 什么是网店美工
(完整word版)01《电商美工》课程
《电商美工》课程标准一、概述（一）课程性质《电商美工》是电子商务专业开设的一门专业主干课，是一门理论与实践相结合的应用型课程。
通过本课程的学习，旨在培养学生的创意和审美观，帮助学生理解图、文、色彩的配搭方式，掌握常用的工具软件，提高学生对图片的综合处理及页面的整体布局能力，为电子商务专业实训课程的开展奠定良好的基础。
（二）课程的基本理念通过本课程的学习，要求学生掌握电商美工设计的步骤、方法，培养学生的综合设计能力、创造性思维能力以及艺术修养，最终使学生能够综合运用所学知识，独立在电子商务领域中完成店铺的产品主图、产品海报图、产品详情页、店铺首页等创意与设计美化。
掌握电商美工设计基本概念，学会使用常用的PhotoShop、dreamweaver等工具来解决在主图制作、海报制作、详情制作、首页装修时遇到的各种专修效果问题，能够设计发布出常见的各种风格的商品、装修出常见的各种店铺风格的店铺首页。
具备表达恰当、美观大气并能够体现商品的特性和网店装修风格。
同时通过本课程的学习，培养学生成为技能全面，实战能力超强的“能手”型人才。
并且通过客户案例，逐渐认识美工设计对电商领域的重要作用，能够欣赏和分析优秀网络店铺的图文设计，能够区分不同产品对色彩、构图、客户心理、营销文案的差异化要求，能够通过对产品的理解制作主图、详情页、店铺首页等。
在教学的过程中，学生需要熟练的掌握photoshop和工具的使用，对电商美工的了解，尤其是让学生独立完成主图制作、海报制作、详情制作、首页装修等是课程的根本目标。
二、课程设计思路1、突破常规教学顺序，采取艺术审美先行本课程的设计思路以终身教育、创新教育等职业教育理念为指导思想，以职业需求为导向，按照基于工作过程的职业能力来进行课程开发，这不是简单的教学顺序调整，而是从审美与应用切入，产生强烈的学习欲望，变“要我学”为“我要学”。
学生在一入门就明确学习目标和任务，树立好学习该课程的信心。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
请认真阅读完再下载：预览的题目顺序完全和您自己的试题顺序完全相同再下载！网店美工-0001
浙江广播电视大学形成性测评系统课程代码：3306904 参考资料
试卷总分：100
单选题(共15题,共45分)
1.(3分)
关于详情页中的字体，不正确的是（）。
A、字体在详情页中间会起到对产品的解释说明作用
B、方便顾客阅读，和重要信息引导的作用
C、在内页整个从上到下的延续使用
D、需要使用多种字体和字号，强化页面内容，提高转化率
参考答案：D
2.(3分)
在设置颜色位数的时候，以下（）位画面密度更大颜色更精制。
A、1
B、8
C、16
D、32
E、
参考答案：D
3.(3分)
新建Photoshop文件时选择（）分辨率是最适合网页设计使用的。
A、72像素/厘米
B、72像素/英寸
C、300像素/厘米
D、300像素/英寸
参考答案：B
4.(3分)
细节特写要求拍摄清晰，近距离拍摄，细节要素占图片的（）。
A、50%
B、60%
C、65%
D、70%
参考答案：D
5.(3分)
Dreamweaver中选中整个表格应（）。
A、用鼠标单击表格的任意边框
B、将鼠标移到状态栏，单击“<tr>”
C、输入文字
D、输入图片
参考答案：A
6.(3分)
在Dreamweaver软件中进行文字编辑，（）可以进行换行。
A、Enter
B、Shift+Enter
C、Ctrl+Enter
D、Alt+Enter
参考答案：B
7.(3分)
要使某图层与其下面的图层合并可按（）快捷键。
A、Ctrl＋K
B、Ctrl＋D
C、Ctrl＋E
D、Ctrl＋J
参考答案：C
8.(3分)
在设置颜色位数的时候，以下（）位是显示器所能达到的最高位数。
A、1
B、8
C、16
D、32
E、
参考答案：B
9.(3分)
在Photoshop中使用仿制图章工具按住（）并单击可以确定取样点。
A、Alt键
B、Ctrl键
C、Shift键
D、Alt+Shift键
参考答案：A
10.(3分)
在Fireworks中（）快捷键可以快速打开工具箱。
A、Ctrl+F2
B、Alt+F2
C、Ctrl+F3
D、Alt+F3
参考答案：A
11.(3分)
下面说法错误的是（）。
A、促销广告图不能形式大于内容
B、重要信息以第一主题的形式传递
C、促销广告图上可以放多重的主题信息，促销信息越多越吸引人点击
D、重点文字可以适当的加粗，使用高对比的色调突出
参考答案：C
12.(3分)
Photoshop中在使用矩形选框工具的情况下，按住（）可以创建一个以落点为中心的正方形的选区。
A、Ctrl+Alt键。