课题App界面设计
课时8课时（360min）
知识目标：
（1）了解App的基本界面
（2）了解App的界面组成
（3）了解App常见的导航形式
教学目标（4）了解常见移动设备的操作系统
（5）了解App界面设计的规范
（6）掌握音乐App界面的设计技巧和一般制作方法
素质目标：
加强实践练习，不断培养自身的专业技能，为个人的长远发展打下坚实的基础
教学重点：App的基本界面和界面组成，App常见的导航形式，常见移动设备的操作系统，App界面设计的
教学重难点规范
教学难点：音乐App界面的设计技巧和一般制作方法
教学方法问答法、讨论法、讲授法、多媒体展示法
教学用具电脑、投影仪、多媒体课件、教材、APP
教学过程主要教学内容及步骤
【教师】使用APP进行签到
考勤
【学生】按照老师要求签到
【教师】提出问题
问题导入App的界面有哪些组成部分？
【学生】聆听、思考、主动回答问题
【教师】总结学生的回答、引入新的知识点，讲解App的基本界面和界面组成，常见的导航形式，常见移动
设备操作系统，以及App界面设计的规范等知识
3.1App基础知识
App是Application的缩写，是指运行在手机系统上的应用程序，它可以为用户提供诸多便捷，实现随时
随地购物、浏览网页、社交、学习和游戏等。
根据App的功能和特点，可将其划分为不同种类，具体包括影音娱乐类、购物类、生活服务类（如地图、
天气、日历等）、社交类、教育学习类和游戏类等。
传授新知3.1.1App的基本界面
一个完整的App通常包括开屏页、首页、注册登录页、详情页和个人中心页等。由于功能和内容不同，这
些页面的布局也有所区别，下面依次简单介绍。
1．开屏页
开屏页是用户启动App后第一个看到的页面，对于产品本身来说，具有渲染品牌氛围和彰显个性的重要
用。根据展示方式的不同，常见的开屏页有启动页、闪屏页和引导页三种类型。
1）启动页
【教师】通过多媒体展示“图像型背景”图片（详见教材），并讲解新知
1
启动页是App每次冷启动（启动未在后台运行的App）时展示给用户的一个静态过渡画面，目的是缓解用
户等待打开App时产生的焦虑情绪。
【教师】通过多媒体展示“全历史App启动页”图片（详见教材），并讲解新知
……（详见教材）
2）闪屏
【教师】通过多媒体展示“网易云音乐App闪屏（静态图片）和新浪微博App闪屏（动画）”图片（详
见教材），并讲解新知
闪屏是App启动时的一个过渡画面（可以是静态图片，也可以是动画），其展示时间可控，且拥有一定的
交互功能（如用户可点击图像跳转到对应的承载页，或点击“跳过”按钮进入首页等），常作为营销活动、商
业广告的载体在启动页后展示。
3）引导页
【教师】通过多媒体展示“PixivApp引导页”图片（详见教材），并讲解新知
引导页是用户安装或更新App后，首次启动时展示的多