《視覺界面設(shè)計》課程教學(xué)大綱

《視覺界面設(shè)計》教學(xué)大綱、說明適用專業(yè)視覺傳達(dá)設(shè)計先修課程圖形設(shè)計、文字設(shè)計、版式設(shè)計總學(xué)時64總學(xué)分3（一）本課程的目的、要求《視覺界面設(shè)計》是的專業(yè)課。是設(shè)計行業(yè)中的一門新興學(xué)科。通過本課程的實踐教學(xué),應(yīng)使學(xué)生理解視覺界面設(shè)計的基本概念,掌握可視化界面設(shè)計（界面控件、界面圖標(biāo)、界面皮膚）的基本方法與程序。使得學(xué)生熟練掌握Ps及AI等圖形界面設(shè)計工具進(jìn)行GUKGraphicUserinterface）設(shè)計。（二）內(nèi)容選取和實施中注意的問題本課程以視覺界面設(shè)計的基本流程、界面控件、界面圖標(biāo)、界面皮膚設(shè)計為主要內(nèi)容。在教學(xué)實施中應(yīng)從界面及圖標(biāo)草圖設(shè)計、界面實例練習(xí)、整體界面形象創(chuàng)作等環(huán)節(jié)進(jìn)行教學(xué)。教學(xué)中教師應(yīng)該作必要的示范,并在演示案例時,注意當(dāng)下主流的設(shè)計風(fēng)格。（三）教學(xué)方法教學(xué)中采取由淺入深,循序漸進(jìn),理論與實踐相結(jié)合的教學(xué)原則。運用創(chuàng)新的教育理念和研究方法,使用多媒體教學(xué)手段。在實踐教學(xué)中師應(yīng)及時進(jìn)行輔導(dǎo)、答疑,及時解決學(xué)生設(shè)計制作中出現(xiàn)的問題。教師應(yīng)積極鼓勵與肯定學(xué)生的創(chuàng)新意識,充分調(diào)動學(xué)生的創(chuàng)造性思維,加強(qiáng)學(xué)生創(chuàng)造性能力和實踐能力的培養(yǎng)。（四）考核方式本課程是考試科目,以平時課題作業(yè)與期末考試（命題設(shè)計）相結(jié)合,學(xué)期成績以平時作業(yè)成績（占40%）與期末考試（占60必綜合評定。成績評定,采取三位教師評分的方式。（五）教學(xué)內(nèi)容與學(xué)時分配教學(xué)章節(jié)教學(xué)內(nèi)容學(xué)時安排備注1視覺界面設(shè)計的基本概念42圖形界面設(shè)計軟件及制作203界面圖標(biāo)創(chuàng)意及設(shè)計204視覺界面控件設(shè)計20二、大綱內(nèi)容第一章視覺界面設(shè)計的基本概念.界面的基本概念.用戶界面設(shè)計概述.用戶體驗設(shè)計.界面功能交互設(shè)計.圖形界面設(shè)計的基本概念.視覺界面設(shè)計的發(fā)展說明和要求:(1)教學(xué)重點:視覺界面設(shè)計的概念及發(fā)展。(2)教學(xué)難點：用戶研究、交互設(shè)計、用戶體驗設(shè)計的相關(guān)概念。(3)作業(yè)與要求：分析與欣賞優(yōu)秀視覺界面設(shè)計,要求對學(xué)生界面設(shè)計基本概念的理解情況進(jìn)行考核。第二章圖形界面設(shè)計軟件及制作Photoshop軟件繪制圖形界面的方法Photoshop軟件中色彩設(shè)定及漸變色使用方法；Photoshop軟件中文字字體大??；Photoshop軟件中界面尺寸設(shè)定；Illustrator軟件繪制圖形界面的方法矢量圖形設(shè)計軟件IllUStratOr界面設(shè)計特點；Illustrator軟件中色彩設(shè)定及漸變色使用方法；Illustrator軟件中中文字字體大??；IllUStratOr軟件中界面尺寸設(shè)定；GUI界面軟件設(shè)計制作案例講授(手機(jī)用戶界面、電腦圖標(biāo)設(shè)計制作等)。說明和要求:(1)教學(xué)重點：視覺界面設(shè)計的軟件制作方法(PS+AI)；(2)教學(xué)難點：界面設(shè)計細(xì)節(jié)制作的學(xué)習(xí)。(3)作業(yè)與要求：優(yōu)秀視覺界面設(shè)計制作臨摹練習(xí),要求對學(xué)生界面設(shè)計臨摹情況進(jìn)行輔導(dǎo)考核。第三章界面圖標(biāo)創(chuàng)意及設(shè)計.視覺界面圖標(biāo)功能劃分及風(fēng)格;.界面圖標(biāo)功能語義的視覺轉(zhuǎn)換;.視覺界面圖標(biāo)設(shè)計的主流風(fēng)格;.視覺界面圖標(biāo)創(chuàng)意方法(直接轉(zhuǎn)譯法、間接轉(zhuǎn)譯法)；.視覺界面圖標(biāo)創(chuàng)意草圖繪制;.視覺界面圖標(biāo)整體圖形、色彩設(shè)定;.視覺界面圖標(biāo)創(chuàng)意電腦設(shè)計制作。說明和要求:(1)教學(xué)重點:界面圖標(biāo)功能語義的視覺轉(zhuǎn)換;(2)教學(xué)難點:視覺界面圖標(biāo)創(chuàng)意方法;(3)作業(yè)與要求:某產(chǎn)品的視覺界面圖標(biāo)功能語義視覺轉(zhuǎn)換,要求對學(xué)生圖標(biāo)功能語義視覺轉(zhuǎn)換能力及設(shè)計制作能力進(jìn)行綜合考核。第四章視覺界面控件設(shè)計.視覺界面功能劃分.界面功能人性化設(shè)計.界面功能劃分方法.界面功能與可視化設(shè)計.視覺界面控件設(shè)計.視覺界面控件的概念.視覺界面控件的功能劃分.視覺界面控件的設(shè)計制作說明和要求:(1)教學(xué)重點:視覺界面功能控件的設(shè)計及制作方法；(2)教學(xué)難點：功能可視化的界面控件體系設(shè)計。(3)作業(yè)與要求:某產(chǎn)品的視覺界面功能劃分及控件設(shè)計與制作,要求對學(xué)生界面控件的綜合設(shè)計與制作能力進(jìn)行考核。三、教材和主要參考書.周陟.《UI進(jìn)化論》.清華大學(xué)出版社,2010..杰弗