移动UI界面设计06Android系统UI设计规范2课件.pptx

1、Android系统UI设计规范-2课程回顾n 移动端手机界面设计原则n Android系统基本介绍n Android系统手机的设计尺寸与常见术语n Android系统手机的设计规范2/28本章任务n 掌握Android系统的手机控件的绘制方法n 熟悉Android系统界面中的列表和网格3/28目录n Android系统的手机控件n Android系统界面中的列表和网格n 演示案例-360界面设计4/28Android系统的手机控件l文本输入输出控件l按钮l滑块l选择控件l对话框lToastl活动指示器l进度条5/28Android系统的手机控件n 文本输入输出控件l文本输出 用户只能查看内容而

2、不能进行修改l文本输入 则可以由用户进行修改6/28Android系统的手机控件n 文本输入输出控件l默认的Android系统文本输入控件有一个两头翘起的横线设计l当用户使用输入控件时会自动弹出键盘7/28Android系统的手机控件n 按钮lAndroid系统默认的按钮样式为直角设计l在设计按钮的时候要注意提供按钮的各个状态的样式8/28Android系统的手机控件n 滑块控件l经常出现在媒体播放器应用中l用于显示和控制播放进度9/28Android系统的手机控件n 选择控件l二选一控件（开关控件）l单选控件（单选框）l多选控件（复选框）l拾取器（Picker）10/28Android系统的

3、手机控件n 对话框对 话 框 中 的 “删 除”“确 定”“取 消”按 钮 应 该 在 左 边 还 是 右 边？11/28Android系统的手机控件n Toast12/28Android系统的手机控件n 活动指示器l是在不能确定任务进度的情况下使用的，只要它一直在动，就说明任务尚未完成n 进度条l是在能够预见任务进度的情况下使用的 Android系统的活动指示器和进度条13/28Android系统的手机控件:寻找App中的个性化活动指示器14/28Android系统的手机控件n 活动指示器n 进度条美团、百度糯米App界面的活动指示器使用了可爱的卡通形象15/28演示案例演示案例：Andro

4、id系统的手机控件n 需求描述l绘制Android系统的手机控件l要求风格统一n 实现思路l使用矢量图层，更加便于更改颜色l注意控件在不同状态下的视觉差异16/28Android系统的手机控件n Android系统设计规范l界面尺寸、按钮和最小可点击区域、字体和字号l非常方便的网格系统n Android系统图标设计规范l启动图标、栏图标、小图标n Android系统中的常用控件17/28目录n Android系统的手机控件n Android系统界面中的列表和网格n 演示案例-360界面设计18/28Android系统界面中的列表和网格n 列表和网格是能够包含其他控件的内容视图n 实际上，它可以

5、称为一种布局的方式l列表是只能显示一列的内容视图l网格则是显示多列多行的内容视图 列表和网格19/28Android系统界面中的列表和网格n Android系统中的列表l普通列表视图p每个列表的项目比较简单，且没有层次l分组列表视图p包含了组的概念 常用设置和全部设置界面20/28Android系统界面中的列表和网格n Android系统中的网格 Android系统音乐App采用了网格视图21/28演示案例演示案例：临摹Android系统360界面n 需求描述l临摹Android系统360界面l界面尺寸要求：1080 x1920pxn 实现思路l使用辅助线或矩形工具绘制整体布局l圆形四周小矩形

6、的平分与对齐l使用钢笔工具绘制小图标22/28课堂练习课堂练习：扁平风格Android系统多彩UI控件设计n 需求描述l临摹扁平风格Android系统多彩UI控件n 实现思路l尽量使用矢量工具进行控件绘制l方便更换颜色l使用钢笔工具或矢量软件绘制小图标23/28课堂练习课堂练习：临摹暗色扁平风格Android系统UI控件n 需求描述l临摹暗色扁平风格Android系统UI控件n 实现思路l尽量使用矢量工具进行控件绘制l方便更换颜色l使用钢笔工具或矢量软件绘制小图标24/28课堂练习课堂练习：临摹扁平风格Android系统UI控件n 需求描述l临摹扁平风格Android系统UI控件n 实现思路l尽量使用矢量工具进行控件绘制l方便更换颜色l使用钢笔工具或矢量软件绘制小图标25/28本章总结n 常见的Android系统的手机控件有哪些？n 在手机界面设计中，按钮的常见状态有哪些？n 在手机界面设计中，活动指示器与进度条的适用范围是？26/28