视觉界面设计课程教学大纲 (1)

总学时数： 48        学分数： 3       其中：实践学时： 48 

适用专业： 数字媒体艺术 修订者：     编写日期 2013.3

一、课程的性质、目的和任务

《视觉界面设计》是根据世界文化产业发展趋势和中国创意产业的迅猛发展，随着以计算机和网络为核心的数字技术的飞速发展，数字媒体教育必然成为普通高等学校面临的重要任务。数字媒体是一门新的学科，也称之为当代的新媒体，它是跨学科的学术领域，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。

二、课程教学的基本要求

通过本课程的教学，我们重要的是培养学生观察生活、体验生活、体验、审美能力、吃苦精神和激发学生的创造能力的方法和手段。通过对本课程的学习，使学生从心理学、人机工程学、设计艺术出发，掌握硬件人机界面与软件人机界面方法、理论与设计实例，探索新的交互技术。

三、课程的教学内容、重点和难点

第1章 认识界面

教学内容：　1.1 界面的概述

　　　      1.2 图形化的界面

教学重点：了解界面的的概念

教学难点：概念性的认识

第2章 人本界面

　教学内容：2.1 回归人性的界面设计

　　2.1.1 高科技带来的“谜语”

　　2.1.2 认知中的摩擦

　　2.1.3 为用户而设计

　2.2 界面设计中的人因工程

　　2.2.1 人因工程

　　2.2.2 人因显示界面的设计

　　2.2.3 人因操作界面的设计

教学重点：人因工程化界面

教学难点：人机工程学学科的穿插

第3章 界面的整体设计

　教学内容：3.1 界面整体设计的分析阶段

　　3.1.1 用户与任务分析

　　3.1.2 市场与目标分析

　3.2 界面整体设计的实施阶段

　　3.2.1 对象的模型化

　　3.2.2 界面视图的设计

教学重点：界面整体设计的分析以及实施

教学难点：用户分析

第4章 界面的视觉设计

教学内容：4.1 隐喻：界面视觉设计的基本途径

　　4.1.1 理解隐喻

　　4.1.2 隐喻的相关因素分析

　　4.1.3 界面中的隐喻

　　4.1.4 构筑有效的隐喻

　4.2 界面的信息设计

　　4.2.1人的感知

　　4.2.2 界面视觉效果设计的基本造型语言

　　4.2.3 设计字体布局

　　4.2.4 如何用图形说话

　4.3 图标的设计

　　4.3.1 从像素艺术说起

　　4.3.2 图标

　4.4 界面布局元素的设计

　　4.4.1 界面的元素布局原则

　　4.4.2 界面元素的设计

教学重点：界面视觉效果、图标设计

教学难点：整体效果搭配、图标设计

第5章 网页界面的设计

教学内容：5.1 Web2.0时代的网页界面设计

　　5.1.1 网页界面设计的基本概念

　　5.1.2 Web2.0时代的互联征

　　5.1.3 Web2.0时代的网页界面设计

　5.2 网页界面的隐喻系统

　　5.2.1 网页界面隐喻系统概述　　

　　5.2.2 网页界面隐喻系统的功能划分

　　5.2.3 网页界面隐喻系统的设计目标

　　5.2.4网页界面隐喻系统的设计过程模型

　5.3 网页界面的信息传达

　　5.3 1网页界面的版面构成

　　5.3.2 网页界面的文字编排

　　5.3.3 网页界面的导航定位

　　5.3.4 网页界面的色彩张力

　　5.3.5 网页界面的动态图像

　　5.3.6 网页界面的音频

教学重点：界面视觉效果排版设计

教学难点：整体效果搭配、图标中隐喻的运用

第6章 游戏界面的设计

第7章 软件界面的设计

第8章 便携电子产品界面的设计

四、课程各教学环节要求

1. 课堂教学要求

教师应认真钻研教学大纲和文字教材等，结合学生实际制定教学方案，重点讲解学习思路与方法、重点与难点，重点组织学生进行作品分析与作业讲评。

2.实验环节要求

本课程是专业实践课，要求学生掌握实践运用能力。要求所有学生认真参加。

3.习题要求

每部分教学内容结束后，会有相应的作业安排，并对作业进行分析点评，要求学生掌握重点难点内容。

五、学时分配

     本课程的前导课有：计算机辅助设计。 后续课有：网页设计、虚拟与现实等。

七、教材与教学参考书

教材： 1、《数字媒体系列教材 数字界面设计》（廖宏勇著，上北京师范大学出版社2010）

   教学参考书：

   　1、《人机界面设计》罗仕鉴,朱上上,孙守迁著 机械工业出版社 2002年9月 

     2、《人本界面－交互式系统设计》Jef Raskin 机械工业出版社 2004年1月

     3、 《用户界面设计-有效的人机交互策略（第四版）》Ben Shneiderman著 张国印,李健利等译 电子工业出版社 2008年10