《安卓AppsUI设计》课程标准

安卓APPSUI设计课程标准一、课程性质与任务1课程性质随着ANDROID系统的普及，ANDROID应用的需求越来越大，这是一个潜力巨大的市场，吸引了无数软件开发厂商和开发者投身其中，大量的手机游戏和软件的研发和制作都需要ANDROID开发工程师和安卓UI设计师，引发了ANDROID人才荒。软件UI设计属于ID（工业产品设计）的一个特殊形式，只是针对的材质有所不同。但随着智能化电子产品的普及，带有液晶屏显示的产品将越来越多。也就意味着越来越多的产品设计需要软件UI设计。随着技术平准化手机产业出现价格竞争的环境下，手机的人机交互界面（UI）给手机市场提供新的卖点，被认为是新的产业动力。手机UI的新设计与功能开发是根据各种客户群体的喜好及使用习惯而进行的，随着手机用户年龄层的扩大，性别、宗教、环境、生活方式的多样化，其开发范围和潜力正在无限扩大。这些新的趋势使得界面交互可能不再囿于某个具体产品本身，它可能开始涉及了与使用环境及其他用户之间的交流。根据对当前手机技术的分析以及对国外在人机交互及相关领域研究的关注，提出了“泛交互”的概念，并对新的趋势、新的设计进行展望。本课程是计算机软件技术专业“平面设计制作”教学模块的核心课程，是学生进行平面设计与制作职业能力训练的主要环节，同时为平面制作实训和多媒体整合制作综合实训打下坚实基础。本课程学习需要具备平面制作基本能力，在先修课程PHOTOSHOP平面制作学习与训练后，具备页面的整体布局、配色的基本能力，进一步地实现设计及制作精美界面的能力。2课程任务使学生通过本课程的学习，能够达到职业岗位（平面设计）的能力要求，即能够根据用户的需要进行平面设计及制作，完成精彩的平面设计制作。二、课程目标通过本课程的学习与训练，使学生能够利用工具软件ADOBEILLUSTRATOR、PHOTOSHOP实现手机图标和界面的设计和制作。学生能够根据需要进行作品定位及设计；能够根据需要随心所欲进行作品形象或图标的设计及制作；能够设计出较好的用户体验；能够利用软件进行矢量图绘制、修改及上色，进行图形的色彩处理；能够了解UI设计的规范和制作流程。通过本课程的学习，学生能够1、与客户沟通，进行相关需求分析，生成UI设计需求分析书，并收集相关素材；2、根据手机UI设计的定位，对界面进行风格设计和用户体验设计；3、根据风格或用户体验得到的设计方案，对手机UI设计进行具体的制作。4、对UI设计作品进行优化、上传发布、推广及更新维护。三、课程内容学习情境一认知UI设计学习情境名称认知UI设计学时4工作任务描述认知UI设计，了解手机UI行业现状及未来发展趋势，了解UI设计常用软件，学习软件的使用技巧。学习目标通过欣赏大量的手机UI图标和界面作品，能对图标进行风格定位并培养一定的审美观。根据用户要求，对一些给定作品进行需求分析；确定作品类型定位，并尝试进一步对作品进行初步设计。学习与工作内容工作对象1UI设计作品赏析分析报告；工作与学习具体内容1了解UI设计的相关单位和色彩搭配，了解图形元素的格式和大小，简单了解UI设计的软件；2了解苹果系统，安卓系统和WINDOWSPHONE系统这三大系统的发展史以及基本组件和各自特色；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、进行平面图与效果图的制作。学习与工作内容工作对象1UI设计原则和规范总结；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工作任务描述与客户交流，分析客户所需要的APPUI风格与特点，对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）成果汇报的仪态大方、言辞表达清晰、成果准备充分。学习情境五设计并制作手机APPUI学习情境名称设计并制作手机APPUI学时16工作任务描述与客户交流，分析客户所要建设的APP风格与特点，对从图标到用户界面进行整体设计，确定风格和配色方案，画出草图，和客户沟通后进行修改，最后用软件制作并优化。学习目标根据客户的要求，对APP进行整体设计，从图标到用户交互界面，完成比较完整的一个作品。1熟悉手机UI交互界面设计制作流程；2能够根据具体APP功能要求，对手机交互界面进行设计，使用户体验更舒适。学习与工作内容工作对象1手机APP交互界面设计分析需求报告；2AXURE交互原型设计方案。工作与学习具体内容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和SM30的独立显卡，需要WIN732/64位，安装PHOTOSHOP、AI等相关的软件。2、教材编写与课外读物的建议（1）教材选用PHOTOSHOP移动UI界面设计实用教程水木居士人民邮电出版社2016（2）PHOTOSHOPCCAPPUI设计从入门到精通华天印象人民邮电出版社2016（3）移动应用UI设计张晓景胡克编著人民邮电出版社20163课程资源开发建议（1）本课程的教学要不断摸索适合高职教育特点的教学方法，因材施教。启发、回顾、讲解相结合，注意给学生更多的学习空间，发挥教与学两方面的积极性，提高教学质量和教学水平。（2）教学过程中，根据技术发展，应适时更新教学内容。（3）教学中要结合教学内容的特点，培养学生学习习惯，努力提高学生自学能力和创新精神。（4）重视对学生学习方法的指导；督促学生及时、独立完成作业和实训任务，加强团队成员之间互相学习、相互交流。（5）以学生为中心，以能力为本位，以工作任务为核心，注重讲解、演示、实训相结合。（6）要注意课内外结合，实训任务按课内为主、课外为辅方式组织教学，重视学习团队建设，注重学生团队精神和写作能力的培养。（7）及时把握职业岗位动态，激发学生职业兴趣，引导学生准确把握职业生涯规划。五、考核标准1、期末成绩为五个技术单元的成绩累加，各技术单元分值权重如下任务单元占总评成绩的权重认知UI设计10认知UI设计规范和制作流程10设计手机APP图标20制作手机UI中的主要元素20设计并制作手