交互界面设计课程标准-美术设计与制作专业

界面设计课程标准

《界面设计》课程标准 视觉传达艺术设计系多媒体设计与制作专业方向 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程容选择以“新”为标准，紧扣手机界面和界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用； ⑧深入理解版式设计在界面设计中的重要性；

2.能力目标: ①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3.素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，

交互界面设计教程——让界面更加清爽

让界面更加清爽 时间:2011-05-17 10:56 来源:https://www.sodocs.net/doc/718130664.html, 作者:szwjerry 点击:1010次 关键词：界面,更加,清爽,夏日,酷热,天气,灿烂,阳光,夏日里,获得 夏日要到了，酷热的天气，灿烂的阳光，想在夏日里获得众人的目光和赞美，快试试小白介绍的几招，一起打造清爽的夏日装，让在一切更加舒服，有活力。 嗯…咳咳。这是说视觉界面上设计的事，无论是web、移动或客户端，要想视觉更加清爽下面的建议都会有帮助的。 1.让布局更有空间感 脱掉！嗯…对的… 要想清爽，就得把身上多余的衣物，一层一层的脱掉！ 在一个有限的空间里塞满大量的元素和信息，就算设计再华丽，信息再精彩，焦点还是无法长期停留在该空间。对于信息量丰富的界面，要想视觉清爽，空间感显得有为重要，这包括：主次信息之间的比例，各个信息模块之间的距离，单个模块里信息的间距。

2.使用简单的几何元素

曲线！嗯…也不完全这样理解… 脱掉厚重的衣物，身体的线条自然会显现出来，但想吸引更多的目光，那就得把线条练得好点。 在界面中使用简单几何元素做点缀或分割，有助于视觉焦点迅速寻找主要内容，便于信息的传达。 几何元素在人的思绪中是一种没有滞碍的概念，往往传达出干净有力，目的明确的态度和姿态，这最符合清爽的氛围。

3.留白和采用浅色系的邻近色

夏日，海滩上，鲜艳的色彩的确是夺目的主角。 但作为日常着装，那样的色彩就不耐看了，而简单浅色系则显得干净舒服。 色彩在界面的作用是营造体验氛围，为的是更好的突显内容，尽量减小使用中的干扰，建议太强烈的色彩不适于在以大量信息为主题的常用界面设计中。 适合营造氛围的邻近色特点是，层次丰富、活泼，既保持了统一的优点，却没单调、呆板的缺点。而浅色系的色彩与白色相搭配显得界面单纯、柔和、谐调，却有优雅、微妙的色感。

游戏界面设计基础-交互

游戏界面设计基础-交互 对于游戏界面设计还需要交互么?回答是需要的,交互也可以说是用户体验,交互就是通过对产品的界面和行为进行交互设计,让产品和它的使用者之间建立一种有机的关系,从而可以有效的达到使用者的目标. 什么是交互?用这张图来说一下: 我们可以看的出来,这张图的交互的整个区域就在它的右边,也就是登录入口这里.但是有一部的交互体验是隐藏起来的,比如它的提莫熊猫造型,它的文字部分,为什么这么说? 用户体验除了和按钮或者app这种直接的互动之外,它还有一种隐性上的互动,那就是视觉上的互动,听觉上的或者感觉上的一种互动. 我们还是用上面的英雄联盟的登录界面为例子,从图片和文字上来看,我们可以知道它是为端午节做的一次推广,因为在文字上有”粽子节的惊喜”,而这个人物的熊猫造型也是在表达着一种信息,可能是出现了一个图上面的人物或者道具或者新玩法.这就是一种交互一种用户体验.当然这种交互用的很少大部分的用户体验是在人与机器的交互上面. 如何做好用户体验 目标,任务,行文,互动,易用性,易学性,用户习惯 首先我们要明确目标,我们要知道用户为什么要做这个事情,他操作我这个产品是要干什么? 然后就是要明确任务,我的这个产品,我都要完成那些事情,用户要完成某一操作要做那些任务.(比如,我要吃饭,吃饭就是我的目标,而任务,就是我要想吃饭,就得去买菜洗菜等等,这就是任务).

然后是行为,行为很简单,就是我完成这些任务的方式.(比如洗菜,我的行为就是,打开水龙头,把才放到水里). 接下来就是互动,做好用户体验,它的互动是非常重要的.互动怎么理解,就比如一个产品一个app,我要在里边安一个按钮,当我按了之后,我怎么知道我是否按成功了,有的产品会让按钮闪一下,有的会变一下颜色,这样我就能确定我已经按成功了,这就是一个非常好的互动. 好的用户体验还要具备易学性和易用性,简单来说,这个产品要非常的好用,操作很简单. 最后一点就是用户习惯,我们要记住的一点,千万不要改变用户的习惯,所以我们在做一些操作界面的时候要考虑到用户习惯. 游戏界面设计师要懂得交互的知识,要知道什么是用户体验,这样才能做出符合用户操作习惯的界面,对于设计师来说,不断学习是提高自己的主要方法,不断练习是巩固自己技能积累经验的手段. 文章由承辉学院原创

《人机交互设计实践》教学大纲

《人机交互设计实践》教学大纲 课程类别：专业必修课程 课程代码： 课程名称：人机交互设计实践 Human Computer Interaction Practice 学时学分：48学时；2学分 预修课程：高级语言程序设计，网页设计 适用专业：计算机科学与技术 开课部门：信息学院 一、课程的地位、目标和任务 本课程主体为计算机科学与技术专业的本科学生，该课程属于专业必修课程，主要培养学生人机交互界面的设计与实现的能力，在学生具备信息系统设计能力的同时也掌握一些人机交互设计方面的知识，为设计并实现能够更好满足实际用户需要的系统奠定基础。 人机交互是一个非常宽泛的领域，本门课主要介绍人机交互的界面设计。要求学生具有高级语言程序设计和网页设计方面的知识，对面向对象的编程思想要有所了解。本课程的重点是人机交互界面的技术实现，而不是人机交互的认知学、心理学、美学、色彩学方面的知识。课程主要内容包括：人机界面样式的设计、人机界面交互的实现方法、C/S与B/S统一模式的人机界面设计。 学生学习该课程后能与Web技术，数据库等知识一同应用，设计出具有良好人机交互界面的应用系统；同时也为学生的毕业设计和将来从事技术工作储备必备的专业知识。 二、与相关课程的联系与分工 本门实践课在人机交互这一个广泛的领域中，重点强调人机交互的界面设计。要求学生具有高级语言程序设计和网页设计方面的知识，对面向对象的编程思想要有所了解。高级语言包括:C语言，面向对象的编程Java语言，还可以是下列任何一种编程语言：VB、https://www.sodocs.net/doc/718130664.html,、C#、JavaScript。网页设计要求掌握HTML语言、CSS。 学生完成实践后能结合后续课程一同应用，设计出具有良好人机交互界面的应用系统；同时也为学生的毕业设计和将来从事相关技术工作打好基础。 三、教学内容、要求及主要实践教学条件 项目一：儿童教育互动界面的设计与实现 【教学内容】设计并实现具有基本应用功能的交互性界面的设计，要求学生设计一个儿童教育互动界面。通过本实践的锻炼，使学生体会标记语言的文档格式，标记语言在界

人机交互界面设计规范

人机交互界面设计规范 （讨论稿） Hygrand 上海华冠电子设备有限责任公司 Hygrand Electronic Equipment CO., LTD.Shanghai

1. 必须在编码之前完成，否则就成花架子了。 2. GUI规范不是一蹴而就，它和设计相互迭代，彼此补充，相互完善。 3. GUI规范的内容70％是通用原则，涉及产品图形控件的基本属性和构建的基本参数和原则，30％ 是与项目或产品特点相适应的内容，这部分内容就是在设计过程中迭代产生。 1.概述 <目的、适用项目、基本风格> 2.通用指导原则 2.1.易用性 理想的情况是用户不用查阅帮助就能知道该界面的功能并进行相关的正确操作。如按钮名称应该易懂，用词准确，要与同一界面上的其他按钮易于区分。 <补充易用性细则> 完成同一功能或任务的元素放在集中位置，减少鼠标移动的距离。 复选框和选项框要有默认选项，并支持Tab选择。 …… 2.2.规范性 通常界面设计按Windows界面的规范，即包含“菜单条、工具栏、状态栏、滚动条、右键快捷菜单”等的标准格式，界面遵循规范化的程度越高，则易用性相应的就越好。 <补充规范性细则> 工具栏的图标能直观的代表要完成的操作。 标签提示：字体为加重、宋体、黑色、无边框。 对齐方式：左对齐、一般文字、单个数字、日期等。 等待过程：在需等待时间较短(0-10秒)的情况下应将鼠标显示成为沙漏；当需10秒以上时，要显示进度条等。 菜单深度一般要求最多控制在三层以内。 ……

2.3.美观与协调性 界面应该适合美学观点，感觉协调舒适，能在有效的范围内吸引用户的注意力。 <补充美观与协调性细则> 父窗体或主窗体的中心位置应该在对角线焦点附近。 按钮的大小要与界面的大小和空间要协调。 …… 2.4.独特性 在框架符合以上规范的情况下，设计具有自己独特风格的界面尤为重要。尤其在商业软件流通中有着很好的迁移默化的广告效用。 <补充独特性细则> 安装界面上应有单位介绍或产品介绍，并有自己的图标。 登录界面上要有本产品的标志，同时包含公司图标。 …… 2.5.快捷方式 在菜单及按钮中使用快捷键可以让喜欢使用键盘的用户操作得更快一些，在Windows 及其应用软件中快捷键的使用大多是一致的。 <补充快捷方式细则> 文件操作：如打印、关闭相应的快捷键。 系统菜单：如工具、帮助等的快捷键。 …… 2.6.安全性 在界面上通过下列方式来控制出错几率，会大大减少系统因用户人为的错误引起的破坏。 <补充安全性性细则> 应当注意尽可能避免用户无意录入无效的数据。 采用相关控件限制用户输入值的种类。 ……

《UI设计基础》课程教学大纲

《UI设计基础》课程教学大纲 课程名称:UI设计基础User Interface Design 课程类别:专业教育选修课程开课单位:设计艺术系课程编码:23113045 总学时数:32 学分:2 适用专业:视觉传达设计先修课程:图形创意等 考核方式:操作 一、课程内容 理论部分: (一)认识界面 1、UI概述 2、图形化的界面 (二)人机界面 1、回归人性的界面设计 2、为用户而设计 3、人机工程学 (三)界面的整体设计 1、分析阶段 2、实施阶段 3、界面视图 (四)界面的视觉设计 1、界面设计的基本途径 2、界面的信息设计 3、图标设计

4、界面布局与元素设计 (五)网页界面的设计 1、网页界面的认识 2、网页界面系统 3、网页界面信息传达 (六)游戏界面的设计 1、游戏界面的概述 2、游戏平台的视频界面设计 1 3、游戏平台的操作界面设计 4、游戏界面的音频设计 (七)软件界面的设计 1、软件界面设计的整体思考 2、软件界面的文本、图形 3、为“交互”服务:角色、场景和礼貌 (八)便携电子产品界面的设计 1、便携电子产品界面的概述 2、便携电子产品界面设计的特殊性 3、便携电子产品界面的视觉要素分析实践部分: 实践一网页界面设计 实践二游戏界面设计 实践三电子产品界面设计 二、大纲说明

(一)课程的性质和任务 UI设计是一门新的学科，也称之为当代的新媒体，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。UI设计是视觉传达设计专业的专业选修课程之一，是在继专业设计课程基础上的延续和提高，全面的完善了设计专业学生的专业素养。课程实践中注重对各专业基础课程的统合和整体应用。 (二)课程教学的基本要求 通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术，熟悉UI 设计的流程与特点，并运用ADOBE PHOTOSHOP、indesign等设计软件完成其视觉表现，独立完成UI设计的全过程。 (三)课程内容各层次的教学重点、难点、教学环节及教学方法的建议 教学重点、难点: 1(认识界面 重点:了解界面 难点:概念性的认识，图形化的界面 2(人机界面 重点:人性的界面设计 2 难点:为用户而设计的理解，界面设计中的人机工程 3.界面的整体设计 重点:分析阶段、实施阶段、用户分析、市场与目标分析 难点:对象的模型化、界面视图的设计、界面整体设计的分析以及实施 4(界面的视觉设计

人机界面设计原则

人机界面设计原则 “以人为本” 1.以用户为中心的基本设计原则 在系统的设计过程中，设计人员要抓住用户的特征，发现用户的需求。在系统整个开发过程中要不断征求用户的意见，向用户咨询。系统的设计决策要结合用户的工作和应用环境，必须理解用户对系统的要求。最好的方法就是让真实的用户参与开发，这样开发人员就能正确地了解用户的需求和目标，系统就会更加成功。 2.顺序原则 即按照处理事件顺序、访问查看顺序(如由整体到单项，由大到小，由上层到下层等)与控制工艺流程等设计监控管理和人机对话主界面及其二级界面。 3.功能原则 即按照对象应用环境及场合具体使用功能要求，各种子系统控制类型、不同管理对象的同一界面并行处理要求和多项对话交互的同时性要求等，设计分功能区分多级菜单、分层提示信息和多项对话栏并举的窗口等的人机交互界面，从而使用户易于分辨和掌握交互界面的使用规律和特点，提高其友好性和易操作性。 4.一致性原则 包括色彩的一致，操作区域一致，文字的一致。即一方面界面颜色、形状、字体与国家、国际或行业通用标准相一致。另一方面界面颜色、形状、字体自成一体，不同设备及其相同设计状态的颜色应保持一致。界面细节美工设计的一致性使运行人员看界面时感到舒适，从而不分散他的注意力。对于新运行人员，或紧急情况下处理问题的运行人员来说，一致性还能减少他们的操作失误。 5.频率原则 即按照管理对象的对话交互频率高低设计人机界面的层次顺序和对话窗口莱单的显示位置等，提高监控和访问对话频率。 6.重要性原则 即按照管理对象在控制系统中的重要性和全局性水平，设计人机界面的主次菜单和对话窗口的位置和突显性，从而有助于管理人员把握好控制系统的主次，实施好控制决策的顺序，实现最优调度和管理。 7.面向对象原则 即按照操作人员的身份特征和工作性质，设计与之相适应和友好的人机界面。根据其工作需要，宜以弹出式窗口显示提示、引导和帮助信息，从而提高用户的交互水平和效率。

完整word版,《界面设计》课程标准

《界面设计》课程标准视觉传达艺术设计系多媒体设计与制作专业方向 课程编号D030218学时80 开课 学期 二年级 第一学期 课程 性质 必修 课程名称界面设计考核 方式 考查，成绩构成：实训：70%，平时30% 一、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课程内容选择以“新”为标准，紧扣手机界面和网站界面设计最新的发展状况，以实际案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规范、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、网站用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用；

⑧深入理解版式设计在界面设计中的重要性； 2.能力目标: ①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3.素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4.职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop 后续课程：flash动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过

网页设计——从界面布局到视觉表现-教学大纲

《网页界面设计》课程教学大纲 一、课程名称：网页界面设计 课程代码： 课程负责人： 二、学时与学分：56学时，3.5学分 三、课程性质：必修 四、适用专业：视觉传达/数字媒体设计/网络与新媒体 五、使用教材： 余兰亭编.《网页设计：从界面布局到视觉表现（视频版）》．人民邮电出版社，2018年2月 六、参考教材： 陈洁、杨瑞梅编.《HTML+CSS+前端开发(慕课版)》.人民邮电出版社，2017年5月； 七、开课单位：艺术设计学院 八、课程的目的和任务： 网页界面设计为视觉传达专业的专业必修课程。通过对网站设计流程、网站交互及网页界面排版理论知识与经典案例的讲解，辅助PS、AI、Axure、DW软件的实践操作让学生能够独立设计及制作静态网页界面。在教学过程中鼓励学生自主收集优秀网站界面，在实践中能了解网页的设计原则，以及网页功能结构、交互设计、视觉设计的重要性。通过该课程的学习，培养学生的审美能力、创新能力、动手能力和自学能力以及分析能力和解决问题的能力。 九、课程的教学基本要求： 网页界面设计是一门集艺术设计与计算机专业相交叉的学科，涵盖的知识点广，本课程所针对的是网页设计中的网站建设、前端界面和交互设计。因此应在学习版式设计、Photoshop、Illustrator、界面与交互设计课程后，才能更有效地进行网页设计的教学。在辅导实战作业时，必须加强理论与实践的联系。 十、课程的主要内容： 第一章网页设计的概论 1.教学目标： ①掌握网站的基础概念。 ②熟悉网站的分类。 2.教学内容： 第一节认识网站 第二节网页界面空间的影响要素 第三节网站开发的团队与协作 第四节网页的制作流程 3.教学重点： 理解网站的基本理论知识。 4.教学难点：

1.(游戏界面(UI)设计)课程标准

重庆工程学院 《游戏界面与UI设计》课程标准 课程代码： 32 ^ 适用专业：数字媒体艺术 课程学时： 32学时 课程学分： 2分 编制人： 审核人： 审批人： 日期： …

一、课程定位 《游戏界面与UI设计》是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的游戏基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的游戏设计的制作能力，使学生了解当今游戏设计制作的基本知识。 二、课程目标 1.总体目标： 《游戏界面与UI设计》是一门专业课很强的课程，它不仅要对学生的绘画技法有很强的针对性，还要对学生的平常生活中观察能力的培养。通过案例式教学，实现学生职业技能与工作岗位群的对接，促进本专业学生全面职业素质的养成。通过教学模式的创新、教学内容的选取，教学方法的改革培养学生在策划审美上有很强的审美能力的提高，还对自己在游戏策划创作中起到帮助的作用，为其它设计课程的学习以及将来的岗位工作打下良好的基础。 2.知识目标： 》 游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。 3.能力目标： 让学生逐步地具有一定的游戏策划审美的能力，可以独立完成游戏策划的设计与制作，对各种游戏策划的要求都能处理。 素质目标：

游戏界面与UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行游戏造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中陶冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质，达到职业游戏动漫美工初级设计水平。 4.具体目标： 知识目标：了解游戏行业美术设计师岗位要求并掌握卡通游戏界面的设计制作规范。 能力目标：能熟练掌握游戏界面制作流程和方法技巧，以及游戏界面的设计制作能力达到行业岗位的基本要求。 : 素质目标： （1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识； （2）具有胜任设计工作的良好的业务素质和身心素质； （3）具有运用所学知识分析和解决问题的能力； （4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。 三、课程设计思路 1.课程设置依据 本专业基于知识、能力、素质要求与行业、企业专家共同研讨紧紧围绕游戏行业发展和艺术职业岗位需要高素质、高技能的游戏策划设计人才的要求设计了本门课程并对课程体系结构进行合理安排。本课程不单单采用一门教材进行教学，而是结合当代市场对游戏策划的

UI界面教学大纲

课程名称界面（UI）设计 课程编号课程类别必修 课程学时 48 课程学分 3 课程实施方式（即教学组织形式、采用的教学方法及手段） 考核方式考查 开设时间第二学期 使用教材创意UI Photoshop玩转图标设计，Art eyes设计工作室编著，人 民邮电出版社2015年1月 内容简介通过案例的方式介绍了如何使用Photoshop进行图标设计。从轻松迈 向图标王国、掌控图标创意原则、图标设计与软件操作、扁平化图标设计、质感图标的设计、涂鸦风格图标设计到玩转图标应用和附录逐一讲解，使读者由浅入深，逐步了解使用Photoshop制作图标的整体设计思路和制作过程。 课程的目的与任务 1、知识目标 通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。 2、能力目标 通过本课程的学习，学生应该掌握软件的基本操作，并初步具备：UI界面设计能力； 3、素质目标 通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。 课程学习指导《UI设计》是艺术设计专业（平面设计方向）的专业核心课程， 是在图形图像处理、企业VI、标志设计课程基础上的延续和提高。课程几乎涉及到了平面设计专业基础课程的各个方面，课程实践中注重对各专业基础课程如图形设计、编排设计、字体设计、构成设计等课程的统合和整体应用。UI界面设计是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。 在教学过程中，应立足于加强学生实际操作能力的培养，采用项目教学，以工作任务引领提高学生学习兴趣，激发学生的成就动机。 教学过程中教师应积极引导学生提升职业素养，提高职业道德。

1.(游戏界面(UI)设计)课程标准

1.(游戏界面(UI)设计)课程标准

重庆工程学院 《游戏界面与UI设计》课程标准 课程代码： 2014030032 适用专业：数字媒体艺术 课程学时： 32学时 课程学分： 2分 编制人： 审核人： 审批人： 日期：

一、课程定位 《游戏界面与UI设计》是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的游戏基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的游戏设计的制作能力，使学生了解当今游戏设计制作的基本知识。 二、课程目标 1.总体目标： 《游戏界面与UI设计》是一门专业课很强的课程，它不仅要对学生的绘画技法有很强的针对性，还要对学生的平常生活中观察能力的培养。通过案例式教学，实现学生职业技能与工作岗位群的对接，促进本专业学生全面职业素质的养成。通过教学模式的创新、教学内容的选取，教学方法的改革培养学生在策划审美上有很强的审美能力的提高，还对自己在游戏策划创作中起到帮助的作用，为其它设计课程的学习以及将来的岗位工作打下良好的基础。 2.知识目标： 游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。 3.能力目标： 让学生逐步地具有一定的游戏策划审美的能力，可以独立完成游戏策划的设计与制作，对各种游戏策划的要求都能处理。 素质目标： 游戏界面与UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行游戏造型设计基础知识点的逐步讲解并实例绘制

《人机交互与界面设计》实践项目

课程设计项目 项目1 Windows软件界面设计（12学时） ⒈目的与要求 在熟练掌握人机界面相关原则和开发方法的基础上，考察对人机界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单的Windows软件界面，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用.NET软件开发工具），设计一个实用性强、界面友好的、简单的Windows软件。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。可选项目包括工具软件、播放器、数据库管理系统等。注重软件的界面设计，要求设计出软件安装界面、主界面及各功能界面。时间充裕的前提下，应尽量完成软件的功能。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件开发工具的使用方法，比如Visual https://www.sodocs.net/doc/718130664.html,。理解并掌握人机界面中的重要设计原则，掌握原型开发方法，熟悉Windows图形用户界面的特点、设计原则。 项目2 Web网页界面设计（12学时） ⒈目的与要求 在熟悉人机界面重要的设计原则，特别是网页设计原则，以及开发方法的基

础上，考察对网页界面的设计理念和原则的掌握程度，使学生能够将相关理论和知识应用于实际系统的开发中。通过设计一个简单实用的网站，进一步理解人机界面设计方法及其在实际软件开发过程中的应用。学生应能够较熟练地将相关理论和知识应用于所设计的软件系统中，软件界面符合重要的界面设计原则。 ⒉任务及说明 使用有关软件工具（推荐使用Dreamweaver软件工具），设计一个简单实用的网站。选题自由，但需要注意实用性和友好性，能在规定的时间内完成。网站类型任选，可以是商业网站、娱乐网站、儿童网站、信息网站或门户网站等。所设计的网站要符合网站主题。要注重网页的界面设计，要设计出网站的主界面及各主要功能界面。网页的色彩、布局设计合理，动画、图片使用合理。完成后要提交项目报告和程序源代码文件。 3. 预备知识及准备 掌握有关软件工具的使用方法，比如Dreamweaver。掌握网页设计原则、常见的网页布局、网页中颜色的合理搭配。进一步掌握原型开发方法。在网上或者在生活中搜集素材，做好网站的规划。 项目3 手机软件用户界面设计及项目评估（12学时）⒈目的与要求 在熟练掌握人机界面相关设计原则、开发方法的基础上，能够在实际设计过程中合理地利用所学过的知识。通过设计一个手机软件，加深对人机界面开发方法及其在实际软件开发过程中的应用的理解。学生应能够较熟练地将相关理论和知识应用于所设计的软件中，软件界面符合重要的界面设计原则。 ⒉任务及说明 在某个手机平台上设计一个简单的软件。可选的软件平台如诺基亚的Symbian、谷歌的Android、苹果的iOS、微软的Windows Mobile等。推荐Windows Mobile。开发工具不限，比如Visual https://www.sodocs.net/doc/718130664.html,，Java ME等。注意要根据所选择的手机软件平台来确定开发工具，因为不同的平台开发工具不一样。不过几乎所有手机平台都支持Java ME。选题不限，但需要注意实用性和友好性，且能在规定的时间内完成并进行项目评估。可选项目包括工具软件、播放器、游戏软件

《人机交互技术》教学大纲

《人机交互技术》教学大纲 本课程是计算机科学与技术专业选修课。人机交互及人机界面的研究是计 算机科学与心理学（动机心理学、认知心理学）两大科学相结合的产物，是国际 上最为活跃的研究方向之一。计算机是人类有史以来发明的最复杂的工具，给人 造成了巨大的脑力负担、学习困难、严重事故、大量职业病等问题。“对用户友 好”的设计理念是人机界面设计进入新的发展阶段的标志。本课程主要是研究 “以人为本”的人机交互，有效地解决由于界面所带来的用户使用问题，这也是当前普遍性问题和难点性问题。 三、课程基本要求 1理解并掌握人机界面设计的基本概念、基本理论

2?能够使用各种交互设备、掌握各种交互技术；能够对人机交互界面做出正确可用性评估；能够完成对人机交互界面的建模及实现相应地人机交互界面。 通过本课程的学习使学生掌握人机交互的研究对象、研究内容，建立正确的认知观；学会各种交互设备的使用、理解并掌握各种交互技术；理解并掌握可用性分析原理并对界面的可用性做出正确的评估；理解并掌握人机交互界面的表示模型及软件结构。 四、课程内容及学时分配 第1章绪论 1.1什么是人机交互 1.2人机交互的研究内容 1.3人机交互的发展历史 1.4人机交互的应用 教学目的与要求： 掌握人机交互的基本概念； 理解人机交互的研究内容； 了解人机交互的形成与发展过程； 了解人机交互的应用； 重点：人机交互的基本概念，人机交互的研究内容； 难点：人机交互的研究内容； 第2章感知和认知基础 2.1人的感知 2.2认知过程与交互设计原则

2.3概念模型及对概念模型的认知 2.4分布式认知 教学目的与要求： 理解人的视觉，听觉，触觉认知； 掌握认知过程与交互设计原则； 掌握概念模型及对概念模型的认知； 理解分布式认知的概念； 理解分布式认知理论特征； 链接分布式认知在人机交互中的应用； 重点：人的感知、认知过程与交互设计原则、概念模型; 难点：概念模型，分布式认知； 第3章交互设备 3.1输入设备 3.2输出设备 3.3虚拟现实交互设备 3.4交互设备的整合应用 教学目的与要求： 会使用文本、图像、指点等输入设备； 会使用显示器、打印机、语音交互设备； 了解虚拟现实交互设备； 了解三维空间定位设备、三维显示设备；

《界面设计》课程标准

界面设计》课程标准 、课程设计思路 本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据。课 程内容选择以“新”为标准，紧扣手机界面和网站界面设计最新的发展状况，以实际 案例的形式贯穿整个教学，并结合高职类院校学生的学习规律，由浅入深。本课程首 先从理论基础入手，介绍手机界面和网页界面设计相关知识，再通过对具体设计实例 的解析，介绍了界面设计各个要素设计的方法，阐明界面设计的常识、规范、流程与方法。 本课程在第三学开设。总学时数为96 课时。 二、课程目标 通过本课程学习，学生能认识到界面设计作为现代传媒的重要途径，其合理性与美观性直接影响用户的评价，从而促使学生提高界面的设计技能，通过人性化设计的方法来进行手机、网站用户界面设计，并掌握相关的设计软件的操作，独立完成图标、手机、网页等界面的设计和表现工作，以适应社会对本职业能力的要求。 1. 知识目标: ①了解界面设计的含义、特性； ②理解界面设计的出发点。它包括：视觉、信息传达的基本原则和基本元素； ③理解感知与情趣，感情与文化，传统与现代，世界性与民族性在界面设计中的作用； ④深入理解平面构成要素和基本的构成原则； ⑤理解色彩的构成原理和基本构成原则； ⑥深入理解文字的编排与设计在界面设计中的作用； ⑦深入理解字体的选择在在界面设计中的作用； ⑧深入理解版式设计在界面设计中的重要性； 2. 能力目标:

①掌握平面设计的设计方法和要素，并利用平面设计的原则和基本要素设计界 面； ②掌握色彩的构成原则，应用色彩的构成原则设计界面； ③掌握图标、页面和动画效果的设计方法； ④掌握手机界面设计的方法和技巧； ⑤熟练掌握网页界面文字编排的设计方法和技巧； ⑥掌握版式设计的原则和构成手法，进行版式设计和优化； ⑦能按照网页开发的设计流程来进行网页界面设计工作； 3. 素质目标: ①培养学生实践动手操作能力； ②树立科学的设计创新意识； ③形成“以人为本”的设计观念； ④锻炼设计表达与语言表达能力。 4. 职业技能证书考核要求 三、课程与其他相关课程之间的关系 本课程是多媒体设计与制作专业一门专业必修课程，是学生工作过程化课程体系中的的一门重要课程。 与该课程联系较为紧密的平行课程有： 前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw 、photoshop 后续课程：flash 动画、网页设计 四、本课程的主要特色 ⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形成”的工学交替教学模式。同时通过将企业项目引入课程中最大化的缩短了与企业需求的差距增加了学生的就业竞争力。 ⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过程“教学做”一体化的教学模式标准，学生研究现场的实际问题体验真实的工作情境，执行完整的作业流程，使学生在校期间熟悉工作岗位所需的工作对象、工作内容、工作手段、劳动组织、工作环境、工作过程

交互界面设计教学中的新媒体艺术

2012年第05期 吉林省教育学院学报 No.05，2012 第28卷JOURNAL OF EDUCATIONAL INSTITUTE OF JILIN PROVINCE Vol .28（总305期） Total No .305 收稿日期：2012—02—22 作者简介：罗莹（1981—），女，辽宁铁岭人。呼伦贝尔学院美术学院，助教，硕士研究生，研究方向：工业设计及其理论。 交互界面设计教学中的新媒体艺术 罗 莹 （呼伦贝尔学院美术学院，内蒙古呼伦贝尔021008） 摘要：本文以交互界面设计课程为起点，认真解读了交互界面设计课程的应用范围，把交互界面设计课程从三个部分进行阐述，即人与机器、机器与机器、多方位多角度的人机交互，阐释了未来交互界面设计的发展方向，从而引进新媒体艺术的概念，论述新媒体艺术的现状和未来发展的可能。 关键词：交互界面设计教学；人机交互界面；新媒体艺术；后现代艺术中图分类号：G642 文献标识码：A 文章编号：1671—1580（2012）05—0065—02 交互界面设计是一门新兴专业课程，已经在很 多艺术类高校或者综合型大学中开展起来了，我们可以这样理解交互界面设计，我们与身边的事物接 触都需要有个接触面， 物品的接触面与人的某个器官接触相互作用，人的动作使机器、物品产生变化， 反之，物品也给我们人一个相互的作用。这门新兴学科应用范围最广泛的要属于人机界面交互了，随 着新时代的到来， 计算机在我们的生活领域里面已经不能割舍，逐渐成为我们生活中的重要部分。 一、界面交互设计教学课程的三种界面交互讲授方式 第一种是单纯的人与机器的相互作用，界面与界面产生交互行为，最终产生交互结果。例如：人想在网页上找到资料，必须首先在电脑上打开网页，然 后在地址栏里面输入常用的搜索工具（百度、搜狐等）、接着打开搜索工具，在搜索内容中输入我们要 查找的内容，我们需要的资料就可以找出来了，这样就完成了一次人与机器的相互交流。 第二种是机器与机器之间的通过媒介进行相互作用，从而达到相互交互的目的。机器与机器之间的交互界面设计，一种是要以人的意志为转移，未来 智能化机器人可以代替人的机械式的劳动，充当未来家庭的保姆， 代替人类做一些在家庭里面天天重复的简单工作，从而达到机器与机器的充分交互，使人类减轻生活所带来的压力，一心投入到工作当中， 推动人类的发展进程和人类智能的提高。例如：人 类提前给机器人设定好指令是准备晚餐，机器人就按照之前设定好几套晚餐的方案进行备菜、做饭，能 够熟练地使用一些厨房用具（微波炉、 电磁炉、燃气灶、抽油烟机、洗碗机、烤箱等）。这种机器与机器 的交互是一种纯智能化、科技化、拟人化的机器人来代替人来制作家务，这种实现起来很难，但是我们有理由相信在不久的将来一定会实现。还有一种是利用现代机械式和通讯设施、网络设施等，现代高科的通讯手段去遥控整个家庭的繁重家务，让家里的每样相关产品都能互动起来， 有步骤有计划的同时或者按顺序的操作机器。例如：准备晚餐（可设计洗菜、切菜、烹饪、装盘、保温一体机）整个过程制作完后，机器本身发出一种微信号，传输到做主食的机器上， 米饭（选米、淘米、煮米、盛米饭、保温）一体机、馒头（选面、兑水、和面、蒸煮、保温）一体机等可以根据制作时间的长短进行选择，同时制作也可，按顺序制作也行。让主人在手机上或者网络上就可以操纵家里的机器，给家庭做家务，这就需要几个智能化网络平台的架构，通过这个平台可以操控家里所有的机器，不用人在场就可以完成主人的家务。这种信息化、 智能化平台的搭建是完全有可能去实现的，未来家庭真正地达到超智能化的发展方向。让学生们充分知道最早的人机交互的产生是在第二次世界大战期间，由于战争各国争先恐后研发新 5 6

1.(游戏界面(UI)设计)课程标准

工程学院 《游戏界面与UI设计》课程标准 课程代码： 2014030032 适用专业：数字媒体艺术 课程学时： 32学时 课程学分： 2分 编制人： 审核人： 审批人： 日期：

一、课程定位 《游戏界面与UI设计》是数字媒体艺术专业重要的基础课程，是一门集技术与艺术一体化的游戏基础学科，课程的设置面向职业岗位要求，职业岗位针对性较强，涉及的专业技能具有很强的专业性，其主要任务是培养学生的游戏设计的制作能力，使学生了解当今游戏设计制作的基本知识。 二、课程目标 1.总体目标： 《游戏界面与UI设计》是一门专业课很强的课程，它不仅要对学生的绘画技法有很强的针对性，还要对学生的平常生活中观察能力的培养。通过案例式教学，实现学生职业技能与工作岗位群的对接，促进本专业学生全面职业素质的养成。通过教学模式的创新、教学容的选取，教学方法的改革培养学生在策划审美上有很强的审美能力的提高，还对自己在游戏策划创作中起到帮助的作用，为其它设计课程的学习以及将来的岗位工作打下良好的基础。 2.知识目标： 游戏界面与UI设计基础概念讲解、基础造型平面构成点线面的形式美原理、二维空间、三维空间、多维空间的造型表现、色彩构成基础知识与色环、色彩的表示、对比、彩度对比、明度对比、色彩调和、填色与色彩构成、色彩构成的综合应用等等知识。 3.能力目标： 让学生逐步地具有一定的游戏策划审美的能力，可以独立完成游戏策划的设计与制作，对各种游戏策划的要求都能处理。 素质目标：

游戏界面与UI设计课在整个教学的过程中，运用启发、引导和实践的方式，通过进行游戏造型设计基础知识点的逐步讲解并实例绘制教授创作，训练学生的相互配合能力，培养学生的职业道德、团队协作意识以及良好的审美意识，使学生在艺术学习和实践中冶情操，并培养学生具备积极思考问题、主动学习、良好的团队合作精神、获取知识能力、设计创意思维能力、结构分析、感悟能力和欣赏能力等素质，达到职业游戏动漫美工初级设计水平。 4.具体目标： 知识目标：了解游戏行业美术设计师岗位要求并掌握卡通游戏界面的设计制作规。 能力目标：能熟练掌握游戏界面制作流程和方法技巧，以及游戏界面的设计制作能力达到行业岗位的基本要求。 素质目标： （1）具有热爱所学专业、爱岗敬业的精神和强烈的法律意识； （2）具有胜任设计工作的良好的业务素质和身心素质； （3）具有运用所学知识分析和解决问题的能力； （4）具有自学能力、获取信息的能力，以及一定的组织、管理能力。（5）培养学生的团结合作能力；运用所学知识分析和解决问题的能力，创新设计思维，美术欣赏造型审美的能力。 三、课程设计思路 1.课程设置依据 本专业基于知识、能力、素质要求与行业、企业专家共同研讨紧紧围绕游戏行业发展和艺术职业岗位需要高素质、高技能的游戏策划设计人才的要求设计了本门课程并对课程体系结构进行合理安排。本课程不单单采用一门教材进行教学，而是结合当代市场对游戏策划的要求，把每一个教学环节作为一项真实的项目来进行安排，结合我院