网店美工——P13促销海报设计1
《网店美工》课件项目3课件
任务3.1店招设计 【学习目标】 知识目标：1、了解店招的视觉要点及其意义。 2、掌握店招图片所支持的文件大小及长宽尺寸。 技能 情感目标：1、让学生认识到店招设计的重要性。 2、提高学生对店招设计的热情。 【任务描述】 店招的设计和上传，直接关系到网店装修的效果，好的店招能够给顾客留下好的印象， 本 项目从店招的视觉设计出发，恰当应用文字以及其他的相关素材，制作出具有棉和麻类服饰风 格的店招。
步骤4 新建图层，利用椭圆选框工具以及钢笔工具，继续绘制棉麻的背景图形，颜色为 “#95480f”，使用文字工具输入“棉”和“麻”，字体为“华文隶书”。利用选框工具绘制绿色 “#93bc6a”背景的矩形框，执行高斯模糊，半径为0.5像素，再用画笔工具绘制弯曲线，然后输入 文字“随性舒适” 。 步骤5 制作完成后，保存为JPEG格式的图片。
步骤7 在图像上单击鼠标右键，执行“羽化”命令，弹出对话框，设置羽化半径参数为20，单击 “确定”按钮完成设置。 步骤8 执行“滤镜”/“模糊”/“高斯模糊”命令，弹出对话框，设置模糊参数。
步骤9 单击“确定”按钮。按Ctrl+D组合键取消选区。 步骤10 使用横排文字工具输入文字“SUMMER”，字体为“adobe宋体std”，大小为“71”，颜色为“黑 色”，加粗；输入“夏季新品发布会·清凉聚”， 字体为“黑体”，大小为“37”， 颜色为“黑色”。
下面是分类引导的操作过程
步骤1 启动Photoshop，新建一个空白文档，设置尺寸为1920像素×165像素，分辨率为96像素/英寸， 背景颜色为“#fff5da” 。 步骤2 使用椭圆选框工具绘制一个圆环，颜色为“#b98f69”，收缩宽度为3像素。
步骤3使用橡皮擦工具将椭圆擦除一部分。 步骤4使用自定形状工具绘制一个圆和一个箭头，并使用任意变形工具调整角度。 步骤5使用直排文字工具输入文字“羽绒服”，大小为“10px”。 步骤6 在“图层”面板中将图层整理到一个组。复制多个组，分别调整位置并修改文本：“呢大衣、 连衣裙、 针织衫、上装、 下装、套装” 。
第1章网店装修美工设计
闪图
三、网店装修中需要注意的问题 3 添加音乐要有讲究
在网店中添加音乐时要深思熟虑。如果买家不开音响，添加的音乐不仅毫无作用， 还会占用网络数据的传输空间；如果买家开了音响，进入网店后，网店音乐与买 家播放器的音乐出现重合，买家可能会立刻关闭网店页面。
二、网店装修的风格
01 如何确定网店装修的风格 02 不同行业的网店装修风格
二、网店装修的风格 1 如何确定网店装修的风格
网店装修流程
某时尚网站设计
二、网店装修的风格 1 如何确定网店装修的风格
抓住网店调性的方法
二、网店装修的风格 1 如何确定网店装修的风格
将素材进行组合提炼
二、网店装修的风格 2 不同行业的网店装修风格
一、初步了解网店装修 1 什么是网店装修
直接拍摄的商品图片
经过处理的商品图片
添加图片到网店首页
一、初步了解网店装修 1 什么是网店装修
首页装修
详情页装修
一、初步了解网店装修 2 网店装修的重要性
一、初步了解网店装修 2 网店装修的重要性
没有经过润色的图片
后期调整后的图片
一、初步了解网店装修 2 网店装比较柔和、悦耳的音乐，让人感觉舒服的音 乐会让买家在店内的停留时间变长。
添加音乐
三、网店装修中需要注意的问题 4 控制装修图片的色彩
巧妙地运用色彩可以使网店页面变得鲜艳、生动、富有活力，但是页面的颜色不 能太多、太杂，要保持统一，要有一个固定的配色方案对色彩进行规范，以减少视觉 干扰。过多的色彩容易造成版面复杂、混乱的视觉效果，对买家获取商品信息毫无帮 助，反而可能会带来负面作用。
《网店美工》项目1--走进视觉营销与美工设计
者快速找到商品、下单和获得帮助。
— 29 —
1.2.2 视觉营销的流程整合
➢店铺商品和用户角度
店铺的商品
商品结构体系
商品价格体系等
决定“店铺结构”和“页面结构”
店铺的用户群
社会层次 消费能力 生活习惯等 决定“店铺风格”和“商品陈列”
— 30 —
1.2.2 视觉营销的流程整合
➢具体操作流程步骤
思考
色彩作为一种客观存在，可以表现丰富的情感效应，这就是色彩的感觉与象征。
（1）色彩的冷暖感 （2）色彩的轻重感 （3）色彩的空间感
— 16 —
色彩的冷暖
根据人们的心理和视觉判断，色彩有 冷暖之分，可分为三个类别： 暖色系（红、橙、黄）， 冷色系（蓝、绿、蓝紫）， 中性色系（绿、紫、赤紫、黄绿等）。
— 17 —
需熟练掌握各种图片、视频软件，如Photoshop、Illustrator 、C4D、 Dreamweaver、光影魔术手、会声会影等，熟悉页面布局，了解产品特性， 能设计有思想、有创意、能触动消费者、产生共鸣、赢得消费者心智的图 片。
网店美工职责一、进行网站商品图的拍摄和详情页的描述制作。 网店美工职责二、网站各种页面的设计与装修 网店美工职责三、网店的编辑描述
任务3 网店美工
1.3.1 网店美工简介 1.3.2 网店美工运营之手 1.3.3美工成长路径
— 3—
项目一 视觉营销与美工设计
【本项目重点难点】
掌握色彩的分类、属性和色彩搭配；掌握视觉营销的原则及流程整合， 掌握网店的岗位图表及美工岗位能力要求。
【项目导图】
— 4—
【引例 】裂帛的视觉营销
作为网店品牌裂帛，它以出色的产品以及高质感的视觉营销在年轻群体中迅 速站稳脚跟。它的风格无拘无束，有着狂喜、神秘、流浪、异域的意态气场。那么， 裂帛究竟是通过怎样的方式向消费者展示自己产品呢？
《网店美工》促销图设计与制作 PPT课件
第7章 促销推广图 设计与制作
电子商务系列课程之网店美工实操
2020/3/30
目 录 CONTENTS
目录
7.1 7.2 7.3 7.4 7.5 7.6
直通车广告位 钻石展位广告位 推广图的设计准则 单品推广设计 店铺推广设计 第7章综合练习
23020/3/30
7.1 直通车广告位
升直通车推广的效果。
01
27020/3/30
7.1 直通车广告位
03
增值服务
活动推广。在一个特定展示位， 在某一段特定时间集中展现。 例如首页、频道页等能获得大 量流量的主体运营页面。
淘宝首页-热卖单品区域
28020/3/30
7.2 钻石展位广告位
1、淘宝首页焦点图
29020/3/30
7.2 钻石展位广告位
01
搜索推广
包括关键词搜索、类目搜索、 淘宝客搜索、热卖宝贝搜索。 最常用的是关键词搜索。
24020/3/30
7.1 直通车广告位
02
收藏夹等。
定向推广
利用淘宝网庞大的数据库，通 过网页内容定向、人群行为习 惯定向、人群基本属性定向等 创新的多维度人群定向技术， 分析买家的兴趣和需求。
宝首页的钻展图，尺寸 520*280像素。
210420/3/30
7.3 推广图的设计准则
01
推广主题清晰
确定主题后，所有的元素围 绕主题展开。
210520/3/30
7.3 推广图的设计准则
02
目标人群准确
不同的目标人群的审美标准 和兴趣爱好都不相同。所以 在设计推广图时，应清楚滴 认识到自己的产品所针对的 购买人群是哪一类。
《网店美工说课》课件
详情页设计
总结词：关联推荐
详细描述：在详情页中可添加关联推荐，向顾客推荐与该商品相关的其他商品，提高客单价。
详情页设计
总结词
购物车集成
详细描述
详情页应与购物车集成，方便顾客将商品加入购物车或 直接购买。
活动页设计
总结词
活动氛围营造
详细描述
活动页是网店举办促销活动的页 面，设计时应注重营造活动氛围 ，吸引顾客参与。
推广图设计
总结词：创意吸睛
详细描述：推广图是用于广告投放的图片素材， 设计时应注重创意和视觉效果，吸引目标受众点 击。
推广图设计
01
总结词：突出卖点
02
详细描述：推广图应突出商品的 卖点或促销信息，让目标受众了 解广告内容。
推广图设计
总结词：简洁明了
详细描述：推广图设计应简洁明了， 避免过多的文字和元素，以免干扰目 标受众的注意力。
网店美工的职责
负责网店的视觉设计
包括店铺首页、商品详情页、促销活 动页等页面的设店铺 的标志、字体、色彩等视觉元素，并
保持品牌形象的一致性和统一性。
商品图片处理和美化
对拍摄后的商品图片进行修图、调色 、添加水印等处理，提高商品图片的 质量和美观度。
情感化设计将更多地应用于网店美工，通过情感 化的元素和故事来吸引用户。
电商行业的发展趋势
社交电商的崛起
数据驱动的设计优化
社交电商的兴起将为网店美工提供更 多的展示机会和创意空间。
电商行业对数据的重视将推动网店美 工的数据分析能力，实现精准设计和 优化。
跨境电商的发展
跨境电商的崛起将促进网店美工的国 际化发展，要求更高的跨文化沟通能 力。
选择与品牌调性相符的颜 色，保持整体色调统一。
《网店美工设计》教学课件
学习目标
学习路径
任务描述 任务技能
技能点3 网店美工基本知识
1 分辨率
分辨率有两种：屏幕分辨率和图像分辨率。
2 像素
图像由一个个点组成，这个点叫作像素。像素是图像中最小的单位。每个像素是一个小点，不同颜色 的点（像素）聚集起来就变成一幅动人的画面。
学习目标
学习路径
任务描述 任务技能
技能点3 网店美工基本知识
任务描述 任务技能
淘宝网成立于2003年5月10日，由阿里巴巴集团投资创办。淘宝网分为淘宝C店和淘宝商城2种 模式。淘宝C店是淘宝集市卖家所开设的店铺，这种店铺的门槛低，任何通过实名认证的人，只要 发布10件宝贝就可以免费在淘宝上开店。淘宝商城（天猫）是亚洲最大的购物网站淘宝网打造的在 线 B2C 购物平台，自2008年4月10日成立以来，吸引了 Kappa、JackJones、苏泊尔、联想、惠普等 在淘宝商城开设官方旗舰店，受到了消费者的热烈欢迎。
而淘宝网作为服装类电子商务行业的老大，是国内B2C及C2C 电子商务网站中发展最快、 最为成功的案例，以提供具有本土特色的电子商务平台服务为宗旨，并一直不断完善和发展。 其在中国的 C2C 市场中可谓是一家独大，市场份额更是超过了 90%，行业领先的地位暂时是 无人能撼动的。目前，服装服饰类产品已经成为网络零售的第一大商品，无论从数量还是交 易规模上都是如此。单是淘宝网上初具规模的卖家群体皇冠店铺就已达上万家之多，并且仍 保持着快速增长的态势。本次任务主要是实现淘宝女装店铺首页设计。
【功能描述】 ● 使用淘宝布局要素来设计女装店铺首页。 ● 头部包括店铺的logo、宣传标语、购物车、账户登录及客户中心的图标。 ● 主体包括各个分类版块下的图片链接。 ● 底部包括店铺的各项服务链接、搜索框及返回首页和顶部的按钮。
《网店美工》教案--商品详情页设计
***学校《网店美工》教案第 1 页有兴趣的设计师们可以利用业余时间多进行了解。
如果能够成为集设计与文案才能于一身的高级人才，可想而知，你将备受青睐。
商品详情页设计是直接决定交易能否成功的其中一个重要因素，如何去构思使之更具有吸引力，更能抓住消费者的心理是关键。
我们需要收集和了解买家需要看什么，不需要看什么：图6-1 详情页所需内容板块示意接着，在再构思宝贝页面需要放置什么内容：图6-2 详情内容要点示意任务23 商品功能性介绍区域设计在做商品详情页规划前，清楚商品详情页每个区域的功能性，对后期布局设计起到相当重要的作用。
一般来说，商品详情页分三大区域：商品营销区、产品展示区、品牌包装区。
而三大区域则又细分成以下6个展现区，并形成商品描述的布局图：突出卖点：提炼商品的主要功能利益进行重点表现，吸引买家关注并进行浏览由整体到细节：先进行商品的整体展现，再进行商品的细节描述，这也是买家在购买商品时的浏览顺序情感联想：针对商品提炼情感利益，激发买家的感性购买需求导购服务：针对买家关注的商品问题进行导购式解答，逐步打消买家的购买疑虑售前售后：对买家进行购买后的一系列服务，从包装、物流到售后服务进行描述实力呈现：商品的质量认证、企业的实力展示、品牌介绍、荣誉等体现店铺实力的内容关联销售：关联销售区域，以便买家跳出前有更多商品选择图6-3 详情页个区域内容细分示意另外，除了基础功能区域版块，为了提高买家逛店体验度以及店铺成交转化率，我们建议增加一些额外的版块，来为商品详情页的功能加分：1.增加买家购买欲望—促销活动区：在商品描述中加进给力的促销信息，让买家了解商品的同时清楚可以享受的促销优惠，让促销优惠来刺激买家的购买欲望。
2.增加客单价—商品推荐：商品推荐有两种，分为同类商品推荐，设计必须要突出同类商品中不同商品的优势。
告诉买家可以如何进行商品选择，如可以的话还可以体现出购买咨询和导购信息。
另一类则是搭配商品推荐：设计中要突出不同商品搭配的艺术，或功能或效果或视理念或促销导购写到这里来，但是文案不宣过长。
童海君老师-电子社《网店美工》项目4--网店常用图片设计制作
“新商科”电子商务系列规划教材Copyright@童海君编书团队ContentsPage 目录页任务1 店招图设计任务2 店内海报图设计任务3 直通车图设计任务4钻展推广图设计任务5 活动图设计ContentsPage 目录页任务1 店招图设计4.1.1 店招设计目的4.1.2 店招设计类型4.1.3 店招设计结构任务2 店内海报图设计4.2.1 店内海报图的分类和作用4.2.2 丝巾海报设计案例4.2.3 丝巾海报作业思考任务3 直通车图设计4.3.1 直通车特点解析4.3.2 直通车图在搜索页的位置4.3.3 直通车图在设计的注意要点4.3.4 直通车图案例分析4.3.5老年服直通车图设计案例ContentsPage 目录页任务4钻展图设计4.4.1 钻展特点解析4.4.2 钻展图设计技巧4.4.3 审核流程4.4.4 钻展图位置4.4.5 头戴式耳机钻展推广图设计案例任务5 活动图设计4.5.1 活动图设计规范4.5.2 活动图示例说明4.5.3活动图示例说明【项目重难点】图片设计中，文字字体的选择、整体颜色的选择及应用；直通车推广图设计时，图文的排版样式、比例分布以及文案应用的精准表达。
【项目导图】【引例】35岁的张强是2004年毕业的大学生，老家住在城郊的工业园附近，本身学习的是电子商务专业。
张强毕业后并没有像其他同学那样去找工作，而是自己在淘宝网上开了一个服装网店，平时除了进货发货，晚上也会抽空将图片上传摆好放在自己的店铺上。
经过一年多的发展，张强的生意一天天好起来，忙的不亦乐乎。
但随着时间的推移，张强在网上的店铺人流量却直线下滑到现在的冷清，曾有朋友建议过将店铺的风格和展现形式重新做一下，更符合现代电商的形势。
但张强有自己的理论，他觉得网上图片摆放一下就行，顾客在乎的就是价格，主要是想方设法将价格再降低一些。
大家想一下，张强的网店图片通过摆图片和文字的方式，适应现在电商的发展吗，图片的视觉营销方向在广告及其相关的图片中起到怎样的重要作用。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第二周编号03
班别
09电子商务
日期
星期二第1节
星期第2节
星期第节
星期第节
星期第节
课题
促销海报设计1
课型
新授
课时
2
教具
投影
教学目标：
1、了解促销广告设计的表达要领；
2、通过模仿积累广告设计的经验，同时也体验网店促销图片构图的技巧
教学重点：
构图与广告表达
教学难点：
构图
复习旧课要点：
色彩的搭配
布置作业：
结合节日促销主题，从促销海报构成要素分析，启发学生思维。
本张图片为09电商班同学上学期促销的网店，广告设计主题特色相当突出。
提醒同学注意构图与情人节主题的响应
指出其不足之处
看图作业：
本张效果图考察学生对构图与颜色搭配的技能，学生从素材中将手表抠出来，在PHOTOSHOP软件中按效果图进行文字与图案的编排。
本作业基本上无手绘的要求，重点在培养学生对促销广告的设计感觉。
小结：
思考：本次作业的促销针对消费人群是怎样的？广告是否传达了商品的品质与促销活动的主题？
看图作业Hale Waihona Puke 教学后记：教学计划
教学内容与教学过程
方法
引导：
网店促销区的分析
1、促销区好比橱窗，是整个店铺的形象窗口。
2、促销区应体现网店的”不可替代性”，从服务、品质、价格、特殊效果、效应及促销活动六个方面体现。
3、设计促销区时一定要注意突出重点。
一、促销广告的分析
活动：分析以下四张海报，分别说出共特点—学生集体讨论，老师引导。