资源简介

(共40张PPT)
跨境电子商务实务
项目四 跨境电商视觉设计
目录页
CONTENTS PAGE
目录页
文案策划
1
产品主图和设计结构
2
店招图设计
3
广告图设计
4
文案策划
1
自定义模块设计
5
任务三 店招图设计
2021
任务分析
作为网店装修时的首要任务之一，应该从店招视觉标准、店招图设计、店招图片上传等几方面入手实施
任务三 店招图设计
请替换文字内容
店招图视觉标准
任务实施
速卖通系统板块的店招尺寸宽度为1200px，高度可以在100-150px之间，一般在设计店招的时候应该尽量将店招区域充分利用起来，将尺寸设计为1200px*150px。
任务三 店招图设计
请替换文字内容
步骤1：图层建立。打开Photoshop软件，新建图层，如图所示。
新建店招图层
任务三 店招图设计
请替换文字内容
任务三 店招图设计
图1 置入按钮
步骤2：Logo添加。Logo是网店的标志，是顾客对网店的标签性印象。在图层上置入的网店Logo，主要有两种形式，分别是：图形Logo和文字Logo。在店招图层上置入网店Logo，如图1、图2所示。
图2 置入Logo后的网店店招
请替换文字内容
任务三 店招图设计
添加网店简介
步骤3：网店简介编写与添加。网店简介通常为一句话介绍，内容可以涵盖网店内涵或理念等，添加操作按钮及呈现如图所示。
请替换文字内容
任务三 店招图设计
保存店招
步骤4：保存店招。选择“文件”→“储存为web所用格式”，选择存储路径并对文件进行命名，格式选择为“HTML和图像”，如图所示。
请替换文字内容
店招图片上传
店铺装修及管理
步骤1：登录全球速卖通卖家账号，在卖家后台中选择“店铺-店铺装修及管理”模块，点击“进入装修”进入网店装修界面，如图所示。
任务三 店招图设计
请替换文字内容
页面编辑
步骤2：进入速卖通店铺装修后台页面后，店招板块在整个页面最上方，将光标移动到“店招-编辑”位置，并点击编辑，如图所示。
任务三 店招图设计
请替换文字内容
店招设置
步骤3：点击“编辑”后，弹出店招编辑框，如图所示。然后在该页面进行店招高度设置和图片上传。
任务三 店招图设计
请替换文字内容
店招上传
输入店招高度，点击“添加店招图片”，会弹出店招图片上传选项，选择自己制作的店招图片后上传，点击“使用这张图片”，选择“保存”，就可以成功保存店招图片，如图所示。
任务三 店招图设计
请替换文字内容
店招设计注意事项
1、视觉重点不宜过多，有1-2个足够；
2、其次如果现阶段是做大促，可以着重突出促销信息，但是品牌也不能忽略；
3、店招一定要凸显品牌的特性，让客户很容易就清楚你是卖什么的，包括风格，品牌文化等
4、尽量只使用1-3种颜色，避免使用过于刺激的颜色。
任务三 店招图设计
跨境电子商务实务
项目四 跨境电商视觉设计
目录页
CONTENTS PAGE
目录页
文案策划
1
产品主图和设计结构
2
店招图设计
3
广告图设计
4
文案策划
1
自定义模块设计
5
任务四 广告图设计
2021
任务分析
广告图能够直接影响客户对产品的第一印象，设计精良的广告图，能够吸引客户快速点击进入某一产品或某类产品的链接页面，有效为网店引进流量。
任务四 广告图设计
请替换文字内容
广告图视觉标准
任务实施
轮播广告海报在系统板块内的尺寸宽度为960px，高度为100-600px，图片要求无边框和水印，不允许拼图。另外，LOGO需统一放在图片左上角，约占主图的1/10。
任务四 广告图设计
请替换文字内容
任务四 广告图设计
步骤1：图层建立。打开Photoshop软件，新建一个960px*400px的图层，如图所示。
新建广告图层
请替换文字内容
任务四 广告图设计
置入素材
步骤2：置入素材。点击“文件”-“置入”，首先在海报图左上角置入店铺LOGO,然后选择准备好的产品素材，置入广告图层中，如图所示。
请替换文字内容
任务四 广告图设计
置入文字底图
步骤3：置入文字底图。文字底图作用是区别于海报背景，凸显之后要在底图上添加的文字。操作时，需要先点击矩形工具，在海报图片上置入矩形的文字底图（底图要与背景相搭配），如图所示。
请替换文字内容
任务四 广告图设计
调整颜色
步骤4：调整文字底图的颜色。依次点击“矩形图框-填充”，之后进行颜色选择，如图所示。
请替换文字内容
任务四 广告图设计
加入海报主题
步骤5：加入文字。文字可以凸显海报的目的，让客户在看到海报的第一眼，就明确海报所要表达的意思。选择文字工具，加入海报主题，并对文字效果进行设置，完成最终的海报设计，如图所示。
请替换文字内容
广告图设计误区
盲目创意，忽视产品特质
夸大其辞
广告表现与广告诉求脱节
重创意，轻叫卖
01
02
03
04
任务四 广告图设计
请替换文字内容
广告图设计要点
01
02
03
04
B
信息传达的层次结构
D
多主题的组合表现
A
突出主题
C
通过形式强化主题
任务四 广告图设计
跨境电子商务实务
任务5 自定义模块设计
目录页
CONTENTS PAGE
目录页
文案策划
1
产品主图和设计结构
2
店招图设计
3
自定义模块设计
4
文案策划
1
自定义模块设计
5
任务5 自定义模块设计
2021
任务分析
在完成商品主图设计、店招设计和自定义模块设计之后，为了让店铺看起来更加美观，小刘准备设置自定义模块，加入自己的营销想法，更加生动地展示产品和店铺。为此，小刘通过自定义模块视觉标准、自定义模块设计两方面进行网店自定义模块的设计。
任务四 自定义模块设计
请替换文字内容
自定义模块视觉标准
任务实施
自定义板块并不局限于产品，它还可以在店铺内更直观地添加产品分组，引导消费，做一个良好的导购员。
在基础板块中最多可以添加5个自定义内容区，在同一个自定义板块内，字符数不能超过5000个。
任务四 自定义模块设计
请替换文字内容
自定义模块视觉标准
任务四 自定义模块设计
1.主区自定义规格
基础板块自定义内容区的图片宽度最大为920px，高度不限，但建议不要超过3000px，一是太高会影响网页展开速度；二是字符数太多容易超出规定限制。
主区自定义
请替换文字内容
自定义模块视觉标准
任务四 自定义模块设计
2.侧边栏自定义规格
在侧边栏添加一个自定义内容区，它的图片最大宽度为180px，高度不限制，但建议不要超过1500px
请替换文字内容
任务四 自定义模块设计
自定义模块可以放入自主设计的切片内容，基础板块中的自定义部分只支持宽度为960像素，而现在的第三方板块提供的自定义模块支持宽度为1200像素。如图所示。
自定义模块设置
请替换文字内容
任务四 自定义模块设计
步骤1：打开Photoshop，找到切片工具，将素材图片拖入Photoshop中，选择切片如图所示。
打开图片
请替换文字内容
任务四 自定义模块设计
切片
步骤2：根据商品类别选定切片的区域，将图片划分成块。从图片的左上角开始进行切割，按照要求进行每一部分的切割，以便于在编辑HTML代码时可以对不同的商品添加不同的链接地址，所以按照每一部分进行切割即可，切割完一片后在这个图片的左上角就能够看到一个自动标记记号，如图所示。
请替换文字内容
任务四 自定义模块设计
存储
步骤3：图片切割完成后，选择文件→储存为web格式，选区存储路径并对文件进行命名，选择格式的时候要选“HTML和图像”格式,如图所示。
请替换文字内容
任务四 自定义模块设计
步骤4：进入速卖通后台，单击“产品管理”，进入图片银行，新建分组，单击“上传图片”按钮，每次上传数量为6张，依次将所有切片内容上传完成即可
请替换文字内容
任务四 自定义模块设计
速卖通产品信息模块介绍
速卖通产品信息模块分为两种，一种是自定义模块，一种是关联产品模块。关联产品模块就是平台提供给卖家的关联营销模板，操作非常简单，只要选择添加商品即可，这里不作赘述。
但是缺点是限定最多只能放8个产品，分两行，每行4个，样式也是单一的，很多人觉得不好看；而自定义模块，一般用来放一些重复的信息内容，比如卖家关于支付、物流、售后服务的一些信息，这样的信息在每个产品详情页都会重复添加，所以放在自定义信息模块中，只要描述中插入模块即可统一管理。
THANK YOU

展开更多......

收起↑