设计课程

界面设计课程标准

视觉传达艺术设计系多媒体设计与制作专业方向

课程

编号

D030218学时80

开课

学期

二年级

第一学期

课程

性质

必修

课程名称界面设计

考核

方式

考查,成绩构成：实训：70%,平时30%

一、课程设计思路

本课程以社会对于多媒体设计人才界面设计能力的实际需求为课程开设依据;课

程内容选择以“新”为标准,紧扣手机界面和网站界面设计最新的发展状况,以实际案

例的形式贯穿整个教学,并结合高职类院校学生的学习规律,由浅入深;本课程首先从

理论基础入手,介绍手机界面和网页界面设计相关知识,再通过对具体设计实例的解析,

介绍了界面设计各个要素设计的方法,阐明界面设计的常识、规范、流程与方法;

本课程在第三学开设;总学时数为96课时;

二、课程目标

通过本课程学习,学生能认识到界面设计作为现代传媒的重要途径,其合理性与美

观性直接影响用户的评价,从而促使学生提高界面的设计技能,通过人性化设计的方法

来进行手机、网站用户界面设计,并掌握相关的设计软件的操作,独立完成图标、手机、

网页等界面的设计和表现工作,以适应社会对本职业能力的要求;

1.知识目标:

①了解界面设计的含义、特性；

②理解界面设计的出发点;它包括：视觉、信息传达的基本原则和基本元素；

③理解感知与情趣,感情与文化,传统与现代,世界性与民族性在界面设计中的

作用；

④深入理解平面构成要素和基本的构成原则；

⑤理解色彩的构成原理和基本构成原则；

⑥深入理解文字的编排与设计在界面设计中的作用；

⑦深入理解字体的选择在在界面设计中的作用；

⑧深入理解版式设计在界面设计中的重要性；

2.能力目标:

①掌握平面设计的设计方法和要素,并利用平面设计的原则和基本要素设计界

面；

②掌握色彩的构成原则,应用色彩的构成原则设计界面；

③掌握图标、页面和动画效果的设计方法；

④掌握手机界面设计的方法和技巧；

⑤熟练掌握网页界面文字编排的设计方法和技巧；

⑥掌握版式设计的原则和构成手法,进行版式设计和优化；

⑦能按照网页开发的设计流程来进行网页界面设计工作；

3.素质目标:

①培养学生实践动手操作能力；

②树立科学的设计创新意识；

③形成“以人为本”的设计观念；

④锻炼设计表达与语言表达能力;

4.职业技能证书考核要求

三、课程与其他相关课程之间的关系

本课程是多媒体设计与制作专业一门专业必修课程,是学生工作过程化课程体系

中的的一门重要课程;

与该课程联系较为紧密的平行课程有：

前导课程：平面构成、色彩构成、图形设计、字体设计、coreldraw、photoshop

后续课程：flash动画、网页设计

四、本课程的主要特色

⑴构建了基于职业岗位能力和工作过程导向的工学交替教学模式推行“以职业岗

位能力为目标以企业实际项目为载体以工作过程为导向以项目团队为组织形

成”的工学交替教学模式;同时通过将企业项目引入课程中最大化的缩短了与企业需

求的差距增加了学生的就业竞争力;

⑵“教学做合一、引导重于训导”的教学模式本课程开发和建设了基于工作过

程“教学做”一体化的教学模式标准,学生研究现场的实际问题体验真实的工作情境,

执行完整的作业流程,使学生在校期间熟悉工作岗位所需的工作对象、工作内容、工作

手段、劳动组织、工作环境、工作过程将知识学习、技能提升、能力培养和习惯形

成体现在整个教学过程中逐步实现从学习者到工作者的角色转换;

3基于企业真实案例的“任务驱动型”、“启发、引导和协同”教学方式,采用科学灵活

的教学方法;

五、教学内容与学习情境设计

界面设计课程按照职业岗位和职业能力培养的要求,整合本课程教学内容,以项目

为导向,构建以工作任务驱动的3个项目式课程结构的形式,以项目为导向,由简单到复

杂、由理论到实践,构建以工作任务驱动的项目式课程结构;每个项目的内容由一个或

若干个任务组成,基于完成工作任务来组织教学；课程内容及时吸纳新表现形式、新创

意手法、新的规范标准等;

一学习情境设计与时间安排

序号学习情境子学习情境任务、项目

建议学

时

项目1

界面设计概念与基

础

1、界面设计基础理论

a.了解界面设计的含义、特性

b.界面设计的整体创意与风格定位

c.界面构成要素

d.界面设计原则

8

项目2

界面设计实践与方

法

2、界面设计中的图标、图形图像设计

a.图标设计规范

b.图标设计流程

c.图标设计技巧及方法

3、界面设计中的色彩设计

a.色彩的构成原则

b.色彩的作用、基本原理

c.优秀配色案例解

4、界面设计中的文字的编排与设计

a．版式设计在界面设计中的重要性

b．文字的编排与设计在界面设计中的作用

c．字体的选择在在界面设计中的作用,

24

项目3界面设计应用实践5、手机界面设计

a．手机界面设计的方法和技巧；

b．设计内容：1、锁屏2、图标3、桌面壁

纸

6、网页界面设计

a．能够把握网站首页设计

b．掌握网页界面文字编排的设计方法和技巧；

掌握版式设计的原则和构成手法,进行版式

设计和优化

48

c．能够按照网站设计的流程方法对不同类型网

站进行设计;

二学习情境描述

学习

情境

学习目标

能力描述

主要内容任务描述教学重点

教学活动

设计

建议

学时

界面设计

概念与基

础

知识目标：

明确界面的概念,构

成要素及设计原则

技能目标：

常用界面设计软件介

绍,并熟练期应用;

素质目标：

要求学生能够具备耐

心、细心的工作态度、

良好的审美能力、坚

定的毅力;

教学内容：界面的含义、

发展；界面设计的研究内

容；界面的设计的发展趋

势；网页界面设计的特

征;

界面设计出发点；打动人

心的界面设计

界面设计

特征

A：理论讲

授

B：案例分

析

8

界面设计

实践与方

法

知识目标：

掌握图标设计创意流

程,理解界面设计中

的色彩原理懂得文字

在界面设计中的作

用;

技能目标：

掌握图标设计方法,

理解界面设计中的色

彩应用,懂得文字在

界面设计中如何编排

素质目标：对界面设

计中的形、色、及版

式编排有一个审美,

多欣赏优秀界面设

计,主动寻找发现生

活的设计灵感;良好

的沟通力和观察力

教学内容：

1.图形图像在界面设

计中的作用；

2.

3.图标设计规范；

4.图形图像的构成要

素；设计原则；

5.表现技巧；

1.图标设

计技巧,

2.色彩原

理

3.字型的

选择,字

号、字距、

行距的把

握

4.版面形

式的把握

A：理论讲

述

B：案例分

析法

C:资料收

集

C：网络学

习

24

界面设计

应用实践

知识目标：

手机图标设计流程、

手机界面设计

手机界面设计的方法和主题性表

A：理论讲

述

48

规范,

技能目标：

手机界面设计的方法

和技巧；

素质目标：

丰富的想象力,观察

力,勤于动手,积极思

考,有持之以恒的精

神;

技巧；

设计内容：1、锁屏2、

图标3、桌面壁纸

网页界面设计

能够把握网站首页设计

掌握网页界面文字编排

的设计方法和技巧；掌握

版式设计的原则和构成

手法,进行版式设计和优

化

能够按照网站设计的流

程方法对不同类型网站

进行设计;

达;

信息传达

的直观

性、准确

性把握;

整体风格

统一;

B：案例分

析法

C:资料收

集

C：网络学

习

D:软件工

具辅导

六、教学基本条件

一教学团队的基本要求

一定的双师型比例,一定数量的副教授和讲师的比例,学历上要求有研究生和本科

生的比例;

二教学硬件环境基本要求

理论教授需在多媒体教室完成；实践环节在实训室进行,学生需使用计算机、扫描

仪、打印机等设备;查阅资料在图书馆和依托网络完成;

七、教学方法及手段

1、本课程先基本原理、基本理论的讲述,再设计知识和技能的讲授,由浅入深,循

序渐进;

2、在教学中采用“复习回顾——案例教学教师演示——自主学习学生演练——学

生上机实践针对学生碰到的具体问题教师再进行讲解——课堂小结——提示下次预习

的内容”的教学方法,同时将课堂搬进计算机基础实验室,即学即用,以取得较好的教

学效果;

八、考核方式

平时考查分数30分＋项目实训分数70分＝学期总评分数100分

平时考查分数占期末总体考核分数30％,主要包括如下几个方面：平时考勤、课堂

互动、课后学习自主性等方面,任课教师可根据实际情况对表现特别优秀或基础弱进步

快的学生进行酌情加分,以资鼓励;

实训项目考核分数占期末总体考核分数70％,将界面设计课程中有关实训项目和

基础技术部分的考核改革为作品展览展示的形式,搭建一个平台,由行业专家和专业教

师指导,用集体的眼光对每位同学的基础技术与创意技能逐一进行定性和定量的综合

评定,主要考核项目实际设计中能力和素质,如主题是否符合要求、制作中存在的问

题、视觉效果等;

九、教材及参考资料

建议使用近三年国家规划教材、教育部各专业指导委员会推荐教材和获得国家、

省部级奖励的高职高专的优秀教材;

教材：

1、网页界面设计艺术教程作者：张帆,罗琦,宫晓东编着,出版社：人民邮电出版社

,2002年；

2、认知与设计：理解UI设计准则作者：美JeffJohnson着,张一宁译人民邮电出版社,2011-9

3、UI进化论——移动设备人机交互界面设计作者：周陟编着,出版社：清华大学出版

社,2010-1

制定人：审定人：批准人：