UI设计-教学教案

UI设计-教学教案

2、Android系统的设计规范中，字体规范的具体要求是

什么？

内容大纲：具体可结合本项目的PPT课件进行配合讲解。

2.1 iOS系统的设计规范

2.1.1 iOS系统的基本概念

2.1.2 iOS系统的设计尺寸及单位

2.1.3 iOS系统的界面结构

2.1.4 iOS系统的基本布局

2.1.5 iOS系统的图标规范

2.1.6 iOS系统的字体规范

2.2 Android系统的设计规范

2.2.1 Android系统的基本概念

2.2.2 Android系统的设计尺寸及单位

2.2.3 Android系统的界面结构

2.2.4 Android系统的基本布局

2.2.5 Android系统的图标规范

2.2.6 Android系统的字体规范

小结

1、熟练掌握iOS系统的设计规范。

2、熟练掌握Android系统的设计规范。

iOS和Android系统的图标包括不同的分类。在iOS系统中，设计规范包括iOS设计尺寸及单位、iOS界面结构、iOS

基本布局、iOS图标规范和iOS文字规范。在Android系统中，设计规范包括Android设计尺寸及单位、Android界面结构、Android基本布局、Android图标规范和Android文字规范。了

解并掌握这些规范对于开发应用程序非常重要。

在iOS系统中，设计规范包括iOS设计尺寸及单位、iOS

界面结构、iOS基本布局、iOS图标规范和iOS文字规范。了

解这些规范可以帮助开发人员创建符合iOS系统标准的应用

程序。例如，iOS设计尺寸及单位指定了应用程序中使用的图

像和界面元素的大小和比例。iOS界面结构包括导航栏、标签

栏和工具栏等元素，这些元素可以帮助用户快速浏览和访问应用程序中的不同页面。iOS基本布局规范包括了视图的布局方

式和排列顺序等方面。iOS图标规范指定了应用程序中使用的

图标的大小、颜色和形状等元素。iOS文字规范规定了应用程

序中使用的字体、大小和颜色等元素。

在Android系统中，设计规范包括Android设计尺寸及单位、Android界面结构、Android基本布局、Android图标规范和Android文字规范。这些规范可以帮助开发人员创建符合Android系统标准的应用程序。例如，Android设计尺寸及单位指定了应用程序中使用的图像和界面元素的大小和比例。Android界面结构包括了导航栏、标签栏和工具栏等元素，这些元素可以帮助用户快速浏览和访问应用程序中的不同页面。Android基本布局规范包括了视图的布局方式和排列顺序等方面。Android图标规范指定了应用程序中使用的图标的大小、颜色和形状等元素。Android文字规范规定了应用程序中使用的字体、大小和颜色等元素。

在本节课中，我们将研究iOS系统界面设计的方法和规范。这包括了栏、视图和控件的概念、分类和设计规范。我们将通过制作旅游类APP首页、旅游类APP相册页、旅游类APP登机牌页、旅游类APP酒店列表页和旅游类APP美食筛选页等案例来熟悉设计规范和软件功能。同时，我们还将通过课堂练和课后题来提高学生的实际应用能力。

在本节课中，我们将介绍栏、视图和控件的概念、分类和设计规范。具体来说，栏包括了状态栏、导航栏、搜索栏、标签栏和工具栏等元素。视图包括了操作列表、活动视图和警告窗等元素。控件包括了按钮、文本框、滑块和开关等元素。我们将通过制作旅游类APP首页和旅游类APP相册页等案例来熟悉这些元素的应用和设计规范。同时，我们还将通过课堂练和课后题来提高学生的实际应用能力。

3.2.5 集合视图、3.2.6 图像视图、3.2.7 地图视图、3.2.8 页面浏览控制器、3.2.10 弹出框、3.2.11 滚动视图、3.2.12 分屏视图、3.2.13 表单视图、3.2.14 文字视图、3.2.15 网络视图

在本节课中，我们将研究 iOS 系统界面设计中的栏、视图和控件，并了解它们的概念、分类和设计规范。在研究过程中，我们将通过制作旅游类 APP 的登机牌页、酒店列表页和美食筛选页等案例来掌握相关知识点。此外，我们还将进行课堂练和课后题，以加深对所学知识的理解和掌握。

3.4 课堂练——制作旅游类 APP 酒店详情页

在本节课中，我们将使用移动工具移动素材，使用横排文字工具输入文字，并使用矩形工具、圆角矩形工具和直线工具绘制基本形状，来制作旅游类 APP 的酒店详情页。

3.5 课后题——制作旅游类 APP 预约美食页

在本节课后题中，我们将使用移动工具移动素材，使用横排文字工具输入文字，并使用矩形工具和直线工具绘制基本形状，来制作旅游类 APP 的预约美食页。

第4讲

在本节课中，我们将研究 Android 系统界面设计中的栏和组件，并了解它们的概念、分类和设计规范。通过制作医疗类APP 的闪屏页、首页、医生列表页、医生介绍页、医生筛选页和预约页等案例，我们将掌握相关知识点，并熟练掌握Android 系统界面设计的方法和规范。

讨论问题：1、底部应用栏由哪些组成部分构成？

本文介绍了App界面设计的相关知识点，包括栏和组件

的概念、分类和设计规范。其中，4.1栏包括闪屏页、状态栏

和系统导航栏；4.2组件包括首页、底部应用栏、顶部应用栏、背板、横幅、底部导航、医生列表页、按钮、悬浮动作按钮、卡片、纸片、数据表、医生介绍页、对话框、分割线、图片组、列表、菜单、抽屉式导航、状态指引、医生筛选页、选择控件、底部面板、侧面板、滑块和底部提示栏；4.3和4.4分别是课

堂练和课后题，涉及输入信息页和帮助支持页的设计方法。

在本课程中，我们还将研究闪屏页、引导页、首页、个人中心页、详情页和注册登录页的概念和分类，并熟练掌握App 界面设计的方法和规范。掌握这些知识点对于进行App界面

设计非常重要。

最后，我们需要了解App界面的类型与组成部分，以便

能够更好地进行设计。同时，我们也需要掌握App界面设计

的方法和规范，以确保设计出的界面符合用户体验和美观性的要求。

教学思路：首先通过讲解课堂实训案例，帮助学员掌握制作美食到家App的方法。接着，深入解析闪屏页、引导页、