設計課程

界面設計課程標準

視覺傳達藝術設計系多媒體設計與制作專業方向

課程

編號

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

制定人：審定人：批準人：