《安卓AppsUI设计》课程标准

.安卓 AppsUI 设计课程标准一、课程性质与任务1.课程性质随着 android 系统的普及，android 应用的需求越来越大，这是一个潜力巨大的市场，吸引了无数软件开发厂商和开发者投身其中，大量的手机游戏和软件的研发和制作都需要 Android 开发工程师和安卓 UI 设计师，引发了 Android 人才荒。软件 UI 设计属于 ID（工业产品设计）的一个特殊形式，只是针对的材质有所不同。但随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品设计需要软件 UI 设计。随着技术平准化手机产业出现价格竞争的环境下，手机的人机交互界面（UI）给手机市场提供新的卖点，被认为是新的产业动力。手机 UI 的新设计与功能开发是根据各种客户群体的喜好及使用习惯而进行的，随着手机用户年龄层的扩大，性别、宗教、环境、生活方式的多样化，其开发范围和潜力正在无限扩大。这些新的趋势使得界面交互可能不再囿于某个具体产品本身，它可能开始涉及了与使用环境及其他用户之间的交流。根据对当前手机技术的分析以及对国外在人机交互及相关领域研究的关注，提出了“泛交互”的概念，并对新的趋势、新的设计进行展望。本课程是计算机软件技术专业“平面设计制作”教学模块的核心课程，是学生进行平面设计与制作职业能力训练的主要环节，同时为平面制作实训和多媒体整合制作综合实训打下坚实基础。本课程学习需要具备平面制作基本能力，在先修课程Photoshop 平面制作学习与训练后，具备页面的整体布局、配色的基本能力，进一步地实现设计及制作精美界面的能力。2.课程任务使学生通过本课程的学习，能够达到职业岗位（平面设计）的能力要求，即能够根据用户的需要进行平面设计及制作，完成精彩的平面设计制作。二、课程目标通过本课程的学习与训练，使学生能够利用工具软件 adobe illustrator、Photoshop 实现手机图标和界面的设计和制作。学生能够根据需要进行作品定位及设计；能够根据需要随心所欲进行作品形象或图标的设计及制作；能够设计出较好的用户体验；能够利用软件进行矢量图绘制、修改及上色，进行图形的色彩处理；能够了解 UI 设计的规范和制作流程。通过本课程的学习，学生能够：1、与客户沟通，进行相关需求分析，生成 UI 设计需求分析书，并收集相关素材；.2、根据手机 UI 设计的定位，对界面进行风格设计和用户体验设计；3、根据风格或用户体验得到的设计方案，对手机 UI 设计进行具体的制作。4、对 UI 设计作品进行优化、上传发布、推广及更新维护。.三、课程内容学习情境一：认知 UI 设计学习情境名称：认知 UI 设计 学时：4工作任务描述认知 UI 设计，了解手机 UI 行业现状及未来发展趋势，了解 UI 设计常用软件，学习软件的使用技巧。学习目标通过欣赏大量的手机 UI 图标和界面作品，能对图标进行风格定位并培养一定的审美观。根据用户要求，对一些给定作品进行需求分析；确定作品类型定位，并尝试进一步对作品进行初步设计。学习与工作内容工作对象：1.UI 设计作品赏析分析报告；工作与学习具体内容：1.了解 UI 设计的相关单位和色彩搭配，了解图形元素的格式和大小，简单了解UI 设计的软件；2.了解苹果系统，安卓系统和 Windows Phone 系统这三大系统的发展史以及基本组件和各自特色；3.欣赏大量手机 UI 图标和界面作品，了解不同领域手机 UI 设计的主流趋势和特点；4：对一些给定作品进行分析；对不同领域不同功能的设计作品进行类型定位，并进一步对作品进行初步设计。劳动组织：学生进行分组，教师根据实际项目工作要求：1. 学生欣赏多种类型的 UI 设计作品（广告平面设计的，手机图标，手机界面等） ，让学生总结各种作品的分类及特点。2. 学生掌握各种作品的分类及特点，能针对需求分析，对作品类型进行定位及初步设计。.设计任务场景，并实施客户的角色，与各个小组进行交流，提出课程任务的要求，并对学生建设成果进行评估。而各个小组则作为独立的作品规划小组，小组长要引导小组完成任务，同时进行合理有效的分工。1、学习与工作团队的组织；确定分组及组长。.续上表：2、任务背景介绍（由专任教师指导） ；由专任教师指定某一 APP，引导学生对APP 进行需求分析，确定该 APP 图标的表现形式、主题及技术要求，按分组进行调研。3、任务分解；由专任教师引导，学生自行对任务进行分解，学生自主完成各个调研环节，最终汇总，生成图标作品详细方案。4、同时由专业教师引导学生进行先从现有的图片作品临摹开始，逐渐熟悉如果使用 AI 或者 PS 等软件完成图标的绘制工作。5、作品汇报（由专任教师引导） ，学生上台进行展示。学业评价：1、学习与工作态度评价（1）小组成员既有分工，更有互相协作、互相帮助、互相学习，共同达到学习目标；（2）事先能制定可行的学习与工作计划，并能合理安排学习与工作时间，严格按照学习与工作计划规定的进度完成阶段性任务，学习与工作记录完整。2、提交的学习与工作成果评价（1）通过充分的市场调研后完成的 UI 作品的分析报告全面完整，并能有自己的见解。（2）根据客户的需求制定初步图标设计方案，让客户满意； （3）收集的素材比较完整，而且预处理和归档合理； .3、自我展示能力评价（1）善于与客户沟通，对客户的需求把握准确；（2）在学习与工作过程中主动与同学、老师互动，积极展示自己阶段性学习成果；（3）成果汇报的仪态大方、言辞表达清晰、成果准备充分。.学习情境二：认知 UI 设计规范和制作流程学习情境名称：认知 UI 设计规范和制作流程 学时：4工作任务描述认知 UI 设计规范和制作流程，学习 UI 的设计概念，了解图标的国际规范，学习安卓屏幕知识，认知 APP 界面设计流程，进行 UI 界面色彩训练。学习目标根据客户要求，尝试对界面进行整体版面和风格设计、色彩搭配、效果制作。1、进行需求分析与产品的类型定位。2、进行整体规划，包括版面设计和风格的确定。3、进行色彩搭配和效果的制作；4、进行平面图与效果图的制作。学习与工作内容工作对象：1.UI 设计原则和规范总结；2.完成风格设计方案；3.制作 APP 界面。工作与学习具体内容：1.了解 IOS 系统和 Android 系统的基本元素，掌握 UI 设计原则和规范；2. 通过具体案例的学习和对比，能对UI 设计加深认识，初步建立风格和色彩感觉；3.设定一个具体功能的 APP，尝试遵循设计流程和设计规范，在稿纸上画出APP 界面草稿图；4. 在上一步的基础上用图形图像制作软件把部分界面制作出来并优化。工作要求：1. 根据客户需求设计一个APP，尝试遵循设计流程和设计规范，在稿纸上画出草稿图；2. 小组内部进行讨论，对草图进行设计优化，并制作出 APP 界面。.劳动组织：学生进行分组，教师根据实际项目设计任务，可新设计一个需求，教师则扮演客户角色，对学生的需求分析报告进行评估。各个小组做为独立的作品建设小组，小组长要引导小组完利用课余时间讨论、收集素材，同时进行合理有效的分工，完成素材的加工处理及使用。续上表：1、导课（由专任教师指导） ；引导学生根据客户需求对产品进行需求分析，并完成作品的风格定位和设计；2、工作学习过程（学生独立完成） ；让学生根据界面设计规范反复修改自己的作品。3、工作学习过程（学生独立完成） ；让小组之间互相进行创意激发以及作品欣赏与评价，并根据效果完成方案修改。4、作品汇报（由专任教师引导），学生上台进行展示。学业评价：1、学习与工作态度评价.（1）小组成员既有分工，更有互相协作、互相帮助、互相学习，共同达到学习目标；（2）事先能制定可行的学习与工作计划，并能合理安排学习与工作时间，严格按照学习与工作计划规定的进度完成阶段性任务，学习与工作记录完整。2、提交的学习与工作成果评价（1）通过充分的市场调研后完成的 UI 作品的分析报告全面完整，并能有自己的见解。（2）根据客户的需求制定初步 UI 设计方案，让客户满意； （3）收集的素材比较完整，而且预处理和归档合理； 3、自我展示能力评价（1）善于与客户沟通，对客户的需求把握准确；（2）在学习与工作过程中主动与同学、老师互动，积极展示自己阶段性学习成果；（3）成果汇报的仪态大方、言辞表达清晰、成果准备充分。.学习情境三：设计手机 APP 图标学习情境名称：设计手机 APP 图标 学时：6工作任务描述与客户交流，分析客户所要设计的 APP 的功能，风格与特点，对 APP 图标进行设计，使用Photoshop 中自带的绘图工具、色彩填充工具、滤镜等工具，制作出精美的 APP 图标。学习目标根据客户的要求，对图标进行设计：1根据要求搜集资料生成客户需求分析:；2确定图标的风格和配色方案，画出草图:；3和客户沟通后进行修改，最后用软件制作并优化。学习与工作内容工作对象：1.图标风格设计方案；2.图标设计规划书。工作与学习具体内容：1.分析 IOS 系统和 Android 系统中优秀的图标案例，了解图标设计的必要性，好图标的共同点；2.根据客户的需求分析，对图标的风格进行定位，确定色彩方案，并进行初步设计；3.和客户讨论后反复修改草图，最后确定设计方案，并使用 UI 设计软件制作出图标。劳动组织：学生进行分组，教师根据实际项目设计任务，可新设计一个需求，教师则扮演客户角色，对学生的需求分析报告进行工作要求：1.了解不同风格图标设计特点，并针对客户的需求，对图标进行草图设计。2.熟悉掌握 Photoshop 中的各种工具的使用。包括矢量绘制工具、通道与蒙版滤镜工具及图象色彩色调的调整工具等等。3.掌握扁平化风格设计的要素。.评估。各个小组做为独立的作品建设小组，小组长要引导小组完利用课余时间讨论、收集素材，同时进行合理有效的分工，完成素材的加工处理及使用。1、导课（由专任教师指导） ；由教师介绍各种功能图标的风格及特点，同时根据客户要求，选用合适的风格。续上表:2、具体工作学习过程（学生独立完成） ；学生根据学习任务中具体方案要求，分组讨论图标设计创意；同时根据客户要求，设计与绘制出图标草图；小组之间互相讨论与建议；最后对图标进行修改及完善。3、作品汇报（由专任教师引导） 。学业评价：1、学习与工作态度评价（1）小组成员既有分工，更有互相协作、互相帮助、互相学习，共同达到学习目标；（2）事先能制定可行的学习与工作计划，并能合理安排学习与工作时间，严格按照学习与工作计划规定的进度完成阶段性任务，学习与工作记录完整。2、提交的学习与工作成果评价（1）通过充分的市场调研后完成的 UI 作品的分析报告全面完整，并能有自己的见解。（2）根据客户的需求制定初步 UI 设计方案，让客户满意； （3）收集的素材比较完整，而且预处理和归档合理； .3、自我展示能力评价（1）善于与客户沟通，对客户的需求把握准确；（2）在学习与工作过程中主动与同学、老师互动，积极展示自己阶段性学习成果；（3）成果汇报的仪态大方、言辞表达清晰、成果准备充分。学习情境四：制作手机 UI 中的主要元素学习情境名称：制作手机 UI 中的主要元素 学时：6.工作任务描述与客户交流，分析客户所需要的 APP UI 风格与特点，对 APP 进行整体设计，综合利用Photoshop 的各种自带工具对手机 UI 界面中的元素进行设计，并制作出适合的色彩构成；对布局进行优化；要有良好的创意和用户体验。学习目标根据客户的要求，对 APP 进行整体布局设计，并设计适合的色彩构成和合理的布局，要有良好的创意。1.进行 APP 控件的制作；2.进行相关素材的选取；3.进行界面中图片，字体排版进行特殊效果的制作。学习与工作内容工作对象：1.手机 UI 中的APP 控件的分类和设计规范分析报告；2.手机 UI 中的主要元素 APP 控件、图片、字体的特效处理。工作与学习具体内容：1、学生掌握界面设计规范和制作流程；2、学生根据实际作品需要，讨论界面配色方案和风格；3、根据要求，设计与绘制出手机 APP 控件草图，并对界面中的图片和文字进行排版， ；4、学生根据客户要求，进一步修改交互界面，努力提高用户体验度；5、设计方案确定后，使用图形图像软件制作出来。劳动组织：学生进行分组，教师根据实际项目设计任务场景，并实施客户的角色，与各个小组工作要求：1.了解不同界面设计特点，并针对客户的需求，对界面各个要素进行整体设计。2.熟悉掌握 Photoshop 中的各种工具的使用。包括矢量绘制工具、通道与蒙版滤镜工具及图象色彩色调的调整工具等等。3.熟悉色彩的构成。.进行交流，提出 UI 设计的要求，并对学生建设成果进行评估。而各个小组则做为独立的界面制作小组，小组长要引导小组完成页面布局方案，同时进行合理有效的分工，完成完整页面的设计与制作。在具体实施过程中，可以在学习过程中和企业设置一致的工作要求。续上表：学业评价：1、学习与工作态度评价（1）小组成员既有分工，更有互相协作、互相帮助、互相学习，共同达到学习目标；（2）事先能制定可行的学习与工作计划，并能合理安排学习与工作时间，严格按照学习与工作计划规定的进度完成阶段性任务，学习与工作记录完整。2、提交的学习与工作成果评价（1）通过充分的市场调研后完成的 UI 作品的分析报告全面完整，并能有自己的见解。（2）根据客户的需求制定初步 UI 设计方案，让客户满意； （3）收集的素材比较完整，而且预处理和归档合理； 3、自我展示能力评价（1）善于与客户沟通，对客户的需求把握准确；（2）在学习与工作过程中主动与同学、老师互动，积极展示自己阶段性学习成果；（3）成果汇报的仪态大方、言辞表达清晰、成果准备充分。.学习情境五：设计并制作手机 APP UI学习情境名称：设计并制作手机 APP UI 学时：16工作任务描述与客户交流，分析客户所要建设的 APP 风格与特点，对从图标到用户界面进行整体设计，确定风格和配色方案，画出草图，和客户沟通后进行修改，最后用软件制作并优化。学习目标根据客户的要求，对 APP 进行整体设计，从图标到用户交互界面，完成比较完整的一个作品。1.熟悉手机 UI 交互界面设计制作流程；2.能够根据具体 APP 功能要求，对手机交互界面进行设计，使用户体验更舒适。学习与工作内容工作对象：1.手机 APP 交互界面设计分析需求报告；2.Axure 交互原型设计方案。工作与学习具体内容：1.与客户交流，生成 APP 功能以及交互界面的需求分析报告；2. 根据设计方案，使用 Axure 对 APP 交互界面进行原型设计；3.在原型设计方案的基础上，使用 PS 或者 AI 制作完整的 APP 交互界面。劳动组织：学生进行分组，教师根据实际项目设计任务场景，并实施客户的角色，与各个小组进行交流，提出 APP 设计的的要求，并对学生建设成果进行评估。而各个小组则做为独立的小组，小组长要引导小组完成页面布局方案，同时进行合理有效的分工，完成交互页面效果以及功能工作要求：1.了解不同界面设计特点，并针对客户的需求，对界面各个要素进行整体设计。2.熟悉掌握 Photoshop 中的各种工具的使用。包括矢量绘制工具、通道与蒙版滤镜工具及图象色彩色调的调整工具等等。3.熟悉色彩的构成。.的设计与制作。在具体实施过程中，可以在学习过程中和企业设置一致的工作要求。学业评价：1、学习与工作态度评价（1）小组成员既有分工，更有互相协作、互相帮助、互相学习，共同达到学习目标；（2）事先能制定可行的学习与工作计划，并能合理安排学习与工作时间，严格按照学习与工作计划规定的进度完成阶段性任务，学习与工作记录完整。续上表：2、提交的学习与工作成果评价（1）通过充分的市场调研后完成的 UI 作品的分析报告全面完整，并能有自己的见解。（2）根据客户的需求制定初步 UI 设计方案，让客户满意； （3）收集的素材比较完整，而且预处理和归档合理； 3、自我展示能力评价（1）善于与客户沟通，对客户的需求把握准确；（2）在学习与工作过程中主动与同学、老师互动，积极展示自己阶段性学习成果；（3）成果汇报的仪态大方、言辞表达清晰、成果准备充分。四、实施建议1、教学实施条件建议使用一体化多媒体教室进行上课。配置建议使用 2G 以上的内存，需要支持 OpenGL和 SM3.0 的独立显卡，需要 Win7 32/64 位，安装 Photoshop、AI 等相关的软件。.2、教材编写与课外读物的建议（1）教材选用：Photoshop 移动 UI 界面设计实用教程 水木居士人民邮电出版社 2016（2） Photoshop CC APP UI 设计从入门到精通华天印象人民邮电出版社 2016（3） 移动应用 UI 设计张晓景 胡克编著 人民邮电出版社 20163. 课程资源开发建议（1） 本课程的教学要不断摸索适合高职教育特点的教学方法，因材施教。启发、回顾、讲解相结合，注意给学生更多的学习空间，发挥教与学两方面的积极性，提高教学质量和教学水平。（2） 教学过程中，根据技术发展，应适时更新教学内容。（3） 教学中要结合教学内容的特点，培养学生学习习惯，努力提高学生自学能力和创新精神。（4）重视对学生学习方法的指导；督促学生及时、独立完成作业和实训任务，加强团队成员之间互相学习、相互交流。（5） 以学生为中心，以能力为本位，以工作任务为核心，注重讲解、演示、实训相结合。（6） 要注意课内外结合，实训任务按课内为主、课外为辅方式组织教学，重视学习团队建设，注重学生团队精神和写作能力的培养。（7） 及时把握职业岗位动态，激发学生职业兴趣，引导学生准确把握职业生涯规划。五、考核标准1、期末成绩为五个技术单元的成绩累加，各技术单元分值权重如下：任务单元 占总评成绩的权重认知 UI 设计 10%认知 UI 设计规范和制作流程 10%设计手机 APP 图标 20%.制作手机 UI 中的主要元素 20%设计并制作手机 APP UI 40%2、单元考核标准如下：考核类别考核项目权重评分元素积极参与的态度 5%1）在每个阶段性任务完成过程中，能积极承担任务分工；2）在小组讨论中能积极发表自己的看法或提出问题；3)能认真听取其他小组的成果汇报，并积极提出问题和意见；求善求美的精神 5%1)能客观分析出本小组成果的优缺点；2)展示成果的幻灯片文档的规范性；3)成果文档的规范性；互帮协作的表现 5%1)在成果汇报中，能及时补充汇报成员的不足；2)在任务完成过程中，能对其他小组成员的困难提出积极地帮助；情感评价完成任务控制力 5%1)合理安排学习进度；2) 及时完成任务分工；单元学习报告 15%1)基础知识的理解；2)相关技术的全面性；3)文档格式规范性；成果评价单元任务方案 50%1)需求分析的完整性；2)方案的合理性；3)方案实施的完整性、正确性。.方案设计与实施总结15%1)设计实施过程遇到的困难及解决方法；2)能否根据小组间互评和教师点评意见，对本小组的成果作出及时地修改和完善。3)文档格式规范性；六、课时分配建议建议学习课时序号学习任务课内 课外1 学习情境一：认知 UI 设计 4 122 学习情境二：认知 UI 设计规范和制作流程 4 123 学习情境三：设计手机 APP 图标 6 144 学习情境四：制作手机 UI 中的主要元素 6 165 学习情境五：设计并制作手机 APP UI 16 18合计 36 72七、教学资源要求1.教材（指导书）要求1）包含美学的教材；2）包含平面构图、色彩构图 的教材；3）包含移动 UI 设计和商业制作等相关 知识的教材；4）包含媒体发布等知识的教材；5）包含印刷等知识的教材。 ；2.教学案例要求本课程设计时分为 5 个单元任务，针对这 5 个单元任务，每个单元都是完成平面设计的一个方面，.学生对 5 个单元任务分别掌握后，要具备将这些任务技术结合起来，完成平面设计与制作的能力。3.教学资料及网络资源1）特色教材或补充教材；2）课件；3）实训指导书；4）课程微课集；5）网站资源。