电子商务视觉设计 教案 第8章 手机移动端视觉设计.pdfVIP

课题

课时

（项目、钙）第8章手机移动端视觉设计

1

知识目标：.了解手机移动端视觉设计理论；

2.掌握手机移动端电商网店首页视觉设计方法；

3.掌握手机移动端电商网店详情页视觉设计方法；

4.掌握手机移动端微店首页视觉设计方法；

教学目标

5.掌握手机移动端微店详情页视觉设计方法；

6.掌握手机移动端微店尾部导航视觉设计方法。

技能目标：1.能运用Photoshop软件相关操作与命令制作手机移动端电商网店视觉设计

7.能运用Photoshop软件相关操作与命令制作手机移动端微店视觉设计

重点：手机移动端电商网店视觉设计

重点难点

难点：手机移动端电商网店视觉设计与PC端电商网店视觉设计的区别。

方法：讲授法，讨论法，直观展示法，自主学习法，任务驱动法，课堂教学等

方法手段

手段：多媒体幻灯片和投影仪

教学过程与内容教学环节设计

第一节手机移动端电商网店视觉设计1.新课导入

一、创设意境，导入新课

2.新课讲授

二、新课教学一：手机移动端电商网店视觉设计认知

3.学生练习

PC

（一）手机移动端电商网店与端电商网店的区别

1.尺寸：由于手机屏幕较小，如果手机移动端电商网店中图片尺寸不合适，就4.教师总结

会造成界面的混乱或者浏览效果差的问题。

2.布局：方寸之间尽显大天地，这就要求手机移动端电商网店在布局上要简洁

明了，过多的装饰会影响画面浏览速度。

3.详情页：PC端电商网店的详情页大多会通过较多的文字来说明产品的特点、

店铺促销活动等信息”而手机移动端电商网店则要惜字如金，尽量使用最简洁的文

字和精准的图片信息阐述商品详情。

4.分类：手机移动端电商网店的区域划分要明确，模块体现要清晰，最好都用

图片的方式展现，体现少且精的特点。

5.颜色：由于手机移动端电商网店页面面积较小，浏览者视觉受限，为了增强

消费者浏览的愉快感，因此手机移动端电商网店多用鲜艳、明亮的颜色来装饰店铺，

这与PC端常用深色系装饰店铺的方法完全相反。

（二）手机移动端电商网店视觉设计优势

1.极速浏览

2.信息简洁，便于传播

（三）手机移动端电商网店视觉设计要点

1.保障速度

2.考虑简洁

3.重视色彩

4.保持常新

三、新课教学二：手机移动端电商网店首页视觉设计

（-）手机移动端电商网店首页店招视觉设计

1.底图为背景图片：选择好看的背景图片作为店招的底图，再搭配清晰的文字

2.底图为单一纯色图片•：山于手机端电商网店篇幅限制，经常有很多商家在设

计手机移动端电商网店店招时采用单一纯色图片，这样的设计会使文字所传达的信

息更加清晰，一目了然。

3.底图为促销活动内容：在设计时把促销活动的图片、主题或文字内容作为背

景，不仅迎合设计主题，而且可以强化优惠信息，吸引消费者眼球。

•••Q回?中国需物508:15；

■■■■■■■■*=