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

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