《网站界面设计》教学大纲
课程编码：0813102302
课程名称：网站界面设计
学时/学分：32/2
先修课程：《版式设计》、《图形创意》、《电子读物设计》
适用专业：视觉传达设计专业
开课教研室：视觉传达设计教研室
一、课程性质与任务
1、课程性质：本课程是视觉传达设计专业的专业课程，是所有视觉传达设计专业学生的选修课。
2、课程任务：网站界面设计是新兴的设计门类，是在各门相关学科中提取相关的内容要素而综合起来的系统学科。通过对本课程的学习，使学生从心理学、设计艺术学出发，掌握网站界面的设计理论与方法，通过设计实例，探索新的网站界面设计的新风格。通过本课程的教学，我们重要的是培养学生的审美能力和激发学生创造能力的方法和手段。
二、课程教学基本要求
通过本课程学习，要求学生掌握网站界面设计的基础知识、各种技巧以及形式美法则。学会通过不同的思维方式，独立创作不同形式的设计作品，并能将前期所学的平面设计基础理论知识运用到设计中去。主要教学环节包括课堂讲授、作品分析、小组讨论、视觉训练等。其中以课堂讲授为主，在手段上采用电子教案、多媒体幻灯片等现代教育技术。
教学形式：以理论讲授，课堂实习指导为主；教师演示--学生练习--教师个别辅导；点评---学生练习—学生自评，互评。在教学方法方面要采用多种方法：（1）案例教学：展示优秀界面设计作品，组织学生鉴赏,归纳总结，为后续讲授理论知识打下基础。（2）启发性教学：提出问题或实践教学中发现问题，引导学生系统地、综合地运用基础知识和专业知识来分析问题，即培养学生运用所学知识提高分析问题的能力。（3）讨论教学：对课堂教学示范作品及作业行现场讨论，以激发学生学习兴趣，并及时发现不足,在实践中充实自我,完善自我。（4）辅助教学：利于多媒体课件、影碟、录像、投影仪等现代教学工具辅助教学。
成绩考核形式：期终成绩（开卷考试）（70%）＋平时成绩（平时测验、作业、课堂提问、课堂讨论等）（30％）。成绩评定采用百分制，60分为及格。
三、课程教学内容
第一章 认识界面
1.教学基本要求
理解和掌握界面设计的概念和研究范围；明确界面设计的课程性质；了解界面设计的研究方法。
2.要求学生掌握的基本概念、理论、原理
通过本章学习，使学生能准确理解界面的概念，了解界面的发展，掌握不同界面设计的基本特点。
3.教学重点和难点
教学重点是界面的概念和特征。教学难点是图形化界面的设计。
4.教学内容
第一节 界面的概述
一、界面的定义
二、界面的特点
第二节 图形化的界面
一、图形化的界面
第二章 人本界面
1.教学基本要求
理解和掌握人本界面的概念和研究范围；明确人本界面的性质；了解人本界面的研究方法。
2.要求学生掌握的基本概念、理论、原理
通过本章学习，使学生能准确理解人本界面的概念；了解人本界面的发展。
3.教学重点和难点
教学重点是回归人性的界面设计。教学难点是界面设计中的人因工程。
4.教学内容
第一节 回归人性的界面设计
一、高科技带来的“谜语”
二、认知中的摩擦
三、为用户而设计
第二节 界面设计中的人因工程
一、人因工程
二、人因显示界面的设计
三、人因操作界面的设计
第三章 界面的整体设计
1.教学基本要求
理解和掌握界面整体设计的前期准备工作和后期操作方法。
2.要求学生掌握的基本概念、理论、原理
通过本章学习，使学生能准确理解界面设计的流程。
3.教学重点和难点
教学重点是界面整体设计的分析。教学难点是界面整体设计的实施。
4.教学内容
第一节 界面整体设计的分析阶段
一、用户与任务分析
二、市场与目标分析
第二节 界面整体设计的实施阶段
一、对象的模型化
二、界面视图的设计
第四章 界面的视觉设计
1.教学基本要求
理解和掌握界面视觉设计的概念和研究范围；了解界面视觉设计的研究方法。
2.要求学生掌握的基本概念、理论、原理
通过本章学习，使学生能理解界面视觉设计的基本途径；了解界面的信息设计；掌握界面布局的基本元素。
3.教学重点和难点
教学重点是界面的信息设计。教学难点是界面布局元素的运用。
4.教学内容
第一节 隐喻：界面视觉设计的基本途径
一、理解隐喻
二、隐喻的相关因素分析
三、界面中的隐喻
四、构筑有效的隐喻
第二节 界面的信息设计
一、人的感知
二、界面视觉效果设计的基本造型语言
三、设计字体布局
四、如何用图形说话
第三节 图标的设计
一、从像素艺术说起
二、图标
第四节 界面布局元素的设计
一、界面的元素布局原则
二、界面元素的设计
第五章 网页界面的设计
1.教学基本要求
理解网页界面设计概念和研究范围；了解网页界面设计的研究方法。
2.要求学生掌握的基本概念、理论、原理
通过本章学习，使学生能准确理解网页界面设计的概念；了解网页界面的发展；掌握不同时期网页界面的基本特点。
3.教学重点和难点
教学重点是Web2.0时代的网页界面设计。教学难点是网页界面的信息传达。
4.教学内容
第一节 Web2.0时代的网页界面设计
一、网页界面设计的基本概念
二、Web2.0时代的互联网特征
三、Web2.0时代的网页界面设计
第二节 网页界面的隐喻系统
一、网页界面隐喻系统概述
二、网页界面隐喻系统的功能划分
三、网页界面隐喻系统的设计目标
四、网页界面隐喻系统的设计过程模型
第三节 网页界面的信息传达
一、网页界面的版面构成
二、网页界面的文字编排
三、网页界面的导航定位
四、网页界面的色彩张力
五、网页界面的动态图像
六、网页界面的音频
四、学时分配表
| 章序 |
内容 |
课时 |
备注 |
| 一 |
认识界面 |
2 |
|
| 二 |
人本界面 |
4 |
|
| 三 |
界面的整体设计 |
6 |
|
| 四 |
界面的视觉设计 |
10 |
|
| 五 |
网页界面的设计 |
10 |
|
| 合计 |
|
32 |
|
五、教材及参考书
（一）教材
《数字界面设计》 主编：廖宏勇 出版社：上北京师范大学出版社 出版时间：2010年。
（二）参考书：
《人机界面设计》 主编：罗仕鉴,朱上上,孙守迁，出版社：机械工业出版社 出版时
间：2002年。
《人本界面－交互式系统设计》 主编：Jef Raskin 出版社：机械工业出版社 出版时间：2004年。
《用户界面设计-有效的人机交互策略（第四版）》主编：Ben Shneiderman，张国
印,李健利等译 出版社：电子工业出版社 出版时间：2008年。
执笔：苗子烨
审定：毛璞 苏本庆 耿聪
