《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第10章装修网店

合集下载

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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”素材文件进行抠图,将其抠取出来的红酒瓶应用到其他背景中,调整大小和位置后合成为更具有营销表现力的效果图片。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第6章制作PC端网店首页

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第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像素。一般来说,店招主要包括品 牌形象展示店招和商品导购店招两种。

淘宝网店运营实战教材ppt(79张)

淘宝网店运营实战教材ppt(79张)

淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
硬广
1 位置
页面位置:首页、商城首页、频道、资讯、社区 功能页面:我要买、我的淘宝、收藏夹、阿里旺旺
2 形式
焦点、背投、通栏、banner、文字链、内容合作
3 收费
零购 框架协议
淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
获取基础流量
宝贝标题优化 分时段上架 打造人气单品 顾客维护
淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
付费推广流量
硬广
淘宝客
直通车
阿里妈妈
钻石展位
超级卖霸
淘宝网店运营实战教材(PPT79页)
淘宝网店运营实战教材(PPT79页)
Step 2
Step 3
基本设置
风格、店招、促 销专区、首页商
品展示等
分类设置
如:按价格、按 品牌、按风格等
自定义设置
七个自定义页面 合理利用
店铺页面设计
关于视觉营销
需求
视觉营销
定位
信息传达
满足需求 突出卖点
需求挖掘
买家购 买纪录
• 买家是谁 • 买家喜欢什么
网购
售中 沟通
• 买家想要怎么样
售后 跟踪
• 买家购物体验
明确定位
• 产品线二八 原则明确定 位
产品
人群
• 根据产品定 位确定消费 人群
• 针对不同消 费人群进行 营销
营销
装修思路
信息 传达

第10章移动端网店装修美工设计

第10章移动端网店装修美工设计
图片对应的链接
一、移动端网店页面结构分析 2 移动端网店 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例:美妆商品直播秒杀主图设计
二、移动端网店装修快速入门
01 保持网店设计风格的一致性 02 采用简单且便于操作的设计方式 03 网店色彩的设计与选择
三、课堂案例:美妆商品直播秒杀主图设计
1 设计理念
使用墨绿色作为背景,搭配上黄色的广告文字,更好地突出了主题信息。 添加“抢免单”“活动价”等促销信息,激发买家的购物欲望,进一步
吸引其点击主图。
三、课堂案例:美妆商品直播秒杀主图设计
2 技术要点
为图片创建图层蒙版,对图像的显示进行控制。 利用“内阴影”图层样式为图片添加内阴影效果。 使用文字工具添加促销文案。 使用形状工具绘制各种修饰形状。
茶叶网店移动端首焦轮播图
两种色调对比
二、移动端网店装修快速入门 3 网店色彩的设计与选择
手机屏幕的尺寸有限,所以移动端网店的可浏览面积也相对较小,买家的视觉会 受到限制。这时,除了需要对文字进行精简以外,在整体色彩上也要具有鲜明感。
高纯度色彩与高明度色调
Contents 目录
1 移动端网店页面结构分析 2 移动端网店装修快速入门 3 课堂案例:美妆商品直播秒杀主图设计
二、移动端网店装修快速入门 1 保持店铺设计风格的一致性
移动端网店整体的装修与设计要做到风格一致、首尾呼应,否则不利于网店整体 设计风格的塑造。
女鞋移动端网店页面
二、移动端网店装修快速入门 2 采用简单且便于操作的设计方式
在进行手机移动端的网店装修设计时,有的网店会直接套用PC端网店的设计方式, 在手机移动端设计了可供买家进行缩放控制的页面尺寸,让买家可以通过滑动手机屏幕 来对页面进行缩放控制,就能清楚地浏览到页面中的信息。

淘宝天猫网店美工教程 项目10 无线店铺装修设计

淘宝天猫网店美工教程 项目10 无线店铺装修设计
从整体内容上看,无线淘宝店铺首页必 须承载8大内容,包括店招、会员分享、宝贝、 分类、活动、形象、优惠券和微淘。
任务2 | 无线端首页装修
(四) 无线店铺首页的装修注意事项
注重感官的习惯性与舒适性
13
合理控制页面的长度
பைடு நூலகம்
页面整体内容的把握
与电脑端的视觉统一
任务2 | 无线端首页装修
14
三、 任务实施 (一) 手机端店招设计 1、搭建背景图片 2、设置图层混合模式
任务2 | 无线端首页装修
19
3、涂抹镯子
4、输入文本
任务2 | 无线端首页装修
20
5、涂抹镯子
6、输入文本
任务2 | 无线端首页装修
21
(四) 分类导航的设计与装修 1、文字变形 2、添加光影
任务2 | 无线端首页装修
22
3、新建组
4、最终效果
任务2 | 无线端首页装修
23
(五) 宝贝列表图的设计 1、绘制圆角矩形 2、添加画笔图案
2、详情对比
任务1 | 了解无线店铺装修要点
7
3、分类对比
4、用色对比
任务1 | 了解无线店铺装修要点
8
四、 新手试练
9
内容导航
任务1 | 了解无线店铺装修要点 任务2 | 无线端首页装修
任务3 | 使用“淘宝神笔”模板制作详情页
任务4 | 自定义页面装修
课后练习
任务2 | 无线端首页装修
10
项目10
无线店铺装修设计
淘宝天猫网店美工实战教程
内容导航
任务1 | 了解无线店铺装修要点 任务2 | 无线端首页装修
任务3 | 使用“淘宝神笔”模板制作详情页

淘宝天猫等电商美工培训讲义

淘宝天猫等电商美工培训讲义

淘宝电商美工讲义目录第一章:初识淘宝1、淘宝美工的岗位职责和学习内容2、了解店铺构造3、为什么要进行网店装修工作优秀店铺欣赏第二章:Photoshop软件基础操作1、软件基础知识及界面介绍2、工具箱介绍3、图层操作4、图层蒙版调色命令第三章店铺总体设计要领1、店铺装修注意事项2、操作练习3、作业点评第四章店招制作1、店招制作2、操作练习3、作业点评第五章:分类导航及客服中心制作1、分类导航及客服中心制作2、操作练习3、作业点评第六章:宝贝陈列设计1、宝贝陈列设计2、操作练习3、作业点评第七章:内页制作1、内页制作规则(以家纺内页制作规则为例)2、内页制作前准备(修图、美化图片、抠图、调色)2、操作练习3、作业点评第八章:产品上架1、上传宝贝及主图制作2、操作练习3、作业点评第九章:海报设计与制作1、海报设计与制作2、操作练习3、作业点评第十章:店铺整体色彩风格设计与装修1、整店风格设计与装修作业点评第一章:初识淘宝1、淘宝美工的岗位职责(淘宝店铺页面设计、美化、网店促销海报制做、宝贝内页设计、图片美化、切片、上传宝贝等)淘宝美工应该熟练使用Photoshop、Flash、fireworks、Dreamweaver 等常用设计制作软件2、了解店铺构造(店招、首页海报、分类导航、客服中心、分区、侧边栏、主图、宝贝详情、内页海报、页尾)淘宝店铺首页的结构一般如下:3、为什么要进行店铺装修如果—个买家找到了三家店铺做对比,如果你的店铺装修得更专业到位,买家的眼球自然会被你的店铺吸引,那么你给这位买家之第—印象已经很好很深刻了。

电视广告为什么要花血本做那么多动画广告呢?丢几张图片不为更省事,当然目的就为用动画营造视觉效果,让你对他们的产品印象更深刻!或许您会说,我店铺不装修生意—样非常好,商品质量才为王道,但有好的商品同样未必会有很好的生意,还要在装修上下点工夫,这里就要谈到淘宝店铺的装修了,试问有哪位买家有耐心看你写之乱七八糟之东西呢?装修不只为装修店铺,还要装修你的商品,把你的描述写得尽量言简意赅,宝贝图片尽量清晰!你要时刻站在买家之立场来装修你的店铺,还要时刻站在买家之立场来经营你的生意!4、网店装修之优秀店铺赏析从设计师和买家的角度,我们来对一些店铺的设计进行分析,希望对大家有所帮助。

淘宝网开店、装修、运营、推广与管理 第10章

淘宝网开店、装修、运营、推广与管理 第10章
4. 监督激励 监督激励是指管理者根据对客服工作态度、工作成绩、顾客满意度、员工认可度 等进行跟踪督查,来督促和管理员工,使其工作效果达到预期目标。
10.6.4 客服人员绩效考核
33
网店的客服考核一般以关键绩效指标考核法(KPI)为主,即将员工需要完成的工作标准以 指标的形式罗列出来,根据指标对员工进行评价,引导员工关注公司整体绩效指标和主要考核方 向,不断完善和提升自己。
随着消费者对服务要求的逐渐增加,服务质量和售后质量在交易活动中所占的地位越来越重, 优秀、别致和贴心的客户服务甚至可以成为店铺的标志之一,非常利于扩大店铺的影响力。
10.1.2 客户服务的沟通原则
6
1. 礼貌热情 礼貌用语;善用表情和图片。
2. 换位思考 换位思考是指客服在与消费者的沟通交流中,设身处地站在消费者的立场上来考虑 问题,将消费者当作自己的朋友,思考和理解消费者的实际需求。
14
售中服务指商家在消费者下单后,到消费者收到商品前提供的服务,主要集中在顾客付款到订 单签收这个阶段。
1
2
3
4
订单处理
装配打包
物流配送
订单跟踪
内容导航
10.1 了解客户服务 10.2 售前服务 10.3 售中服务 10.4 售后服务
15
10.5 客户关系管理 10.6 客服人员管理
10.4.1 售后客服注意事项
28
10.5 客户关系管理 10.6 客服人员管理
10.6.1 客服人员的招聘和选择
29
集中化工作模式
集中化工作模式对客服的要求更高,在数 量、质量、任职标准上都更严格。
分散化模式
分散化模式多适用于小型网店,对客服 人员的要求较低。一般可通过网络招聘 时间充足的人员。

网店装修美工及视觉营销设计(ppt共101张)

网店装修美工及视觉营销设计(ppt共101张)
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页) 网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
小技巧:时间仓促时利用汉语拼音做店标显得更高大上…
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
淘宝宝贝主图的要求
网店装修美工及视觉营销设计(ppt101 页)
网店装修美工及视觉营销设计(ppt101 页)
宝贝图片上传建议
建议:
1、宝贝主图最好上传为800*800px,既可以使用放大镜功能让消费者看到
实操
1、如何调整图片分辨率 2、如何按照要求批量裁剪图片及添加品牌logo 3、如何抠图 4、如何通过色彩平衡(曲线、对比度、色阶)
调整图像明暗度
色彩与网店设计
色彩冷暖性
色环
色彩三个属性
色彩心理与设计风格
1、红色
红色给人一种喜庆火热的感觉,是一种对人刺激性很强的色。红色容易使人兴 奋、紧张、激动,故也称为兴奋色。在网页美工设计中运用红色会达到时尚?商务?稳重?暗黑? 知性?清新.....
风格设计: 整体风格 主色、 版式、页面布局
细节风格 宝贝主图、海报、详情页...
店铺装修
装修修改:热力图等检讨复盘
网店装修美工及视觉营销设计(ppt101 页)
一、网店装修
门头logo 海报广告
4、绿色
绿色给人一种新鲜、平静、安全等方面的感觉,是一种具有黄色和蓝色两种成 份的色。绿+黄=单纯、年轻;绿+黑=美丽、成熟;绿+浅红=春天的来临。 网店运用绿色系,显示出网店的年轻生命力,给人健康、成熟的心理感受。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第8章制作PC端其他页面

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第8章制作PC端其他页面

8.3 课堂实训——制作护肤品春节活动页
24
实训思路
根据实训目标,完成本实训主要需进行以下操作。 (1) 定位活动页主题风格。以春节为主题进行活动页设计,可以直接选取与春节相 关的元素。本例以经典的正红和深蓝色作为主色,黄色作为辅助色,白色作为点缀色进行 设计,同时添加中国元素作为页面装饰。 (2) 焦点图视觉设计。焦点图以主色红色为背景,添加祥云、烟花等元素来构建场 景,同时搭配深色的光线营造一种节日气氛,文案则直接点明活动主题为“春节不打烊”, 最后在下方添加烟花场景,以呼应主题。 (3) 活动区视觉设计。活动区包括优惠券区与活动专区两个区域。优惠券区以红色 和黄色为背景,搭配红色的文字来突出显示优惠内容。以主色红色为背景,搭配红色的文 字和淡黄色的形状来突出重点内容。 (4) 添加页面点缀物。为了增强页面的活动氛围,并体现出新年主题,网店美工 可在页面中添加一些新年吉祥物以统一画面并区分出层次,比如中国结。




8.2.2 制作 11·11 活动页
15
本例将制作11·11活动页,在设计时通过紫色和线条以及文案让11·11的时尚感和促销 感展现出来,完成后,依次添加活动内容和活动商品,让整个画面更加完整。
其具体操作如下。
1 添加素材
2 添加图层蒙版
8.2.2 制作 11·11 活动页
16
3 设置图层混合模式
17 添加灯光
8.2.2 制作 11·11 活动页
19
18 绘制圆角矩形并添加灯光
19 输入文字
20 添加斜面与浮雕
21 绘制矩形并输入文字
8.2.2 制作 11·11 活动页
20
22 设置描边参数
23 设置外发光参数

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第3章商品图片的基本处理

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第3章商品图片的基本处理
其具体操作如2.2 商品图片降噪优化处理
11
3 表面模糊图片 5 设置图层混合模式
4设置高反差保留参数 6 完成后的效果
3.2.3 去除商品图片中的多余对象
12
为了完整地展现商品的特点,有时会扩大取景范围,这可能导致商品图片中出现多余的 对象,如人物、街道等,特别是外景拍摄时这种情况更加常见。遇到这种情况时,网店美工 可以使用修复工具去除图片中多余的对象。
3.3.1 抠取单色背景商品图片并合成
18
对于单色背景的商品图片,可直接使用快速选择工具和魔棒工具进行抠取,其抠取方法 基本相同。
其具体操作如下。
1 打开素材并复制图层
2 创建选区
3.3.1 抠取单色背景商品图片并合成
19
3 选中空调
4 移动空调到背景
5 选择“垂直翻转”命令
3.3.1 抠取单色背景商品图片并合成
20
6 添加投影效果
2 创建选区
7 设置投影参数
8 完成后的效果
3.3.2 抠取精细商品图片并合成
21
当商品图片中的商品轮廓和背景比较复杂时,直接使用魔棒工具很难得到较好的抠图效 果,此时可使用钢笔工具抠取商品细节,在抠取时要注意锚点、平滑点的调整方法。
其具体操作如下。
1 打开素材文件
2 确定起始点
其具体操作如下。
1 打开素材文件
2 去色图层
3.2.1 商品图片清晰度优化处理
9
3 设置高反差保留参数
4 设置图层混合模式
5 复制图层
6 调整色阶增加亮度
3.2.2 商品图片降噪优化处理
10
商品图片中的噪点主要有两类:颜色噪点和明亮度噪点。颜色噪点是指图片中单纯的色 彩区域内出现的五颜六色的杂色块。明亮度噪点是指图片中亮度一致的区域内出现的斑斑点 点,以及亮度不一的灰色颗粒。网店美工在处理有噪点的商品图片时,可使用减少杂色、表 面模糊等功能。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》—教学教案

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学教案第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”素材文件进行抠图,将其抠取出来的红酒瓶应用到其他背景中,调整大小和位置后合成为更具有营销表现力的效果图片。

淘宝天猫网店美工实战 教学大纲

淘宝天猫网店美工实战 教学大纲

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学大纲一、课程信息课程名称:淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺课程类别:专业基础课课程性质:必修计划学时:26计划学分:2先修课程:无适用专业:本书可作为高等院校设计类相关课程的教材,也可作为各类社会培训学校相关专业的教材,同时还可供Photoshop初学者自学使用。

课程负责人:二、课程简介本书围绕网店美工这一目前电子商务需求量较大的岗位,从美化商品图片与制作网店页面等角度入手,全面介绍了网店美工各阶段的工作内容。

本书设计了10章内容,可分为4部分来进行学习,各部分的具体内容和学习目标如下所示。

第1部分(第1~2 章):该部分主要讲解网店美工的基础知识,包括如何做好网店美工工作,以及网店美工的工作流程等内容。

第2部分(第3~4 章):该部分主要讲解商品图片的处理与色彩的调整方法,包括修改商品图片构图、优化商品图片画面、抠取与合成商品图片,以及各种色调的调整方法等内容。

第3部分(第5~9章):该部分主要讲解推广促销图及网店页面的设计与制作,包括商品推广图、PC端网店首页、PC端商品详情页、PC端其他页面、移动端网店首页与商品详情页的制作等。

第4部分(第10章):该部分主要讲解网店的装修,包括图片切片,以及各页面的装修方法等。

三、课程教学要求注:“课程教学要求”栏中内容为针对该课程适用专业的专业毕业要求与相关教学要求的具体描述。

“关联程度”栏中字母表示二者关联程度。

关联程度按高关联、中关联、低关联三档分别表示为“H”“M”或“L”。

“课程教学要求”及“关联程度”中的空白栏表示该课程与所对应的专业毕业要求条目不相关。

四、课程教学内容五、考核要求及成绩评定注:此表中内容为该课程的全部考核方式及其相关信息。

六、学生学习建议1. 理论配合案例进行学习,提高学生的实战动手能力;2. 在条件允许的情况下,可以尝试自己设计并制作一些图片,进行深入学习;3. 提高学生的设计感和审美能力;七、课程改革与建设本书旨在帮助零基础的网店美工快速、有效提升工作技能。

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第4章商品图片光影与色调的调整

《淘宝天猫网店美工实战--视觉设计+店铺装修+移动端店铺》教学课件—第4章商品图片光影与色调的调整

1
2
3


















4.2.1 商品图片清晰度优化处理
13
4

6













5










4.2.1 商品图片清晰度优化处理
14
7
8














4.2.2 调出冷色调商品图片
15
冷色调商品图片主要针对以冷色调为主色的网店,如男装、家电、数码产品、家居等, 网店美工在设计时要体现出冷色调的安静、沉稳、踏实感。
22
实训目标 本例中的T恤由于拍摄时光线过亮,造成T恤颜色过浅,与实物不符,如图1所示。此时, 需要将T恤的偏色部分进行校正,使图片效果更加符合实物,完成后的参考效果如图 2所示。
1 原始效果
2 完成后的参考效果
实训1:校正偏色的T恤商品图片
23
实训思路
根据实训目标,需要先调整模特面部颜色,再调整 T恤的整个色调。 (1) 打开“T恤商品图.jpg”素材文件,发现图片整体色调偏黄,在皮肤颜色 上最为明显,按【Ctrl+J】组合键复制图层。 (2) 选择【图像】/【调整】/【色相/饱和度】命令,打开“色相/饱和度” 对话 框。在“预设”下的下拉列表中选择“黄色”选项,在“色相、饱和度”数值 框中分别输入“-15、-15”,补充红色,减少黄色,单击“确定”按钮。返回图 片编辑区,查看调整后的颜色效果,发现图片中模特皮肤发黄的情况有所改善。
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。
第10章
装修网店
10.1 装修前的准备工作 10.2 装修PC端网店 10.3 装修移动端网店 10.4 课堂实训——装修开学季专题页
10.1.1 切片与保存图片
3
其具体操作如下。
本例为“女包网店 首页”的首页图片创建 切片,并将创建的切片 保存到计算机中,方便 后期装修网店时使用, 下面介绍网页切片与保 存的方法。
详情页的装修主要是在发布商品时进行的,当完成详情页的设计后,即可将其上传到 图片空间中,再直接通过“淘宝神笔”中的模板生成。下面讲解PC端商品详情页的装修 方法,其具体操作如下。
1 单击“发布宝贝”超链接
2 选择商品类目
10.2.3 装修 PC 端商品详情页
12
3 “立即使用”按钮
4 选择图片
5 单击“发布宝贝”超链接
3 选择需要上传的图片
4 查看上传的图片
10.1 装修前的准备工作 10.2 装修PC端网店 10.3 装修移动端网店 10.4 课堂实训——装修开学季专题页
10.2.1 认识装修模块
8
在进行模块布局前,需要了解网店装修的基础模块。常用的基础模块包括店铺招牌模 块、宝贝推荐模块、宝贝排行模块、默认分类模块、个性分类模块、自定义区模块、图片 轮播模块等。网店装修的常用模块,如图所示。
6 选择宝贝信息
10.2.3 装修 PC 端商品详情页
13
7 完成编辑
10.1 装修前的准备工作 10.2 装修PC端网店 10.3 装修移动端网店 10.4 课堂实训——装修开学季专题页
10.3.1 装修移动端网店首页
15
在网店装修中除了涉及PC端,还需要对移动端网店进行装修。下面将使用移动端中 的自定义模块对首页进行简单装修,其具体操作如下。
10.3.2 装修移动端商品详情页
19
打开“商品发布”页面,单击选中“使用文本编辑器”单选项,单击“添加”按钮 , 打开“图片空间”对话框,在其中选择需要添加的商品详情页图片,单击“确定”按钮, 完成后单击“提交宝贝信息”按钮,即可完成移动端商品详情页的装修。
移动端商品详情页装修
10.1 装修前的准备工作 10.2 装修PC端网店 10.3 装修移动端网店 10.4 课堂实训——装修开学季专题页
10.4 课堂实训——装修开学季专题页
21
实训目标
本例将装修开学季专题页,在装修前先使用切片工具进行切片,再上传到图 片空间,并进行页面的装修。在装修时将直接使用全屏宽图进行装修,完成后的 参考效果如图所示。
10.4 课堂实训——装修开学季专题页
22
实训思路
根据实训目标,完成本实训主要需进行以下主要操作。 (1)打开“开学季专题页.jpg”素材文件,将其进行切片操作。 (2)登录淘宝,在“千牛卖家中心”下拉列表中单击“免费开店”超链接进入 “千牛卖家中心”页面,在左侧列表框的“店铺管理”栏中单击“图片空间”超链接, 进入“素材管理”页面,将切片后的图片上传到“素材管理”页面中。 (3)打开“店铺装修”页面,添加“全屏宽度”模块,打开“全屏宽度”对话框, 在其中分别添加切片后的图片,并查看完成后的效果。
1 添加模块
2 编辑板式
10.3.1 装修移动端网店首页
16
3 单击“添加图片”超链接
4 单击“上传”按钮
5 选择需要上传的图片
10.3.1 装修移动端网店首页
17
6 选择图片
7 单击“保存”按钮
10.3.1 装修移动端网店首页
8 绘制其他矩形并添加图片 9 添加链接地址
18
10 查看预览效果
学习进步
1 添加参考线
2 切片图片
Байду номын сангаас
10.1.1 切片与保存图片
4
3 设置保存格式
4 查看保存效果
10.1.2 上传图片至图片空间
5
进行装修或发布商品前,商家可将需要使用的图片上传到图片空间,在需要使用 对应的图片时可以直接从中选择。其具体操作如下。
1 输入文件夹名称
10.1.2 上传图片至图片空间
6
2 单击“上传”超链接
10.2.2 装修 PC 端网店首页
9
本例将使用“全屏宽图”系统模块装修首页中的一个页面,其具体操作如下。
1 装修首页页面
2 添加模块
10.2.2 装修 PC 端网店首页
10
3 选择要添加的图片 5 选择要添加的图片
4 调整裁剪区域 6 预览装修后的效果
10.2.3 装修 PC 端商品详情页
11
相关文档
最新文档