《软件界面设计》实验教学大纲
课程名称: |
软件界面设计 |
|
|
课程编号: |
436020 |
|
|
适用专业: |
软件工程 |
|
|
总 学 分: |
3 |
|
|
总 学 时: |
30 |
|
|
其中实验学时 |
18 |
|
|
一、实验课程性质、目的与任务
《软件界面设计》课程是软件工程专业的一门专业必修课程。软件界面是人与机器之间传递和交换信息的媒介,包括硬件界面和软件界面,是计算机科学与心理学、设计艺术学、认知科学和人机工程学的交叉研究领域。近年来,随着软件工程学的迅速发展和新一代计算机技术研究的推动,网络技术的突飞猛进,设计学科的日益膨胀,软件界面设计已成为国际计算机界和设计界最为活跃的研究方向。
本课程讲授软件软件界面的设计技术、方法和过程,主要任务是使学生掌握软件界面的基本概念、基本原理、及其设计原则。了解软件界设计的发展方向,如何用规范的方法进行软件界面设计,以及在设计过程中应遵循的流程、准则、标准和规范。
通过本实验课程,应达到以下几个教学目的
1.掌握软件界面的设计风格;
2.掌握软件软件界面的形式与标准、windows软件界面设计、Internet网页界面设计、图标设计等;
3.熟悉软件界面设计评价与可用性测试;以及新交互技术及发展趋势。
二、实验教学基本要求
要求掌握界面设计的部分编码技术、流行图像处理软件的应用,并学会用相关程序设计语言进行windows软件界面设计、Internet网页界面设计。
上机实验要求:
1、准备好上机所需的界面素材;
2、使用相关图形图像设计软件进行软件界面设计;
3、上机结束后,分析本次软件界面设计所取得的经验及存在的问题。
三、实验项目与类型:
序号 |
实验项目 |
学时 |
实验性质 |
备注 |
验证 |
综合 |
设计 |
研究 探索 |
必做 |
选做 |
1 |
软件界面认知实验 |
2 |
√ |
|
|
|
√ |
|
2 |
软件系统显示界面设计实验 |
2 |
√ |
|
|
|
√ |
|
3 |
软件界面的编码实现实验 |
2 |
√ |
|
|
|
√ |
|
4 |
ICON、FLASH动画设计实验 |
2 |
|
|
√ |
|
√ |
|
5 |
色彩设计实验 |
2 |
|
|
√ |
|
√ |
|
6 |
网页界面设计实验 |
4 |
|
√ |
|
|
√ |
|
7 |
WINDOWS软件界面设计实验 |
2 |
|
√ |
|
|
√ |
|
8 |
手机软件界面设计实验 |
2 |
|
√ |
|
|
√ |
|
四、实验教学内容
实验一:软件界面认知实验
1、实验目的
了解软件界面的概念,掌握软件界面元素的收集,分析软件界面的组成元素。
2、方法原理
通过internet收集各种软件界面效果图。
3、主要实验仪器及材料
计算机、internet网络。
4、实验内容
通过收集各种类型的界面,并对其进行分析,从感性上理解软件界面的概念,指导学生从网上或者生活中收集不同类型的界面,并带入到课堂中讨论,应用到以后的界面设计中去。
实验二:软件系统显示界面设计实验
1、实验目的
了解常用软件界面的组成,掌握软件界面设计规则,提高运用界面设计软件进行界面设计的能力。
2、方法原理
软件界面设计规则。
3、主要实验仪器及材料
计算机
4、实验内容
给学生一些现有的界面,并提供这些界面所处的应用环境资料,让学生在原有的界面基础上按设计规则进行修改和改进设计,提高运用界面设计的知识能力和分析已有界面特点的能力,将理论和实践相结合。
实验三:软件界面的编码实现实验
1、实验目的
了解网页界面的设计风格及网页界面布局效果,掌握典型的网页界面设计类程序设计语言。
2、方法原理
用程序设计语言实现各类网页界面。
3、主要实验仪器及材料
计算机、Dreamweaver或Visual Studio .NET
4、实验内容
要求利用JAVASCRIPT、CSS等语言来实现各类网页界面风格如:动画、导航栏、特效、界面布局等。
实验四:ICON、FLASH动画设计实验
1、实验目的
掌握常见ICON图标制作软件的使用,掌握FLASH动画制作。
2、方法原理
用图像处理软件设计界面图形元素。
3、主要实验仪器及材料
计算机、ICON制作软件、FLASH动画制作工具
4、实验内容
通过设计不同类型的图标和FLASH动画,对界面设计的知识进行融会贯通,通过上机实践对理论进行更深入的了解。
实验五:色彩设计实验
1、实验目的
掌握RGB、CMYK色彩原理,了解软件界面的色彩搭配理论。
2、方法原理
用Photoshop进行色彩理论的认识
3、主要实验仪器及材料
计算机、Photoshop图像处理软件
4、实验内容
通过实验,让学生学会使用不同颜色搭配以及通过不同颜色来表现主题。
实验六:网页界面设计实验
1、实验目的
了解网页界面的组成,理解网页主题与色彩搭配,掌握网站栏目页、母版页界面的设计。
2、方法原理
用图像处理软件设计界面,用语言程序编写界面代码。
3、主要实验仪器及材料
计算机
4、实验内容
根据教师给定的设计主题或者目标,在网上后者在生活中搜集素材,做好网站的规划,然后根据界面设计的原则,设计出符合主题思想、有创意,并且实用的网页界面。
实验七:WINDOWS软件界面设计实验
1、实验目的
掌握windows应用程序软件界面设计。
2、方法原理
软件界面图像元素设计。
3、主要实验仪器及材料
计算机、Visual Studio .NET。
4、实验内容
将软件界面设计原理应用到WINDOWS软件系统的人机界面设计中,教师提供一个WINDOWS应用系统的例子,要求设计登陆界面、安装界面和系统其他的功能界面。
实验八:手机软件界面设计实验
1、实验目的
了解手机软件界面的特性,掌握手机软件界面设计的一般规律。
2、方法原理
色彩搭配、界面设计
3、主要实验仪器及材料
计算机
4、实验内容
根据界面设计原则对手机的软件界面进行设计,在考虑手机自身分别率以及手机功能和手机用户群特点进行手机软件界面设计。
五、考核方法
1.教师对学生实验过程完成情况进行详细登记,记入实验成绩中。
2.学生完成实验后按要求撰写实验报告,根据实验报告确定每次实验的等级。
3.实验成绩按20%比例计入课程期评总成绩中。
六、实验指导书及主要参考书目
实验指导书
[1]自编《操作系统实验指导书》
主要参考书
[1]《人机界设计》 李乐山.科学出版社,2004年
[2]《WINDOWS用户界面设计与优化策略》徐刚.人民邮电出版社,2005年
[3]《用户界面设计指南》.陈大炜.机械工业出版社,2008年
[4]《用户界面设计-有效的人机交互策略(第4版)》.张国印.电子工业出版社,2006
[5]《三维用户界面》.(美)鲍曼.电子工业出版社,2006年
[6]《设计人机界面》.李荣丽.京理工大学出版社,2007年
[7] 《人机界面设计》.周苏.科学出版社,2007年
主撰人: 阙清贤
审核人: 罗如为
2012.6