《UI设计》课程教学大纲

来源: 发布时间:2012-11-30 点击量:411

电子商务教研室主编

2011410

 

适用专业

层次

理论课

学时

实践课学时

总学时

学分

课 程 性 质

电子商务

本专科

28

20

48

3

专业方向课

先修课程

 

一、课程的目的和任务

1 目的和任务

UI设计存在于我们生活的方方面面,目前比较流行的包括图形用户界面,网页用户界面、手持设备用户界面等,电子商务作为以网络为依托的一种商务形式,对UI设计的要求也很高,因此,对电子商务专业的学生来说,了解UI设计,并掌握简单的UI设计技巧是很有必要的。

本课程的教学目的在于使学生从技术架构及艺术设计流程两个角度对UI设计的基本理论与实践进行了解和掌握,提高Photoshop的熟练程度,采用范例结合实践的方式避免了单一的理论和技术讲解。

2 完成培养方案中哪项基本素质要求和业务培养要求

UI是十分实际的商业设计,Photoshop强大的功能在UI设计中举足轻重,本课程结合了多方面的优秀范例,讲解了UI设计的原则、Interface(界面)简介和UI设计的构成元素、色彩的原理和UI色彩的,并通过一些基础物体的设计练习培养学生立体感质感和造型的能力。

二、课程学时分配表

总体安排:理论教学28学时,实验教学20学时。

课程主要教学内容及学时分配分别见下表:

序号

 

理论教学学时(28

上机实习学时(20

1

第一章UI设计概念

4

0

2

第二章UI结构设计、交互设计

4

0

3

第三章UI视觉设计之版式设计

10

2

4

第四章UI视觉设计之界面设计

4

6

5

第五章UI视觉设计之配色

4

2

6

第六章UI综合设计(模拟电子商务网站设计)

2

10

 

三、课程教学内容和教学基本要求

第一部分: UI设计概念

本章理论教学4学时,实验教学0课时,共4学时。

教学重点:了解UI设计在国内外发展状况,理解UI设计的含义。

教学难点:理解UI设计流程。

主要教学内容及要求: 了解国内外UI设计的概念UI设计发展历史;、Interface(界面)UI设计的基本原则;掌握UI设计的构成元素UI设计的流程。

本章讲述时应注意引发学生学习UI设计的兴趣;讲述UI设计时应从其应用出发。

实验内容:无

第二部分:UI结构设计、交互设计

本章理论教学4学时实验教学0学时,共4学时。

教学重点:交互设计定义、交互设计原则、交互设计方法和原理、交互设计技能要求。

教学难点:交互设计与界面设计的区别。

主要教学内容及要求:了解交互设计定义,掌握交互设计原则、交互设计方法和原理、交互设计技能要求。

在此部分结合实际案例讲解交互设计定义,使学生更容易理解。

实验内容:无

第三部分:UI视觉设计之版式设计

本章理论教学10学时实验教学2学时,共12学时。

教学重点:从版面、图像、文字、对比等方面进行版式设计讲解。

教学难点:如何结合实际案例对版式设计进行讲解。

主要教学内容及要求:掌握版式设计的各个方面:如版面设计、图像设计、文字设计、对比设计。

本章实验教学2学时,内容包括电子商务网站模块分析(京东商城、淘宝、凡客诚品、当当网等)。

此部分要结合实际设计案例进行讲解,增加教学的直观性。

第四部分:UI视觉设计之界面设计

本章理论教学4学时实验教学6学时,共10学时。

教学重点:从游戏界面、播放器面板、网页界面等方面进行界面设计讲解。

教学难点:设计注意元素的对比,突出效果。

主要教学内容及要求:掌握界面设计的各个方面:如制作基础形状,运用形状加减法完成播放器造型,运用颜色变化表现各种视频窗口屏幕。

本章实验教学6学时,内容包括字体的图像化设计、图像视觉艺术设计、界面设计各元素的对比分析。

此部分要结合实际设计案例进行讲解,增加教学的直观性。

第五部分:UI视觉设计之配色设计

本章理论教学4学时,实验教学2学时,共6学时。

教学重点:本章对色彩进行深入和细致的分析,对色彩在UI设计中的详细应用加以讲解。

教学难点:如何结合实际案例对UI配色进行讲解。

主要教学内容及要求:掌握UI配色中的各个方面:如界面配色、版式配色、文字色彩等。

本章实验教学2学时,内容包括色彩搭配设计。

此部分要结合实际设计案例进行讲解,增加教学的直观性。

第六部分:UI综合设计(模拟电子商务网站设计)

本章理论教学2学时实验教学10学时,共12学时。

教学重点:UI设计作品进行用户体验,并进行修改评价。

教学难点:如何进行用户体验,从哪些方面对UI设计作品进行评价。

主要教学内容及要求:了解UI设计评价的测评指标,理解用户体验的重要性,以及如何提高用户体验。

本章实验教学10学时,内容包括LOGO制作、图标制作、页眉制作、页中制作、页脚制作。

此部分结合实际案例和身边的实际情况进行讲解。

实践教学安排

实践内容及学时分配见下表

序号

理论章节

主要实验内容

学时

实验1

UI视觉设计之版式设计

电子商务网站模块分析(京东商城、淘宝、凡客诚品、当当网等)

2

实验2

UI视觉设计之界面设计

文字的图像化设计、图像视觉艺术设计、界面设计各元素的对比分析

6

实验3

UI视觉设计之配色

色彩搭配设计

2

实验4

UI综合设计(模拟电子商务网站设计)

LOGO制作、图标制作、页眉制作、页中制作、页脚制作

10

四、课程考核办法

本课程的成绩由上机成绩、平时作业2部分组成,按百分制计。其中:

上机成绩占:70%(上机成绩通过最后上机作品来评定)。

平时作业成绩占:30%(按每次作业完成情况评定)。

五、教材及主要参考书目

教材:Adobe Photoshop CS2中文版经典教程》,Adobe公司,人民邮电出版社,2006.2

参考书:1、《UI进化论》,周陟,清华大学出版社,2010.1  

2众妙之门——网站UI设计之道》,德国Smashing Magazine网站,人民邮电出版社,2010.11   修订版

3、《网站设计解构:有效的交互设计框架和模式》,堆克曼,人民邮电出版社,2010.9

学院地址:四川省乐山市市中区肖坝路222号   
版权所有:成都理工大学工程技术学院   
蜀ICP备 05005318号