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

漳州职业技术学院信息工程学院 PAGE 《安卓AppsUI设计》 实 训 指 导 书 漳州职业技术学院计算机工程系 2016年8月8日 目 录 前 言 ………………………………………………………………………………………1 任务一 认知UI设计………………………………………………………………………3 任务二 认知UI设计规范和制作流程…………………………………………………5 任务三 APP图标的设计与制作…………………………………………………………10 任务四 手机UI中主要元素的设计与制作…………………………………………18 任务五 手机APP UI的设计与制作………………………………………………………24 PAGE 16 前 言 随着android系统的普及，android应用的需求越来越大，这是一个潜力巨大的市场，吸引了无数软件开发厂商和开发者投身其中，大量的手机游戏和软件的研发和制作都需要Android开发工程师和安卓UI设计师，引发了Android人才荒。软件UI设计属于ID（工业产品设计）的一个特殊形式，只是针对的材质有所不同。但随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品设计需要软件UI设计。随着技术平准化手机产业出现价格竞争的环境下，手机的人机交互界面（UI）给手机市场提供新的卖点，被认为是新的产业动力。手机UI的新设计与功能开发是根据各种客户群体的喜好及使用习惯而进行的，随着手机用户年龄层的扩大，性别、宗教、环境、生活方式的多样化，其开发范围和潜力正在无限扩大。这些新的趋势使得界面交互可能不再囿于某个具体产品本身，它可能开始涉及了与使用环境及其他用户之间的交流。根据对当前手机技术的分析以及对国外在人机交互及相关领域研究的关注，提出了“泛交互”的概念，并对新的趋势、新的设计进行展望。 本课程是计算机软件技术专业“平面设计制作”教学模块的核心课程，是学生进行平面设计与制作职业能力训练的主要环节，同时为平面制作实训和多媒体整合制作综合实训打下坚实基础。 本课程学习需要具备一定的美工基本知识，在先修课程Photoshop等美工方面的学习与训练后，具备平面设计基本概念和基本常识，再进一步地实现界面设计的能力。 通过本课程的学习与训练，使学生能够利用工具软件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界面设计实用教程》； 2. 《移动应用UI设计》； 3. 《APP UI设计从入门到精通》 四、实训内容与要求（必须有，重点内容） （一）子任务1：手机UI与平面UI的区别？ 手机UI的平台主要应于在手机的APP客户端上。而平面UI的范围则非常广泛，包括了绝大部分UI的领域。手机UI的设计界面必须基于手机的物理特性和软件的应用特性进行合理的设计，界面设计师首先应对手机的系统性能和手机参数有所了解。由于手机UI的独特性，使得很多平面设计师需要重新调整审美基础。比如手机UI通常对尺寸有严格要求、对控件和组件类型的特殊要求等。请同学们具体的举下例子说明两者之间的区别。 手机 手机UI设计的特点 手机