活动（1）制定玩具类店铺视觉设计方案
课型理论课
课题制定视觉设计方案
课时1
理解玩具类客户群体的特征和消费心理；
知识目标1.
2.理解配色、字体、模特图对应的视觉传递效果。
1.能够根据产品定位，分析顾客的特征和消费心理；
教学目标技能目标2.能够视觉设计目标选择配色、字体、模特图；
3.能够完成撰写玩具类网店的视觉设计方案。
.培养学生对美的追求以及审美能力；
情感目标1
2.鼓励学生对颜色的探索，提升学生学习兴趣。
教学重点儿童玩具类客户特征分析和心理分析
教学难点确定配色基调
一、客户群体定位与风格
客户特征：
1.对孩子爱护有加；
2.相对于价格，更注重玩具质量和款式；
二、客户群心理分析
客户心理特征：
1.高品质消费心理；
教学内容2.对质量和安全性很注重；
3.对品牌氛围有一定要求。
三、配色基调
主色调：玫红色，辅助色：粉红色、蓝色和白色
四、字体选择
微软雅黑以及方正兰亭黑简体
五、模特形象选择
模特以彩虹宝宝只能玩偶为主体，突出童真。
复习小结
任务2设计首页
活动（1）准备图片
课型实操课
课题准备图片
课时2
1.了解首页图片选择要求；
知识目标
2,了解玩具图片的处理步骤。
学会玩具图片的基本操作：包括抠图一一瑕疵修复一
教学目标技能目标
一调色一一增加质感等内容。
1.培养学生耐心细致的做事态度；
情感目标
2.培养学生对美的追求以及审美能力。
教学重点玩具图片处理
教学难点玩具图处理
一、图片选择
不仅仅选择了适合制作海报的露露商品图片，还选择了“露露”智能
玩偶的部分场景图，如撑着雨伞和抱着小熊的图片。
二、图片处理（讲练结合）
步骤一：抠图
使用Photoshop打开“露露”拍摄图，由于玩具涉及毛发因此我们需
要在保留毛发细节的前提下把主背景抠除掉。
步骤二：瑕疵修复。放大图片，看到需要修复的位置，使用污点修复
教学内容
画笔工具，在需要修复的位置涂抹，松开鼠标即可。
步骤三：调色
儿童玩具强调色彩活泼明快，由于商品拍摄灯光照射整体色调偏白偏
灰，因此需要对商品进行色彩校正处理。
步骤四：增加质感
提升质感主要通过高反差保留操作，强化图片轮廓。
三、实操练习（学生操作）
老师提供模特图片，学生按照上述方法完成任务模特处理。
活动（2）设计PC端首页
课型理实一体课
课题设计PC端首页
知识目了解首页大致内容和结构；
标了解店招的主要内容。
学会钢笔工具的使用；
技能目
学会利用图片素材营造氛围；
教学目标标
学会规划玩具店铺的首页并完成制作。
情感目培养学生耐心细致的做事态度；
标培养学生大局观和全局意识。
教学重点1.首页的规划；2.首页制作操作
教学难点首页的制作
一、首页规划
“彩虹宝宝智能玩偶”店铺主打儿童智能玩具，我们应该体现“童真”
“智能”“陪伴”等品牌形象，用粉红、天蓝等颜色突出俏皮可爱的特征。
二、店招设计（讲练结合）
步骤一：设置背景。打开Photoshop,新建宽度为950px,高度120Px
的图片，图片名称为店招。用渐变工具填充背景，并将准备的素材粉红色
太阳花等放入合适位置。
步骤二：添加logo及店铺名称。添加log。及店铺名称。将公司的logo
添加到左上方，店铺名称采用微软雅黑字体，设置字体大小为35,颜色为
（19ble9）为了体现店铺的品牌特征。我们选定“快乐成长，智能陪伴”
作为店铺的宣传语，采用灰色字放在店铺名称下面，最后用图形工具绘制
收藏按钮。
步骤三：添加主推商品。我们将主打产品“露露”用剪贴蒙版工具并
适当添加投影。
教学内容三、制作轮播海报（讲练结合）
步骤一：设计海报背景。为体现店铺定位的童趣，我们采用天蓝色
（b6e3f8）和浅粉色（fdc8dl）两种颜色为基调,如图1T6所示，我们用
钢笔工具勾勒出曲线，划分出模块，曲线也使得页面更为活泼。在粉色的
模块，我们用大小不一白色的色块作为底纹，增加图形的立体感和高级感。
步骤二：通过前面的步骤，我们处理了拍摄原图，在处理好的图片中
筛选一到两张作为备用。
步骤三：把选好的“露露”图片放在画面左右两边。
步骤四：在画面正中间输入文字“玩具总动员，全场7折起”，采用卡
通俏皮一点的字体，颜色选择和背景同色系的深粉色（f.9667f）最后对素
材、图片背景进行调，让其融合更有整体性，并添加小熊素材，进一步增
加画面的可爱属性。
四.添加优惠信息和推荐商品
在淘宝店铺中，商品默认的商品推荐模块，只需要按照要求设置宝贝
数量，排序方式，价格范围等等信息，商品会自动被抓取到前台进行展示
活动（3）制作移动端首页
课题制作移动端首页
1.了解移动端首页的基本要求；
2.了解移动端店招和导航栏的操作要求。
1.学会制作移动端店招；
2.学会将PC端首页调整为移动端首页。
1.培养学生举一反三的思维；
2.培养学生大局观和全局意识。
1.移动端首页的规划；
教学重点
2.PC端首页调整为移动端首页的操作。
教学难点PC端首页调整为移动端首页的操作
一、制作移动端店招
把模特图作为简单背景底图来使用，不仅迎合了店铺的销售气氛，也
移动端店铺店招底图选择一张背景图片，搭配上简洁的文字描述，并
很好地控制了图片与文字色彩的对比度，让消费者可以清晰地阅读文字。
二、制作优惠券模块
在优惠券上添加“立即领取”按钮之类的视觉元素，可以在一定程度
上左右消费者的点击行为，相对于没有明显按钮引导的优惠券版块而言，
有按钮引导更具操作的提示感，有利于引导消费者的参与行为。这里我们
采用双列图片模块添加5元和15元的优惠券，可以根据PC端首页的优惠
券模块更改，图片大小设置为351Px*150px。
三、制作商品推荐模块
PC端首页我们将“露露”这款产品制作成了海报，在移动端页面进行
商品展示的时候我们尽可能要用最少的文字和有视觉冲击力的图片，这样
更符合移动端的阅读习惯。
任务3设计详情页
活动（1）规划详情页
课题规划详情页
知识目标了解玩具类商品详情页的内容
教学目标技能目标规划详情页结构和内容
情感目标培养学生大局观和全局意识
教学重点规划详情页，确定详情页结构和内容
教学难点规划详情页，确定详情页结构和内容
详情页的描述基本遵循以下顺序：①引发兴趣②激发潜在需求③赢
得消费信任④替客户做决定。
特别要注意的是，由于客户不能真实体验产品，我们宝贝详情页是要
告诉顾客我是做这个的专家，我很值得信赖，买家买了都说好，正好店铺
有活动，现在下单价格最优。一般而言，详情页面包含以下几个方面：
1、创意情景海报。最开始的大图是视觉的焦点，背景应该采用能够展
2、宝贝卖点。根据FAB法则排序，F特性一一A作用一一B好处。产品
教学内容有哪些与众不同的地方，有什么作用，能给顾客带来什么好处。
3、宝贝规格、参数。比如服装类就可以附上尺码参照表。
4、模特全方位展示。
5、细节展示。
6、包装展示。
7、店铺、产品资历证书，以及品牌门店、车间展示。以此烘托出店铺
的实力。
8、售后保障、物流说明。解决顾客未知已知的各种问题，消除顾客最
后的担忧。
活动（2）制作详情页
课题制作详情页
课时3
教学目标技能目标能够按详情页规划完成详情页制作
1.培养学生制定计划、落实计划的意识；
教学重点按详情页规划完成详情页制作
教学难点按详情页规划完成详情页制作
一、创意情境海报制作
用户购买宝贝最主要看的就是宝贝展示的部分，在这里需要让客户对
宝贝有一个直观的感觉。这一张图传递的信息是整个详情页的基调，所以
这里需要注意三个问题：第一，选对图片；第二，传递商品价值；第三，
美观大方，与店铺整体风格一致。本次选用的商品“露露”本身就是一个
比较出名的IP,因此制作时候可以借助“彩虹宝宝”的影响力。
二、宝贝参数、卖点图制作
1）人物介绍部分
步骤一：背景制作。新建图层，选择路径工具绘制波浪线图形，此步
骤可以借用形状工具内的相似图形进行组合。补充绘制矩形，整体高度控
制在630像素，图形填充颜色（f58ea0）。为了让效果更佳丰富可多复制一
层，调整半透明状态放于底层。
步骤二：添加文字说明。添加圆角矩形形状图层，半径为30像素，颜
色为白色。导入露露素材，并缩小放在相应位置。下行添加文案内容，文
字选用幼圆字体，字号23像素，加粗，颜色为（411f00）。同一方法制作
另一组人物说明。
2）功能说明部分
步骤一：格线。选择：视图-显示-网格，作为参考。由于打开的是默
认网格，因此需要进行参数修改。选择：编辑-首选项-参考线和网格、切
片，设置网格线间隔：L5厘米；子网格：1。
步骤二：直线条工具，类型为像素，颜色（f58ea0）根据网格参考线
画出格子，画完后将参考线关闭即可。
步骤三：绘制波浪形形状，这步和之前绘制的步骤类似，也可直接复
制，进行水平翻转得到。
步骤四：导入露露素材，选择圆角矩形工具，类型为形状图层，半径
60像素，固定大小：675*835,适当添加投影。素材放于露露素材下方。步
骤五：添加文案。图中有两项文案内容：露露标题、卖点说明。
3）产品参数部分
步骤一：添加产品参数说明文字。整体高度控制在460像素左右，字
体用到了黑体，加粗显示；幼圆体，字体颜色（6c3020）。利用标尺和文本
框工具让内容更整齐显示。
步骤二:制作“产品规格展示”导航。用圆角矩形，颜色（65d2cf）。
文字中文字体：幼圆；英文字体：[Reeji],颜色（a4a4a4）。并将其打组。
三、细节展示图制作
步骤一：标题制作，可利用“产品细节展示文案”进行复制更改
绘制6个圆角矩形工具，排列两行。导入素材，放于圆角矩形之上，利用
剪贴蒙版将素材制作成圆角的形状。
步骤二：同样方法完成其他。并添加内容信息，字体选黑体，幼圆字
号25像素。
步骤三：制作配件显示，具体方法与上一步内容相似。
任务4上传商品
活动（1）上传商品到电商平台
课型操作课
课题上传商品到电商平台
1.了解电商平台主副图要求；
2.了解商品上传的基本内容。
1.了解主副图的制作方法；
2.了解商品上传的基本操作。
2.培养学生动手实践的意识。
一、设计主副图（讲练结合）
1.设计主图
步骤一：打开图片.，调整画布宽度，将画布调整为正方形，用内容识
别的方式填充背景不足的区域。
步骤二：图片处理，抠图一修复修型一质感一调色等几个步骤。
步骤三：裁剪。裁剪为700X700像素的图片。
步骤四：添加其他内容。这里仅需要添加LOGO。
2.设计辅图
由于主图设计相对简洁，这里的辅图跟主图相比，仅少一个LOGO。
教学内容3.设计最后一张图
完整的商品图，换成白底。
二、上传商品（讲练结合）
将商品主副图和详情页切片图上传到图片空间，在系统的提示下，完
成商品上传。如果详情页存在关联营销、领取优惠券、搭配销售等有超链
接的内容，可以用Dreamweaver或者用购买模板的方式完成。
任务5上传首页
活动（1）上传PC端首页
课题上传PC端首页
知识目标1.了解淘宝网PC端首页装修的基本内容；
教学目标技能目标熟悉和熟练使用淘宝后台操作。
2.培养学生克服困难，解决问题的做事态度。
教学重点上传PC端首页。
教学难点上传PC端首页。
1.上传店招（讲练结合）
步骤二:选择“PC端”一“首页”一“装修页面”
步骤三：上传店招，
2.上传轮播海报（讲练结合）
步骤一：进入淘宝“店铺管理页面”，选择“全屏轮播”模块。
步骤二：点击轮播模板中的编辑按钮，选择需要上传的轮播海报即可。
步骤三：添加链接。如需为海报添加链接，可在上传页面中选择海报
需要链接的一个商品，或者直接输入商品链接，在轮播模块
中默认两个轮播图，即画布1和画布2,可以根据实际需要添
加画布数量。
3.首页其他部分上传（讲练结合）
活动（2）上传移动端首页
课题上传移动端首页
知识目标了解淘宝网移动端首页装修的基本内容；
教学目标技能目标学会上传淘宝移动端首页。
培养学生耐心细致的做事态度；
情感目标1.
教学重点上传移动端首页。
教学难点上传移动端首页。
一.移动端首页（讲练结合）
步骤二：选择“手机端”一“首页”一“装修页面”
步骤三：选择模板，点击“使用模板”即可
步骤四：上传手机端店招。点击店招模块，点击右上角
的设置按钮，点击“上传店招”
步骤五：把设计好的店招上传到图片空间，这
样就顺利地把店招上传到手机端的模块中。
“选择模块”一“设计”一“上传”。
步骤七：链接设置。
点击轮播模块进入设置功能，在对应的缩略图右边输入一个
链接地址即可。有多少个轮播图就输入多少个链接，轮播图
和链接是一一对应的，输完后点击“保存”按钮即可
步骤八：完成首页上传。移动端店铺的各模块上传与操作与以上两项
的设置相似，这里就不一一介绍，读者可以多加练习，掌握
更多模块的使用技巧，这样工作起来就更能得心应手
情景二手机套店铺的网店美工
活动（1）制定手机套店铺视觉设计方案
3.学会分析客户的身份特征和心理需求情况。
4.制定中高档手机套视觉设计方案。
4.能够根据产品定位,分析顾客身份的特征和消费心
理。
5.能够对视觉设计目标选择确定字体、色调等内容。
6,能够完成撰写手机套类网店的视觉设计方案。
3.培养学生对美的追求以及审美能力；
4.鼓励学生对色彩搭配的探索，提升学生学习兴趣。
教学重点中高档手机套客户身份特征分析和心理分析
美尔搭手机套定位为中高档品牌，主要客户群体为喜欢大方体面的商
务人士，崇尚休闲的、时尚的、有个性的年轻人等，这些客户具有以下特
征：
25-45岁
1.用于休闲娱乐的消费支出占其生活花费的比例相对较高
2.白领、企业主、公务员、自由职业者等
3.对产品的质量要求高，如绿色环保，健康性等；
4.对实用性要求高；
5.对产品的时尚性和个性要求很高；
1.有品味、高素质、思想独立；
2.他们多交际、品味独特、不盲从不跟随；
3.追求生活质量和小资情调
4.思想前卫，追求时尚，易于接受新生事物，生活比较有品位；
根据色彩的特性，不同的色彩能给人不同的感受。
时尚的、休闲的、个性的、文化的
美尔搭手机套店将主色调定为驼色，辅助色调定为灰色和白色。
字体尽量时尚大方，能突显本手机套产品个性的字体，如SteelFish
可以换成近似字体）。
五、道具的选用
为了更好展现手机套的个性和品味，在拍摄手机套产品图片时需要选
择一些能衬托出产品特质的道具，比如笔记本、钢笔、毛刷、黑色反光板
等物品。
3.了解首页图片选择要求；
4.了解手机套图片的处理步骤。
学会对已经拍摄的手机套商品图片进行美化处理，常
规的步骤有：去除杂质、抠图、修复、调色等。
3.培养学生耐心细致的做事态度；
4.培养学生对美的追求以及审美能力。
教学重点手机套商品图片进行美化处理
教学难点手机套商品图片进行美化处理
商品的图片要选择尽量能清晰展示商品特征的全图。
使用Photoshop打开上面其中一张照片，可以看到照片手机套上有很
多灰尘和一些小刮痕，色彩也不够理想，需要处理，具体操作如下：
1.去手机套上的灰尘和一些小刮痕。放大图片，看到需要修复的位置,
使用污点修复画笔工具、修复画笔工具、修补工具，要使用到ATL键+修复
画笔工具吸取要改变的样板，再在需要修复的位置涂抹，修补工具选取要
修改的区域，拖动到想改成的样板地方，松开鼠标即可。使用这些工具时
要注意“选项栏”的参数设置，才会达到最佳效果。
2.让手机套更与实物相近，调整色相/饱和度，曲线，分别按Ctrl+U
和Ctrl+M,调出面板，设置参数。
老师提供手机套的一些图片,学生按照上述方法完成任务手机套图片
处理。
1.了解首页大致内容和结构。
知识目标2.了解全屏首页的基本要求。
3.了解店招的主要内容。
1.学会首页规划。
教学目标技能目标2.学会LOGO设计和店招制作。
3.学会规划手机套店铺的首页并完成制作。
1.培养学生耐心细致的做事态度。
2.培养学生对淘宝店铺首页设计大局观和全局意识。
1.PC首页的规划。
2.PC首页制作操作。
教学难点PC首页的制作
二、LOGO设计
LOGO使用MERDA英文全拼为设计基础，LOGO字体颜色设置为
SE7AEO2,字体和字号及各参数设置。
三、店招设计
店招本身只有120像素的高度，但是为了整体性，这次设计直接将店
招和导航栏的30像素放在一起设计，也就是设计150像素的店招，操作步
骤如下：
步骤一：打开Photoshop,新建宽度为1920像素，高度7000像素的图
片（高度也可以自己定，过高的部分可以在首页完成后去掉，高度不够也
可以自行添加），图片名称为首页，填充背景色#FlEdE8。
步骤二：添加150像素的水平参考线，新建图层，将图片顶端150像
素高度的区域全部填充为淡刈（yi）安色，颜色代码为：#FlEdE8
步骤三：划分导航栏区域。店招和导航栏一起设计完成，但在制作过
程中还是要加以区分，新建120像素的水平参考线，两条参考线中间形成
30像素的导航栏。在120像素和150像素的参考线上，选定这块30像素的
区域，新建一个图层，把这块区域填充颜色为#A68A65。
1.做好店招，宽度1920像素，高度120像素。
2.制作导航栏，宽度1920像素，高度30（制作这个要了解店铺内有
什么产品）。
四、海报制作
第一个海报通常是最能吸引客户眼球的，通常用于店铺活动宣传或者
店铺爆款商品推广。目前主流的PC设备的分辨率为1920X1080像素，即
一屏的高度为1080像素，所以店招与海报总的高度最好不要超过1080像
素。制作海报前，最好先建立海报组，海报所有图层放置在这个组内。
第一幅海报操作步骤如下：
步骤一：选定照片、美化商品照片。选定新品的手机套照片，并用PS
去除照片的杂质。
步骤二：加上装饰。打上数字7,然后再复制一层数字7,把第二层
数字7填充为白色，再调整位置就可以做到字体有阴影或者有立体感；打
上“折起”文字。另外在图片的左下角加上美尔搭LOGO。
五、热卖推荐
热卖推荐板块设计放了四款颜色和款式比较流行的手机套，制作相对
简单，但是商品要有一定的吸引力。把拍摄出来处理好的商品照片逐个添
加在不同的层，调整好大小和位置，并打上想描述的文字。
六、售后模块
首页剩下的内容就是售后模块，完善一些售后服务和商品保障信息。
这个模块制作比较简单，根据自己手机套商品的特点，并参考一些好卖家
店铺在这模块的设计，制作出自己的售后模块，仅供参考。
3.了解移动端首页的基本要求；
4.了解移动端店招和导航栏的操作要求。
3.学会制作移动端店招；
4.学会将PC端首页调整为移动端首页。
3.培养学生举一反三的思维；
4.培养学生对移动端大局观和全局意识。
.移动端首页的规划；
教学重点1
一、移动端首页规划
移动端首页采用类似PC端首页的设计风格。
二、图片处理
图片处理主要针对新的商品图片，常规的图片处理步骤包括：抠图、
修复、去杂质等。美尔搭旗舰店使用红色和白色为店铺视觉设计的主色调，
但已经拍摄完毕的商品图片基本都是有灰尘的，桌子也显得比较乱，但并
非所有商品都需要抠图，所以本次图片处理的步骤为：处理背景一修复。
第一张图上处理步骤：背景处理
使用Photoshop打开N17A9518图片，可以看到图片左右两边的背景都
有一些痕迹，白色灰尘，桌子不够光滑，需要处理，具体操作如下：
1.用多边形套索工具选出有灰尘的地方，这样是为了方便不影响其它
地方。
2.使用默认前景色（D）,用画笔（B）进行涂抹。
3.可以看到手机底部有许多划痕，影响美观，这时候使用钢笔工具勾
选出来，因为手机是银色的，可以用渐变工具（G）,金属-银色进行渐变，
还有一些白色的划痕，可以使用仿制图章工具进行涂抹。
第二张图上处理步骤：背景处理
使用Photoshop打开N17A9533图片，可以看到手机壳里面有一些白色
灰尘，显得不干净，桌子也是，需要处理，具体操作如下：
1.用多边形套索工具选出桌子有灰尘的地方。2.使用默认前景色黑色
（D）,用画笔（B）进行涂抹
3.可以看到手机壳里面有白色灰尘，如图4-35。，这时候可以用仿制图
章工具（S）在周围选取一块干净的地方按alt键吸取，再到有灰尘的地方
涂抹。还可以用吸管工具吸取颜色，用画笔工具进行涂抹，但这方法只能
用来涂抹手机壳内的硬壳，涂抹外面的皮套会使它失去质感，少了纹路。
三、首页制作
店招搭配红色和白色，显得十分简约。背景填充为驼色，把“创意、
品味、高端”的品牌定位语做上去即可。
导航区仅付费用户可更改底色，所以这里无法做任何处理，制作时可
以直接留白。
接着把制作好的海报图片放上去即可。移动端首页完成之后效果图如
图。
知识目标了解手机套类商品详情页的内容
详情页规划
详情页设计遵循板式统一视觉设计方案，使用主色调定为驼色，辅助
色调定为灰色和白色，呈现为“创意、品味、高端
第一部分：宝贝多个款式展示。
第二部分：宝贝外观细节展示。
第三部分：列举选择本店宝贝的理由。
第四部分:列举产品优势，增强消费者购买信心。
1、简易自之装。
2、孔位木青准。
3、超薄二匚艺。
4、精致总可造。
5、完美口可护。
6、信号^E阻。
7、后盖￡方摔耐磨。
8、色彩丰色丽，不褪色。
9、坚强寸户盾。
本次在商品详情页中没有加入关联营销，主要是为了增强消费者购物
体验，也体现出对商品的自信。
3.培养学生制定计划、落实计划的意识；
一、图片准备
准备详情页需要的商品图、场景图、图形符号等素材
二、制作详情页（讲练结合）
步骤一：宝贝形象
宝贝形象是详情页的第一张图片，这一张图传递的信息是整个详情页
的基调，所以这里需要注意三个问题：第一，选对图片；第二，传递商品
价值；第三，美观大方，与店铺整体风格一致。
主要操作：
1）新建画布，宽度750像素，高度可以设定在15000像素左右（也可
以根据个人习惯自己设定，如果作图过程中图片刻度不够，可以通过画布
大小增加高度，制作完成如果图片没有占用相应的像素，可以将多余的高
教学内容度裁剪掉），填充背景色#d9dle3。添加水平参考线，位置1080像素，控制
宝贝形象图片高度，不能超过一屏的高度。
2）导入手机壳图。考虑到整体美感和详情页篇幅，通过剪贴蒙版控制
显示区域。
3）添加文案。添加文字一方面可以对图片进行补充说明，另一方面也
可以增强图片的美观度。这里主要使用了一种字体（微软雅黑），汉字''至
尊独创拒绝平壤"，英文为"Thesupremeoriginalrefusedto
mediocrity","For华为mate9",文字颜色为#636363,也可以选更暗点的
颜色。顶部英文主要用作装饰，强化商品个性化，完成宝贝形象图的制作。
步骤二：产品外观
通常详情页第二部分内容是产品外观展示，从不同角度展示产品外观。
1）栏目标题。栏目标题的作用是为了方便消费者浏览，不需要过多的
设计，直接在背景上输入中英文标题，加上一个色块即可。
2）导入手机壳图。布局使用内外结构，外边为细节解释图，里边为商
品正视图，根据视觉习惯，展示出完美的手机套造型。
3）展示选择理由，让客户更有要买商品的欲望，展现与同行的优势所
在。
步骤三：产品优势（设计亮点）
1）栏目标题。
2）导入处理好的图片，
3）添加文案。设计亮点，完整描述文字，符合视觉设计风格。
步骤四：整体检查，完成详情页
详情页的各个部分已经完成，最后还需要整体浏览，确定详情页整体
协调，没有瑕疵。
三、移动端详情页
跟首页相似，移动端详情页也可以用PC端修改完成，这里不再讲述移
动端详情页制作，自己尝试制作移动端详情页的时候必须记住以下三点：
1）字符必须在12点以上，否则会影响阅读；
2）并排的图片最多三张，两张最好；
3）图片或者文字比较密集的区域，如穿着场景、品牌故事和产品信息
文字区都需要重新设计，图片最好均已模特展示图的方式排列，文字排列