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

  • 1
  • 0
  • 约1.69千字
  • 约 3页
  • 2026-05-19 发布于福建
  • 举报

《网页美工设计》教案——第三讲 移动端网页UI设计制作(下)教案.doc

PAGE

《网页美工设计》

教案

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

授课教师 周国宝

铜陵职业技术学院制

PAGE1

第二部分技能提升篇

第七章网页UI设计制作

标题

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

第三讲移动端网页UI设计制作(下)

课时

2课时

教学目标

教学内容与过程

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

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

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

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

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

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

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

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

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

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

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

您可能关注的文档

文档评论(0)

1亿VIP精品文档

相关文档