《网页美工设计》教案——第三讲 移动端网页UI设计制作（下）教案.docVIP

PAGE

《网页美工设计》

教案

授课专业广告艺术设计专业

授课教师 周国宝

铜陵职业技术学院制

PAGE1

第二部分技能提升篇

第七章网页UI设计制作

标题

第二节移动端网页UI设计制作

第三讲移动端网页UI设计制作（下）

课时

2课时

教学目标

教学内容与过程

为了更好的让用户了解应用程序到底有哪些特色和服务，我们将进行首页和详情页的界面设计。

首先来了解首页和详情页的设计类型。

列表型首页是指在一个页面上展示同一个级别的分类模块。模块由标题文案和图像组成，图像可以是照片或图标。列表型的首页更方便点击操作，上下滑动也可以查看更多的内容。

通过底部标签切换的方式能够到达的页面都是一级页面。

当首页分类为主要的几个功能时，可以采取图标型首页。

例如剪辑修图类应用程序的功能图标在首页展示完整，将点击做到最简单。

在遇到操作按钮、头像和文字等信息比较复杂的情况时，可以选择卡片型的首页展示方式。

卡片形式能让分类中的按钮和信息紧密联系在一起，让用户一目了然，同时还有效地加强内容的点击性。

综合型首页在电商类产品模块表现比较多，包括有图标形式也有卡片形式。

特别注意分割线和背景颜色的区分不能太过明显，选择比淡的分割线和背景色来区分模块即可，因为要保证页面模块的整体性。

详情页面是展示内容详细信息的页面，