安卓AppsUI设计实训指导书.docVIP

《安卓AppsUI设计》 实 训 指 导 书 漳州职业技术学院计算机工程系 2016年8月8日 目 录 前 言 ………………………………………………………………………………………1 任务一 认知UI设计………………………………………………………………………3 任务二 认知UI设计规范和制作流程…………………………………………………5 任务三 APP图标的设计与制作…………………………………………………………10 任务四 手机UI中主要元素的设计与制作…………………………………………18 任务五 手机APP UI的设计与制作………………………………………………………24 前 言 随着android系统的普及，android应用的需求越来越大，这是一个潜力巨大的市场，吸引了无数软件开发厂商和开发者投身其中，大量的手机游戏和软件的研发和制作都需要Android开发工程师，引发了Android人才荒随着技术平准化手机产业出现价格竞争的环境下，手机的人机交互界面（UI）给手机市场提供新的卖点，被认为是新的产业动力。手机UI的新设计与功能开发是根据各种客户群体的喜好及使用习惯而进行的，随着手机用户年龄层的扩大，性别、宗教、环境、生活方式的多样化，其开发范围和潜力正在无限扩大。这些新的趋势使得界面交互可能不再囿于某个具体产品本身，它可能开始涉及了与使用环境及其他用户之间的交流。根据对当前手机技术的分析以及对国外在人机交互及相关领域研究的关注，提出了“泛交互”的概念，并对新的趋势、新的设计进行展望。 adobe illustrator、Photoshop实现手机图标和界面的设计和制作。学生能够根据需要进行作品定位及设计；能够根据需要随心所欲进行作品形象或图标的设计及制作；能够设计出较好的用户体验；能够利用软件进行矢量图绘制、修改及上色，进行图形的色彩处理；能够了解UI设计的规范和制作流程。通过本课程的学习，学生能够： 1、与客户沟通，进行相关需求分析，生成UI设计需求分析书，并收集相关素材； 2、根据UI设计的定位，对设计进行风格设计和用户体验设计； 3、根据风格或用户体验的设计方案，对UI设计进行具体的制作。 4、对UI设计作品进行优化、上传发布、推广及更新维护。 实训指导书主要为学生在移动应用UI设计方面提供一些借鉴，通过对优秀案例的学习，能够提升学生对移动应用界面的设计能力。包括各项工具的熟练掌握和综合应用，该实训分为以下几个部分： 移动UI设计流程 APP图标设计 移动界面设计规范 人机界面交互设计指南 任务一 认知UI设计 一、学习目标（必须有） 通过本任务单元的训练，学生应该能够： 1. 了解移动UI设计基础概念，能清楚了解UI设计在整个APP产品应用开发中所处的地位和作用； 2.在教师的指导下，能够对苹果系统，安卓系统和Windows Phone系统这三大系统的发展史以及基本组件和各自特色进行总结； 二、任务描述（必须有） 教师引入UI设计的概念，引导学生对苹果系统，安卓系统和Windows Phone系统这三大系统的发展史以及基本组件和各自特色进行总结，在教师演示与指导下，学生能够分析移动端APP的设计趋势并完成分析报告。 三、使用到的资料与工具 1. 《Photoshop移动UI界面设计实用教程移动应用UI设计APP UI设计从入门到精通UI与平面UI的区别？ 手机UI的平台主要应于在手机的APP客户端上。而平面UI的范围则非常广泛，包括了绝大部分UI的领域。手机UI的设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能和手机参数有所了解。由于手机UI的独特性，使得很多平面设计师需要重新调整审美基础。比如手机UI通常对尺寸有严格要求、对控件和组件类型的特殊要求等。请同学们具体的举下例子说明两者之间的区别。 （二）子任务2：手机界面的设计原则主要有哪些？请同学们简单总结。 （三）对苹果系统，安卓系统和Windows Phone系统这三大系统的发展史以及基本组件和各自特色进行总结。 （四）综合任务：手机UI中的计算器界面和密码输入界面、电话拨号盘使用的频率都很高，界面上面的元素也差不多，请同学们发挥创意，自定义色彩方案和设计风格，完成其中一个界面。 五、任务单元完成总结 完成本任务单元的学习之后，同学们对于UI设计是否有比较直观的概念，请同学们进行网上调研，分析移动端APP的设计趋势，并完成分析报告。  任务二 认知UI设计规范和制作流程 一、学习目标 通过本任务单元的训练，学生应该能够： 1. 熟悉移动UI设计规范和制作流程； 2.在教师的指导下，能够根据客户需求，绘制APP界面； 二、任务描述 客户发布需求制作一个界面，学生根据苹果系统，