《UI图标设计》课程标准.docxVIP

PAGE 5 《UI图标设计》课程标准 课程概述： 本课程系统讲解含UI设计的基本知识、图标设计、界面设计以及动态图标设计等在内的相关理论知识和实操技能，共计72课时。课程内容包含UI设计的概述、风格、色彩搭配、图标和界面设计流程以及配套项目的案例讲解等。从简单的图标设计到复杂的界面设计再进阶到复杂的动态UI设计，完整的讲解了不同分类的UI设计流程以及方法。在此方向上，结合UI设计的行业标准，本课程还详细穿插AE软件操作介绍，形变动画的制作以及UI动效的实现技巧等相关知识的拓展，让学生更好地了解UI设计行业制作规范和要求，掌握设计理念和软件操作技巧，进而满足学生从事本专业的工作需求。 教学目标 通过本课程的学习，培养学生的设计制作能力，包括：UI设计的风格和色彩搭配、图标设计、iOS系统和Android系统的界面设计等，让学生能完成从简单的图标设计到完整的手机主题设计、app设计以及网页设计等，培养学生设计中创新思维能力和审美能力，根据用户体验创作出富有情感的作品。结合市场上的案例，训练学生在设计中注重使用舒适度方面的设计和构图法则，让学生能够具备独立设计一些常用APP和主题界面的设计能力以及动态UI的表现，为其后续更深入的学习和实践打下良好的基础。 （一）知识目标 （1）理解UI设计的相关概念。 （2）掌握UI设计的一般流程和核心业务。 （3）理解UI设计的风格，掌握其色彩搭配技巧。 （4）了解图标设计的发展史和概念，掌握其设计的原则，并通过软件技能学会设计常用不同风格的图标。 （5）掌握不同系统的界面设计规范。 （6）学会应用后期软件制作动态图标设计。 （二）能力目标 （1）能够按照UI设计的流程和规范设计各种图标的能力，根据产品设计的风格进行归纳统一，做出风格独特且又符合产品气质的图标。 （2）掌握利用电脑绘制精确、美观、独特的图形的能力，如app界面设计中的引导页、启动页、登录界面等。 （3）掌握设计编排的能力，如文案的编排、展示的排版等。 （4）掌握设计提案能力。 （5）掌握海报Banner设计能力。 （6）掌握界面设计的能力，使作品具有独特的设计语言，把握界面的用色、配图的统一性和美观性。 （7）掌握沟通和理解能力。 （三）素质目标 （1）培养掌握流程化UI设计的科学思维方法和精耕细作、刻苦钻研的工作态度。 （2）形成开拓进取，精益求精、敢于自省的UI设计师精神。 （3）培养交互思维能力。 （4）培养学生在创作中自我展示能力、语言交际能力。 （5）培养学生善于观察的能力和艺术鉴赏能力。 （6）培养学生从事UI设计岗位可持续发展的能力。 教学模式：遵循“以学习者为中心”的理念，采用混合式教学， 以在线学习为主，适当结合线下面授和讨论等，课程内容在线学习时长达50%以上。学习方式为教师引领、学生微课自学及项目驱动教学法等。 教学日历：建议18学时/周 教学模块 周次 教学主题 学习成果 学习资源 学习活动 了解UI设计 1-2 UI的概述、设计的核心任务、设计原则、风格、色彩搭配以及创作流程 1.掌握UI设计的原则和色彩搭配技巧； 2.完成线性图标和剪影图标的制作 1.什么是UI设计 2.UI设计的核心任务 3.UI设计的原则 4.UI设计的风格 5.UI设计中的色彩搭配技巧 6.UI设计的一般流程（PPT） 1.作业： 线性图标和剪影图标设计 2.在线问答、头脑风暴 图标设计 2 图标设计 1.图标设计的发展历史、概念和设计原则 2.完成扁平化图标收音机的制作 1.图标的发展史 图标的概念 扁平化图标收音机的制作（PPT 、图片） 作业： 扁平化图标收音机的制作： 2.头脑风暴 3.在线讨论 界面设计 3 界面设计 1.掌握界面设计的用户体验的分析方法，理解iOS系统、Android系统界面设计的规范 2.iOS系统、Android系统界面设计实践 1. 情感化模块 用户体验 iOS系统界面设计的规范和实操 Android系统界面设计的规范和实操 （PPT 、图片、） 作业： iOS系统界面设计实操 2.Android系统界面设计的实操 3.在线讨论 动态图标设计 4 动态图标设计 1.掌握ui动效设计的重要性 2.了解ui动效制作软件AE的界面操作和动画的基本属性 3.完成天气类图标动效实践 1.UI动效果设计的重要性 2.认识界面 3.动画的基本属性 4.天气类图标动效实践（PPT、图片 ） 1.作业： 天气类图标动效实践 2.头脑风暴、问卷调查 3.在线讨论 参考书目： [1] UI设计心理学《UI设计心理学》中国人民大学出版社, 2019. [2] 梦工场科技集团《 UI设计》重庆大学出版社，2017. [3] 任然 陈甫 李欣欣《UI设计:从图标到界面完美解析》重庆大学出版社，2016.