数媒艺术-人机界面设计-课程教学大纲

【人机界面设计】【Human-Computer-InterfaceDesign】一、基本信息课程代码：【2040215】课程学分：【4】面向专业：【数字媒体艺术】课程性质：【系级必修课◎】开课院系：艺术设计学院数字媒体艺术系使用教材：教材【《UI界面设计》孙鹏，北京工业大学出版社，2022年7月】参考书目【《写给大家看的UI设计书》柯皓，电子工业出版社，2020年1月】【《软件UI设计之道》盛意文化，电子工业出版社，2015.11】【《用户体验及Axure交互设计》，北京课工场教育科技有限公司，水利水电出版社，2016.4】【《UI设计观点：全球50位UI设计师访谈与项目解析》度本图书，人民邮电出版社，2016.1】【《AboutFace4:交互设计精髓》艾伦·库伯(AlanCooper).电子出版社，2015】【《人本界面：交互式系统设计》JefRaskin．北京：机械工业出版社，2004】课程网站网址：先修课程：【数字媒体艺术设计基础计算机动画原理三维设计基础数字绘画技法】二、课程简介人机界面设计是数字媒体艺术专业网络与多媒体设计方向的所对应的用户体验类工作岗位中的典型的、重要的工作任务。人机界面本课程作为专业方向的核心课程，通过本课程的学生，培养学生能够初步的完成特定主题的界面设计，同时初步掌握常规的设计流程中的项目理解与定位、方案设计与深入、方案展示与评价等重要环节，重点训练学生对于设计调研、设计创意、设计手绘、设计风格、设计表现等方面的方法与技能的掌握，初步培养学生分析问题、解决问题的能力，初步建立学生对于用户体验设计领域“界面”（Interface）概念的理解，初步建立学生对于软件平台之间区别与联系的理解，进一步培养学生对于设计的理解，进一步培养学生的设计审美，拓展学生的设计视野，掌握本课程常用的专业术语（中英文）。通过本课程的学习对学生提升对于专业课程的兴趣，增强学习的动机，树立学习自信心，增强克服困难的意志都会产生积极的作用。三、选课建议本课程要求适合数字媒体艺术专业二年级、相关设计类专业三年级的学生学习。要求学生具备有一定的设计思维基础，具备一定的计算机图形图像软件制图能力。本课程要求学生除了课堂学习，在课下至少分配与课时1:1的时间进行文献资料的阅读、自学教程、完善课程实践作业、参加课程相关的专业竞赛等。四、课程与专业毕业要求的关联性专业毕业要求关联LO11：理解他人的观点，尊重他人的价值观，能在不同场合用书面或口头形式进行有效沟通。LO21：能根据环境需要确定学习目标，并主动地通过搜集信息、分析信息、讨论、实践、质疑、创造等方法来实现学习目标。LO31：具备职业所需的设计理论知识，具备审美能力与艺术素养，具备数字艺术的创意能力与设计表达能力。LO32：具备多媒体信息传达能力，能够为数字艺术作品制作多媒体素材，能够进行数字影像作品的创作。LO33：具备设计项目制作实践能力，具备与业务链上下游衔接的知识与技能。LO34：（网络与多媒体设计方向）具备面向用户体验的设计能力，能够进行数字媒体产品的界面与内容的视觉设计LO35：（网络与多媒体设计方向）具备面向企业运营的设计能力，能够为产品与品牌形象的维护、营销活动等需求提供设计支持。LO36：（网络与多媒体设计方向）具备面向数字媒体产品的设计能力，能够进行产品研究、交互设计、制定产品视觉规范以及DEMO的制作。LO41：遵守纪律、守信守责;具有耐挫折、抗压力的能力。LO51：同群体保持良好的合作关系，做集体中的积极成员;善于从多个维度思考问题，利用自己的知识与实践来提出新设想。LO61：具备一定的信息素养，并能在工作中应用信息技术解决问题。LO71：愿意服务他人、服务企业、服务社会;为人热忱，富于爱心，懂得感恩LO81：具有基本的外语表达沟通能力与跨文化理解能力，有国际竞争与合作的意识五、课程目标/课程预期学习成果序号课程预期学习成果课程目标（细化的预期学习成果）教与学方式评价方式1LO1131.掌握设计草图的绘制技法、能够通过“线稿+淡彩”的形式表现设计创意、掌握草图后期的处理方法2.掌握设计方案以展板、视频形式展示的方法教师讲解制作要求，给出样例。学生动手实践，教师一对一辅导与集体讲评相结合设计调研报告2LO3321.学生能够根据课程要求按照理解课题、创意设计、调整完善、展示评价的方式完成项目。教师讲解制作要求，讲解制作进度计划。学生按照步骤进行实践提案展板3LO3431.能够根据不同类型课题要求完成界面设计中的布局设计、风格设计、元素运用、流程设计等，完成设计图制作2.能够进行屏幕测试，检测界面元素尺寸、细节、与系统界面的契合程度。教师讲解制作要求，给出样例。学生动手实践，教师一对一辅导与集体讲评相结合设计作品3LO4131.了解设计师的工作内容、项目流程，成果物提交规范、教师讲解要点、学生在项目实践中体会设计总结报告LO5131.对设计风格有进一步的认识，能够将功能设计与风格设计结合起来，形成创意方案，并能够在设计创意阶段即归纳出设计的亮点教师讲解要点、学生实践中要进行思考，教师组织进行课题讨论，答疑。设计作品，提案展板六、课程内容本课程课内教学课时为64学时，其中教师课堂授课（含讲解、演示、课题讨论、作品点评等环节）学时约为32学时；学生课内实践环节约为32学时；课外阅读文献、练习及作业等自主学习时间不计在内。序号课时项目任务要求知识要求技能要求18／4软件界面分析按照选题与要求对指定的软件界面进行分析并对使用手绘与软件两种方式进行再现。了解人机界面的概念、类型、结构与元素（重点）了解产品分析的内容与方法（难点）能够进行界面分析：功能、尺寸、组件、交互状态（难点）能够进行手绘表现能够进行软件制图与图像渲染。（重点能够进行版面编排（重点）能够进行设计说明的写作（难点）28/8音乐播放器设计按照要求设计一个桌面端的音乐播放器界面。要求具备一种典型的设计风格、具备常规的音乐播放器功能了解界面创意的方法（重点）了解界面设计的典型风格风格（难点）理解设计对象（难点）初步理解设计模式（难点）理解按钮设计与交互原理能够通过调研使用文字表述进行风格定位。（难点）通过手绘进行创意表现能够使用设计软件进行设计绘图，能够表现界面框架、布局、元素、文字、色彩、质感等设计要素。（重点）根据需求搜索、运用设计素材（图标、字体、调色板、贴图等）设计界面能够制作界面MOCKUP能够进行版面编排能够进行设计说明写作掌握AXURERP的基本操作方法能够使用AXURERP制作按钮交互（默认、鼠标上、点击、点击后、互斥等）（难点）能够使用AXURERP制作界面交互原型并导出网页316/20智能电视界面设计根据命题要求，完成项目调研、创意设计、原型制作，项目提案与完整的设计过程理解产品媒介（屏幕尺寸、信息密度、交互方式）（重点）理解项目设计流程（重点）了解项目调研的内容（难点）理解栅格设计方法理解卡片设计方法理解风格化设计方法了解设计项目提案的方法能够发掘调研对象（产品、设计方案）、进而进行分析、总结归纳出优缺点（难点）能够搜集相关文献（设计方法、设计趋势、设计要点），并进行总结归纳（难点）能够根据调研结果进行产品定位。（难点）能够进行团队分工，明确每个成员的任务，并能够进行统合（难点）能够使用栅格化设计原理进行UI布局设计掌握并能够运用卡片设计的方法能够使用AXURERP与ADOBEAFTEREFFECTS制作界面动效能够制作设计作品展示视频，综合展示作品效果（重点）能够制作提案文档（重点）能够结合提案文档进行项目口头汇报（重点）能够初步进行设计评价（难点）界面设计技能部分同项目2中的2-5点。七、课内实验名称及基本要求序号实验名称主要内容实验时数实验类型备注1.软件界面分析1.根据指定选题进行软件界面分析，首先进行对软件界面各个状态、整体局部进行合理截图，然后对功能组件进行识别并进行标注，重点是鼠标交互状态对照以及组件交互状态对照。2.然后对所分析的界面的所有内容（包括文字与图形图像内容）从手绘稿、线框图、效果图3方面进行界面临摹再现。4综合型第1周2.音乐播放器界面设计设计桌面端的音乐播放器界面。内容包括：（1）音乐播放器设定：设计风格与软件名称；（中英文）；材质与色调；（2）手绘造型设计；（3）计算机效果图制作；(4)使用AXURERP制作可交互原型8设计型第2周3.智能电视界面设计根据项目要求（设计简报），以