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

PAGE

《网页美工设计》

教案

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

授课教师 周国宝

铜陵职业技术学院制

PAGE1

第二部分技能提升篇

第七章网页UI设计制作

标题

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

第一讲移动端网页UI设计制作（上）

课时

2课时

教学目标

教学内容与过程

移动端UI设计，指的是手机端用户。UI设计不仅让应用程序界面设计变得有个性，有品位，还要让应用程序的操作变得舒适，简单，自由，充分的体现了应用程序的定位和特点。

苹果手机屏幕尺寸各有不同，我们通常选择常规尺寸750*1334像素大小进行设计，它是2倍率的尺寸，在进行单位换算时是1pt等于2个像素值。

再此屏幕规格下，其界面的状态栏高度40像素，导航栏高度88像素，标签栏高度98像素。我们可以通过该尺寸适配其他的屏幕大小。

手机界面的状态栏用于显示信号、时间、电量等信息位于整个应用程序界面的顶部。

可改变底色使其与应用程序整体风格统一

导航栏起着导航作用，一般会显示标题、搜索框、分段式控件等位于状态栏下方。

它也可以调整底色使其与应用程序整体风格统一

标签栏让用户在不同的子任务、视图和模式中切换，位于应用程序界面最底部。

值得注意的是标签栏上的图标一般为3-5个，超过5个，第五个用更多来表示

界面应用图标，采用圆角矩形,最大尺寸是