《交互界面设计》课程教学大纲

《交互界面设计》教学大纲课程编号：18220217英文名称：GraphicUserInterfaceDesign学分：3学时：总学时64学时，其中理论32学时，实践32学时先修课程：创意思维、电脑美术、图形创意、计算机辅助设计AI、动态图形设计、信息图形设计、三维图形设计、广告策划、文字与编排设计、品牌形象设计、商业摄影等课程类别：专业方向选修课程（数媒设计方向）授课对象：视觉传达设计专业学生教学单位：艺术学院修读学期：第6学期一、课程描述和目标交互界面设计随着信息科技的发展，在大数据和国际互联网背景下，兼具科技性和艺术性，是视觉传达设计专业数媒设计方向学生综合运用所学知识，达到融会贯通的一门重要课程。它涵盖了计算机科学、心理学、美学等学科，交叉性、综合性较强，通过课程的学习，使学生不仅具备审美和想象力，还需要具有较好的逻辑思维能力、沟通与表达能力，以及设计实践的能力，追求观念的革新，勇于创新。对交互界面设计基础理论有一个系统且深入的理解，并掌握课程所需软件知识及基本的交互设计原则、视觉表现手法和技巧、交互界面设计流程，从而创造出有价值的用户体验产品。课程目标1：通过课程对交互界面设计的意义、功能有初步的了解，并通过系统之间的互动联系，设计步骤、知识和技能的应用组合训练，能让交互界面视觉呈现有效的结合色彩、文字和版式设计，能够对未来的信息技术在交互界面设计中的应用进行合乎情理的展望，增强学习兴趣，热爱所学专业。课程目标2：专业知识方面，促进对获取知识、积累知识、观察与分析能力的培养，力求体现现代设计技术、设计科学、设计思维的密切交叉与融合，对设计制作到走向市场的全过程有足够的了解，提高策划调研和创意能力，提升专业素质和身心素质，并能够对未来的信息技术在交互界面设计中的应用进行合乎情理的展望。了解最新国内外重要理论研究与设计方向，实现从理性知识到指导实践的飞跃，以实践来检验理论知识的掌握情况。课程目标3：专业能力方面，通过系统之间的互动联系，设计步骤、知识和技能的应用组合训练，进一步树立以用户为中心的交互界面设计方法来进行深入设计，强调观念的改变，培养创新思维能力，并能独立使用软件进行原型设计，制作信息图和图标，以实践来检验基本理论知识的掌握情况。在前期策划调研、需求分析、功能与交互框架完成的基础上，能熟练运用专业软件绘制界面方案高保真原型图，从而实现用户体验产品，促进设计表达能力和解决设计问题的能力，同时建立团队意识，培养团队协作能力。课程目标4：综合能力方面，力求把现代设计艺术与科学思维方式结合起来，既具备高超的设计技能，又要具备全面且丰富的美学素养，培养自己对美的感受能力，善于观察周围的环境，理解人类行为，设计时才能触类旁通，对设计制作做到走向市场的全过程有足够的了解，促进专业素质和身心素质的培养。二、课程目标对毕业要求的支撑关系二、课程目标对毕业要求的支撑关系毕业要求指标点课程目标课程目标权重指标点1-3：了解与视觉传达设计专业相关的现代科技发展的主要趋势和应用前景，了解国内外设计学界最重要的的理论前沿、研究动态。课程目标1M指标点2-4：掌握视觉艺术设计方法流程和设计表达手段，掌握现代数字艺术设计技术的基本技能和方法。课程目标2H指标点4-3：具有较强的视觉传达设计思维、创新意识和实践能力，能够完成在印刷、包装、媒体传播等领域的视觉规律研究及设计表现工作，能胜任本专业领域内设计项目的策划、创意、组织及实施。课程目标3H指标点5-2：展现出自主学习的意愿和能力，致力于终身学习并持续创新。在自我管理方面表现出色，具备一定的创新创业基础技能，呈现良好的设计职业拓展和职业成长潜力。课程目标4M三、教学内容、基本要求与学时分配序号教学内容基本要求及重、难点（含德育要求）学时教学方式对应课程目标1交互界面设计概述要求熟知交互设计的发展、概念、类型、特征和认知摩擦，掌握交互设计的基本流程、设计原则和要素，了解交互设计涉及的学科范畴。教导学生客观、科学地认识世界，培养正确的人生观。重点：掌握交互设计的流程、基本原则和要素。难点：能从自身知识结构出发制定交互设计学习计划。1集中讲授、案例分析、移动信息化教学课程目标12交互界面设计内容和交互框架，视觉原则和视觉要素要求了解交互界面设计中的交互内容，掌握交互框架和交互界面设计的视觉原则，认识交互界面设计中的核心视觉要素。重点：理解交互的构架。难点：掌握交互界面设计的视觉原则。1集中讲授、案例分析、移动信息化教学课程目标1、23以用户为中心的设计要求了解以用户为中心的设计理念，掌握用户研究的方法，理解用户需求并进行需求分析、需求确定。了解原型设计概念和几种常见的原型设计，熟知并能运用产品原型设计软件。培养学生细致认真的工匠精神，职业素养，积极生活和工作的态度。重点：掌握如何去定义目标用户、用户数据的整理与创建问题，会用软件进行原型设计。难点：理解以用户为中心的设计理念。16集中讲授、案例分析、设计实践、市场调研、个体指导、移动信息化教学课程目标1、2、44信息设计要求了解信息设计的由来、学科基础和形式，掌握信息设计的方法。熟悉信息图标和导航设计基本知识。能够独立设计制作信息图和图标。重点：掌握信息设计流程和信息图标设计的方法。难点：进行数据信息的筛选和提炼。12集中讲授、案例分析、设计实践、市场调研、个体指导、移动信息化教学课程目标1、2、35视觉呈现设计要求了解页面、文字设计、色彩和版式设计、图像的基础知识。重点：掌握页面的视觉呈现和风格，情感诉求，熟知字体的设计、色彩的情感和表现力、版式编排规则、图像的表现形式和特点。难点：视觉呈现设计原则。16集中讲授、案例分析、设计实践、市场调研、个体指导、移动信息化教学课程目标1、2、36视觉呈现设计延伸-品牌设计要求把握交互界面设计全局观，在设计中能够融合品牌设计意识。重点：理解交互界面设计的全局观。难点：拓展学习品牌形象设计知识。1集中讲授、案例分析、设计实践、个体指导、移动信息化教学课程目标1、2、37交互界面设计应用现状及趋势要求认识交互界面设计应用的现状及相关技术。重点：了解交互界面设计应用现状及趋势，智能家居、智能建筑、虚拟现实、增强现实、全息投影的概念和其涉及的技术、应用领域。培养学生的创新精神，心怀设计责任感。难点：能够对未来的信息技术在交互界面设计中的应用进行合理展望。1集中讲授、案例分析、移动信息化教学课程目标1、38交互界面原型设计课题要求在课题（网页设计、移动端设计、游戏设计）案例的讲解和设计实践过程中做到用户中心与系统性设计思维，将理论联系实际，提升综合设计能力。引导学生关注社会问题、传统文化、乡村美育等内容，培养学生的综合问题解决能力与人文主义关怀。重点：从实践层面理解交互界面设计。难点：展现个性化。16集中讲授、案例分析、设计实践、市场调研、个体指导、移动信息化教学课程目标2、3、4合计64序号实验项目实验内容与要求学时类型对应课程目标1用户体验地图进行实地调研，收集数据，进行数据信息的筛选、提炼，按照信息设计流程进行地图绘制，合理有序，根据流程找出其痛点与机会点。2设计课程目标1、42图标绘制设计一组富有主题意义的手机APP或者网页系统的图标。要具有丰富的视觉质感，表达准确、形象生动。4设计课程目标1、23原型图绘制并制作定格动画视频手绘低保真原型图，并将其拍摄为定格动画视频。通过寻找日常生活中不好的设计和用户需求痛点，通过以“用户为中心”的交互设计方法，设计一个有效的解决方案，学会从多角度分析和评判产品的优缺点。6设计课程目标1、24色彩及版式设计方案运用视觉呈现设计原理，从色彩设计、版式设计、文字设计等方面分析并提出设计方案，设计一个个人主页。需融合品牌设计意识，对视觉规律有所把控，具有设计风格。4设计课程目标2、36交互界面原型设计课题在掌握理论知识的基础上，通过主观创作项目训练，提高动手、观察、分析和综合问题解决的能力。能熟练的将理论知识运用到设计中，做到理论联系实际。16设计课程目标1、2、3、4合计32四、课程教学方法集中讲授、案例分析、操作演示、设计实践、市场调研、个体指导、移动信息化教学等教学方式。五、学业评价和课程考核（一）考核方式及具体要求1.课程成绩构成与要求课程考核注重形成性评价和终结性评价相结合，考核内容主要由平时作业、期末作业组成，均按百分制计分，平时作业成绩占50%、其中期末作业成绩占50%。2.课程目标达成考核与评价序号教学环节课程目标1（分值）课程目标2（分值）课程目标3（分值）课程目标4（分值）合计1线上作业55//102平时作业52015/403期末作业10/202050课程目标对应分值20253520100（二）考核与评价标准1.线上作业评价标准分值观测点90-100分70-89分60-69分0-59分线上作业按时、及时完成线上视频听讲，积极在线上进行资料分享，表达准确、完整、精彩。按时完成线上视频听讲，在线上进行资料分享，表达较准确、较完整。完成线上视频听讲，在线上进行资料分享，表达基本准确、基本完整。不交和补交，不按时完成线上视频听讲，不在线上进行资料分享。2.平时作业评价标准分值观测点90-100分70-89分60-69分0-59分平时作业按时完成，作业内容齐全且规范。理论知识和软件应用掌握到位。理论资料调查丰富，有内化于心的分析。能够以用户为中心有序高效的完成低保真原型图、图表数据图和图标设计，思维灵活，条理清晰，表达准确。按时完成，作业内容齐全且基本规范。理论知识和软件应用掌握较到位。理论资料调查较充分，分析到位。能够较好以用户为中心完成低保真原型图、图表数据图和图标设计，思维较灵活，条理清楚，表达基本准确。按时完成，作业内容齐全且不够规范。理论知识和软件应用掌握一般，理论资料调查一般，分析一般。基本能够以用户为中心完成低保真原型图、图表数据图和图标设计，思维欠灵活，条理欠清楚，表达欠准确。不交和补交，作业内容不齐全且不够规范。理论知识和软件应用掌握不足，理论资料调查不足，分析不足。不能够以用户为中心完成低保真原型图、图表数据图和图标设计，思维不灵活，条理不清楚，表达不准确。2.期末作业评价标准分值观测点90-100分70-89分60-69分0-59分期末作业（策划与调研）按时完成，格式规范，专业知识掌握全面，设计思维灵活，逻辑缜密，有良好的学习能动性和观察、调研、分析、表达能力，团队意识强，创意具有前瞻性。按时完成，格式符合要求，专业知识掌握较全面，设计思维和逻辑性较好，具备学习能动性和观察、调研、分析、表达能力，团队意识较强，创意有一定前瞻性。按时完成，格式不够规范，专业知识掌握不够全面，具设计思维和逻辑性，学习能动性和观察、分析、表达能力一般，创意前瞻性不足。不交和补交，格式不规范，专业知识掌握不全面，设计思维和逻辑性不足，学习能动性和观察、分析、表达能力欠佳，缺乏团队意识，创意没有前瞻性。期末作业（用户体验产品大作业）格式规范，符合课题设计要求，能熟练使用专业所需软件进行综合应用，主题内容鲜明，创意新颖，视觉呈现完整且丰富，有较佳设计实践和团队协作能力。格式符合课题设计要求，能较熟练的使用专业所需软件进行综合应用，主题明确，创意较新颖，视觉呈现完整，有良好的设计实践和团队协作能力。格式不够符合项目设计要求，能使用专业所需软件进行综合应用，主题基本明确，创意不够新颖，视觉呈现不够完整，设计实践能力一般。未按时完成，格式不够符合项目设计要求，不能有效使用专业所需软件进行综合应用，主题不明确，创意不足，视觉呈现欠佳，设计实践和团队协作能力较弱。六、教材与参考书（一）推荐教材1．《交互界面设计》，周娉、方兴编著，北京大学出版社，2017年6月版；2．《交互界面设计》，康帆、陈莹燕主编，华中科技大学出版社，2018年12月版。（二）参考资料1．《交互界面设计》，李洪海、石爽等主编，化学工业出版社，