网店美工教案文档格式.docx
- 文档编号:21842764
- 上传时间:2023-02-01
- 格式:DOCX
- 页数:17
- 大小:146.29KB
网店美工教案文档格式.docx
《网店美工教案文档格式.docx》由会员分享,可在线阅读,更多相关《网店美工教案文档格式.docx(17页珍藏版)》请在冰豆网上搜索。
教学资料及要求:
教学过程中除了讲解必备的理论知识外,还可列举一些比较有代表性的案例,提高学生的学习兴趣。
教学内容
内容大纲:
1.1∣网店美工的工作范畴与设计要求
1.1.1网店美工概述
1.1.2网店美工人员的工作内容与技能要求
1.2∣网店美工常用的图像制作与处理软件
1.2.1Photoshop
1.2.2电商图片助手
1.2.3Dreamweaver
1.2.4Flash
1.2.5Illustrator
1.2.6Fireworks
1.3∣网店美工与店铺装修风格
1.3.1确定店铺装修风格的重要性
1.3.2确定店铺装修风格的方法
1.3.3不同店铺装修风格欣赏
课后练习
小结
1、网店美工应具备的基本技能要求;
2、网店美工设计常用的几种软件;
3、网店装修风格的确定与赏析。
课后习题
(1)请列举网店美工常用的软件及它们之间的区别。
(2)请为一个商品确定店铺装修风格。
《网店美工与视觉设计(视频指导版)》
配套教学教案
第2章
网店配色与图片素材收集
6
熟悉并掌握店铺色彩搭配技巧方法;
了解网店美工色彩心理应用;
掌握店铺掌握网店图片素材收集技巧
能独立设计制作出符合店铺风格的店铺颜色搭配。
掌握色彩基础知识原理。
(1)讲解色彩基础知识原理以及设计要点;
(2)讲解店铺店铺色彩搭配技巧方法;
(3)讲解网店美工色彩心理应用以及图片素材收集技巧。
(1)通过更多实例引起学生们对设计的兴趣;
(2)任务式教学手段,增加师生互动。
2.1了解店铺装修必备的色彩知识
2.1.1构成色彩的三要素——色相、明度、纯度
2.1.2店铺色彩心理应用
2.2店铺色彩搭配技巧
2.2.1色相对比与调和的搭配技巧
2.2.2明度对比与调和的搭配技巧
2.2.3纯度对比与调和的搭配技巧
2.3挑选合适店铺的色彩搭配
2.3.1根据店铺特点选择主色
2.3.2店铺的主色、辅助色、点缀色搭配
2.4图片素材规划与收集
2.4.1图片色彩属性概述
2.4.2选择图片格式
2.4.3选择图片筛选规划技巧
本章小结
4、掌握店铺色彩搭配技巧方法;
5、掌握网店美工色彩心理应用以及图片素材收集技巧;
(1)请收集5组不同主色风格的店铺图片。
(2)请分析儿童用品店铺的用色规律。
第3章
网店商品图片美化
能利用PhotoshopCS6图像处理软件进行基本的图片处理。
能利用PhotoshopCS6图像处理软件进行图片的美化。
能掌握PhotoshopCS6图像处理软件各工具的基本操作以及快键键;
掌握网店图片裁剪、污点处理、抠图、以及调色的基本操作。
掌握抠图的基本操作
(1)讲解工具的基本用法;
(2)讲解配合快捷键的使用方法;
(3)讲解店铺图片处理的基本思路。
3.1Photoshop图像处理软件
3.1.1认识Photoshop的界面
3.1.2Photoshop常用工具
3.1.3Photoshop图层的基本操作
3.2网店图片裁剪
3.2.1固定尺寸裁剪
3.2.2调整图片大小
3.3网店图片污点处理
3.3.1使用污点修复工具美化图片
3.3.2使用图章工具美化图片
3.4抠图技巧
3.4.1使用魔术棒工具抠图
3.4.2使用快速选择工具抠图
3.4.3使用套索工具抠图
3.4.3使用钢笔工具抠图
3.5商品图调色处理
3.5.1使用“色阶”命令调整图片
3.5.2使用“曲线”命令调整图片
3.5.3调整图片的亮度与对比度
3.5.4调整图片的色相与饱和度
3.5.5使用“色彩平衡”命令调整图片
1、能利用PhotoshopCS6图像处理软件进行基本的图片处理。
2、能利用PhotoshopCS6图像处理软件进行图片的美化。
(1)对网店图片进行基本编辑处理;
(2)对素材图片进行裁剪、污点处理、抠图、以及调色的基本操作
第4章
店铺LOGO与店招视觉设计
4
熟悉并掌握店铺LOGO的含义、常见类型、设计策略及设计步骤;
了解导航栏的参数设置以及设计步骤;
掌握店招的设计要点及具体步骤。
能独立设计制作出符合店铺风格的店铺LOGO、导航栏及店招。
能根据需要对店铺进行装修。
(1)讲解店铺LOGO与店招视觉设计的设计要点及主要内容;
(2)讲解店铺LOGO与店招视觉设计的常见布局;
(3)具体演示店铺LOGO与店招的设计制作的具体操作步骤。
4.1店铺LOGO视觉设计
4.1.1什么是店铺LOGO
4.1.2店铺LOGO的常用位置
1.店铺左上角
2.店铺正中央
4.1.3店铺LOGO的主要类型
1.中文文字型
2.英文文字型
3.中英文结合型
4.图形型
5.图文结合型
4.1.4店铺LOGO的设计策略
4.1.5店铺LOGO的设计制作
4.2店铺导航栏视觉设计
4.2.1认识导航栏
4.2.2导航栏的设计展示
4.3店招视觉设计
4.3.1店招的视觉设计要点
4.3.2店招的设计展示
6、掌握店铺LOGO的设计要点;
7、掌握店铺导航栏及店招的设计流程;
(1)请设计并制作出一个食品店的店铺LOGO.
(2)请设计制作出一个小清新风格的女装店店招。
第5章
店铺首页视觉设计
熟悉并掌握店铺首页各个模块的设计要点及主要内容;
了解店铺首页的页面结构及常见布局;
掌握店铺首页的设计制作流程。
能独立设计制作出符合店铺风格的店铺首页。
能根据需要对店铺首页进行装修。
(1)讲解店铺首页各个模块的设计要点及主要内容;
(2)讲解店铺首页的页面结构及常见布局;
(3)具体演示店铺首页每一个模块的设计制作的具体操作步骤。
5.1店铺首页布局
5.1.1店铺首页制作规范
5.1.2店铺首页的常见布局
1.店铺定位
2.用户的浏览模式
3.了解客户的需求及行为
5.2店铺首页海报的视觉设计
5.2.1首页海报的设计要点
1.主题
2.构图
3.配色
4.轮播海报的设计流程
5.2.2首页海报的设计制作
5.3.1宝贝陈列区的设计要点
1.商品类别要明确
2.要突出商品的价格和购买按钮
3.要让产品主次分明
5.3.2宝贝陈列区的设计制作
5.4收藏区及客服区的视觉设计
5.4.1收藏区的设计制作
5.4.2客服区的设计制作
8、掌握店铺首页各个模块的设计要点;
9、掌握店铺首页各个模块的设计流程;
(1)现有一个经营女性护肤品的网络店铺,请为其量身打造一个首页海报。
(2)现有一个经营女鞋的店铺,请按照平底鞋、高跟鞋和运动鞋三个类别为其设计
制作宝贝陈列区。
(3)现有一个经营儿童玩具的店铺,请为其设计制作适合其特点的收藏区及客
服区。
第6章
推广图片视觉设计
熟悉并掌握直通车图的设计要点
熟悉并掌握聚划算主图的设计要点
掌握钻石展位图的设计制作流程
能独立设计制作钻石展位图,能根据需要设计制作直通车图及聚划算主图。
设计要点及制作流程的掌握
(1)讲解直通车图、聚划算图以及钻石展位图的设计要点;
(2)讲解直通车图、聚划算图以及钻石展位图的制作流程;
(3)具体演示操作步骤。
3.教学资料及要求:
6.1直通车图的视觉设计
6.1.1直通车图的视觉设计要点
1.颜色差异化
2.巧用卡通人物和形象
3.卖点深挖
4.脑洞大开
6.2聚划算图的视觉设计
6.2.1聚划算主图的制作规范
6.2.2聚划算主图的制作案例
6.3钻石展位图的视觉设计
6.3.1钻石展位图的设计要点
1.主题突出
2.目标明确
3.形式美观
1、掌握直通车图、聚划算图、钻石展位的设计要点;
2、掌握直通车图、聚划算图、钻石展位的设计制作流程。
1.请在淘宝上找出直通车做得好的店铺,并分析其直通车图的优势。
2.请列举几张你认为有设计感的钻展图,并一一说明它们好在哪里。
3.请根据本章所学知识设计一张家居类的聚划算主图。
4.请根据本章所学知识设计一张女装类的钻石展位图。
第7章
详情页视觉设计
熟悉商品详情页常用尺寸,商品详情页的基本元素。
掌握详情页的参数设置以及设计步骤。
了解产品详情页制作的规律性问题。
能独立设计产品展示图、产品尺寸图、产品细节图的制作。
4.教学思路:
(1)讲解商品详情页常用尺寸,商品详情页的基本元素;
(2)讲解商品详情页设计要点;
(3)讲解商品详情页的制作流程;
(4)具体演示操作步骤。
5.教学手段:
6.教学资料及要求:
内容大纲:
7.1详情页设计
7.1.1详情页概述
7.1.2详情页设计思路
7.1.3详情页排版
7.2详情页模块设计
7.2.1产品展示图设计
7.2.2产品卖点模块设计
7.2.3产品细节模块设计
7.2.4产品售后服务模块设计
7.3优化产品详情其他设计
7.3.1产品分类设计
7.3.2产品搭配区域设计
7.3.3使用“切片”工具优化展示
3、掌握商品详情页的设计要点;
4、掌握商品详情页的设计制作流程。
1.请设计并制作出一个女装店铺的详情页。
2.请分析并总结详情页制作必要组成要素。
第8章
无线端店铺视觉设计
了解什么是无线端店铺;
熟练掌握无线端店铺的装修风格及页面布局;
无线端店铺商品首页及详情页设计技巧;
掌握无线端店铺的特征;
掌握无线端店铺的导购思路;
掌握无线端店铺模板的参数设置。
无线端店铺装修思路
无线端店铺模板参数介绍
(1)无线端店铺的设计特点;
(2)无线端店铺与PC端店铺的区别;
(3)无线端店铺装修要点;
(4)无线端店铺装修思路;
(5)无线端店铺模板参数介绍。
(1)通过比较无线端店铺和pc端店铺区别,了解装修差异;
8.1无线端店铺视觉设计
8.2无线端店铺的设计
8.2.1无线端店铺装修要点
8.2.2无线端店铺装修思路
8.2.3无线端店铺模板参数介绍
10、无线端店铺视觉设计
11、无线端店铺的设计
(1)请设计并制作一个时尚型化妆品的无线端店铺详情页。
(2)请设计并创作一个清爽风格的餐具无线端店铺详情页。
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 美工 教案