設(shè)計》教學(xué)大綱

1、UI設(shè)計教學(xué)大綱課程類別：崗位技能課適用對象：全日制三年藝術(shù)設(shè)計總 學(xué) 時： 64 講授學(xué)時：0 課內(nèi)實踐學(xué)時：64獨(dú)立實踐學(xué)時：0先修課程：計算機(jī)輔助設(shè)計Photoshop、CorelDraw、標(biāo)志設(shè)計、flash一、課程的性質(zhì)、任務(wù)與課程的教學(xué)目標(biāo)（一）課程的性質(zhì)、任務(wù)1.課程的性質(zhì)UI設(shè)計是藝術(shù)設(shè)計專業(yè)的專業(yè)課程，是在圖形圖像處理、企業(yè)形象、logo標(biāo)志設(shè)計課程上的延續(xù)與提高。課程幾乎涉及到了平面設(shè)計專業(yè)基礎(chǔ)課的各個方面，課程實踐中注重對各設(shè)計基礎(chǔ)課程如圖形設(shè)計、編排設(shè)計、字體設(shè)計、構(gòu)成設(shè)計等課程的綜合運(yùn)用。UI主題界面設(shè)計是一門在電子設(shè)備，新興媒體上運(yùn)用平面設(shè)計的綜合性學(xué)科，以往平面設(shè)

2、計多數(shù)是印刷品，今天移動設(shè)備的興起，應(yīng)用如： 手機(jī)上的企業(yè)APP主題宣傳品，企業(yè)電子雜志APP版，企業(yè)門戶網(wǎng)站手機(jī)版，企業(yè)微信宣傳品設(shè)計，精細(xì)的ICON圖標(biāo)表現(xiàn)，和一些特色風(fēng)格的主題APP界面設(shè)計等，都是企業(yè)形象宣傳的一部分，是屬于APP或手機(jī)網(wǎng)頁方面，視覺界面部分的設(shè)計，為大多數(shù)互聯(lián)網(wǎng)類公司培養(yǎng)研發(fā)部門和市場部門的視覺設(shè)計師。2.課程的任務(wù)本課程實現(xiàn)專業(yè)培養(yǎng)目標(biāo)（分析本課程地位及作用）中所承擔(dān)的任務(wù)：此課程的目的與任務(wù)是要求學(xué)生對UI設(shè)計意義、功能有初步的了解，掌握UI設(shè)計的基本形式，來龍去脈，市面上的一些案例，訓(xùn)練學(xué)生在設(shè)計主題UI方面注重畫面的形式美感和使用舒適度方面的設(shè)計，使學(xué)生具備主

3、要常用的一些APP主題界面的設(shè)計能力和精細(xì)ICON圖標(biāo)的表現(xiàn)能力。本課程教學(xué)內(nèi)容及教學(xué)環(huán)節(jié)等方面與前后相關(guān)課程的聯(lián)系與分工： 本課程從設(shè)計的角度對這幾年冒起的智能手機(jī)和發(fā)展迅速的APP發(fā)展過程做說明、功能分類、設(shè)計定位、表現(xiàn)形式、視覺設(shè)計、企業(yè)品牌宣傳app上的運(yùn)用案例等作較為全面的講述，然后對常用的一些設(shè)計方式和主要案例做臨摹訓(xùn)練以及在嘗試幾個案例后，作主觀設(shè)計創(chuàng)作訓(xùn)練。通過本課程的學(xué)習(xí)，可以熟悉手機(jī)主題界面設(shè)計中關(guān)于企業(yè)主題APP界面，特色主題界面，電子雜志類型宣傳品,電商類APP視覺設(shè)計，電商運(yùn)營圖，宣傳品，交互圖標(biāo)，首內(nèi)頁編排等，界面設(shè)計中一些圖標(biāo)和頁面編排等的運(yùn)用，是一門實踐性較強(qiáng)的

4、課，是視覺傳達(dá)設(shè)計方向里一門這幾年市面應(yīng)用比較廣的電子宣傳品類制作職業(yè)課。本課程相關(guān)的先修課及后續(xù)課：素描、平面構(gòu)成、色彩構(gòu)成、文字設(shè)計、圖形創(chuàng)意設(shè)計、以及會使用photoshop、flash后再開展比較好，其中電子雜志類和電商app界面會涉及少量動畫和交互以及音效，是綜合性運(yùn)用較強(qiáng)的一門實操制作職業(yè)課。（二）課程的教學(xué)目標(biāo)1.基本理論要求：全面了解UI設(shè)計的發(fā)展過程、近年移動設(shè)備發(fā)展、設(shè)計的基本原則等方面的知識，讓學(xué)生掌握UI設(shè)計的表現(xiàn)方法和制作技能，提高學(xué)生設(shè)計審美能力。2.基本技能要求：要求學(xué)生重點(diǎn)掌握移動設(shè)備主題APP界面設(shè)計、圖標(biāo)設(shè)計、電子雜志類app宣傳編排設(shè)計、電商類app界面、

5、圖標(biāo)、運(yùn)營圖等設(shè)計操作和實際運(yùn)用。3.職業(yè)素質(zhì)要求：對知識進(jìn)行積累，培養(yǎng)自己對美的感受能力，在設(shè)計時才能觸類旁通。還應(yīng)該對設(shè)計制做到走向市場的全過程有足夠的了解。二、主要教學(xué)內(nèi)容及其教學(xué)要求（一）UI設(shè)計概述主要教學(xué)內(nèi)容1.品牌類UI設(shè)計的概念及發(fā)展2.主題UI的交互效果與設(shè)計注意教學(xué)要求主要介紹家具設(shè)計的概念及發(fā)展歷史，全面了解家具設(shè)計的發(fā)展過程、在掌握家具的基本要素的基礎(chǔ)上，了解家具的不同分類方法，理解家具在室內(nèi)外環(huán)境中的地位與作用，理解人體工程學(xué)與家具設(shè)計的關(guān)系，熟練掌握常用家具尺寸。 重點(diǎn)：UI設(shè)計發(fā)展的歷史和過程，UI這幾年載體移動設(shè)備的進(jìn)步和變化難點(diǎn)：移動設(shè)備的變化，電子產(chǎn)品制作的

6、注重點(diǎn)與印刷品的不同（二）UI設(shè)計與制作主要教學(xué)內(nèi)容1.UI設(shè)計流程2.主題UI設(shè)計創(chuàng)意與宣傳目的3.主題UI界面案例制作教學(xué)要求UI設(shè)計是綜合運(yùn)用的一門學(xué)科，因此掌握正確的設(shè)計方法是取得有效設(shè)計結(jié)果的關(guān)鍵。創(chuàng)意設(shè)計階段硬更多要求設(shè)計提出可實施性的創(chuàng)意設(shè)計方案、設(shè)計方向和想法，然后參考一些實際案例以成熟自己的制作方法和技巧，同時在設(shè)計制作之外，適當(dāng)?shù)呐c學(xué)生共同討論一下這幾年興起的幾個成功企業(yè)app案例會為這品牌提供什么樣的作用和效果以及宣傳的幫助。重點(diǎn)：不同風(fēng)格的UI界面案例制作和貼近品牌表現(xiàn)方式難點(diǎn)：UI制作要注意頁面切換間的關(guān)系，交互關(guān)系，視覺沖擊表現(xiàn)（三）精細(xì)UI圖標(biāo)設(shè)計與制作主要教學(xué)內(nèi)

7、容1.精細(xì)UI圖標(biāo)設(shè)計2.精細(xì)UI圖標(biāo)的細(xì)節(jié)表現(xiàn)技法3.精細(xì)UI圖標(biāo)的制作與調(diào)整教學(xué)要求讓學(xué)生沉下心來，放多點(diǎn)耐心去制作一些具像精細(xì)圖圖標(biāo)，著重細(xì)節(jié)部分的表現(xiàn)，更多是用軟件對細(xì)節(jié)部分的刻畫，讓出來的圖標(biāo)成品更成熟，在市面APP類產(chǎn)品視覺運(yùn)用上有一定競爭力。重點(diǎn)：圖標(biāo)草圖設(shè)計，光影，調(diào)子，處理畫面關(guān)系，精細(xì)技法表現(xiàn)難點(diǎn)：精細(xì)細(xì)節(jié)表現(xiàn)，畫面調(diào)節(jié)處理，圖標(biāo)結(jié)構(gòu)關(guān)系（四）精細(xì)UI圖標(biāo)設(shè)計與制作主要教學(xué)內(nèi)容1.優(yōu)秀UI設(shè)計欣賞2.自由創(chuàng)作主題UI作品設(shè)計制作3.自由設(shè)計作品上交教學(xué)要求通過最后部分內(nèi)容的學(xué)習(xí)，在吸收更多國內(nèi)外優(yōu)秀產(chǎn)品作品的同時，也能利用所學(xué)習(xí)到的知識內(nèi)容和制作作品，提高審美能力的同時，親

8、自動手設(shè)計一套主題品牌的創(chuàng)意作品，著重界面風(fēng)格設(shè)計，精細(xì)圖標(biāo)表現(xiàn)，掌握設(shè)計制作商用成品的能力。重點(diǎn)：把優(yōu)秀UI設(shè)計的優(yōu)點(diǎn)吸收，用在自己自由創(chuàng)意作品制作上難點(diǎn)：個人風(fēng)格的表現(xiàn)與審美能力培養(yǎng)，設(shè)計制作軟件技術(shù)方面的熟練度三、課程學(xué)時分配表1. 學(xué)時分配表項目序號教學(xué)內(nèi)容（按模塊或知識單元）學(xué)時其中講授實踐其它1品牌UI設(shè)計概述2022UI案例臨摹120123UI設(shè)計與制作120124精細(xì)UI圖標(biāo)設(shè)計與制作160165優(yōu)秀品牌UI設(shè)計欣賞4026自由創(chuàng)意作品制作16012四、實踐教學(xué) （一）課內(nèi)實踐項目表2. 實踐教學(xué)安排表序號實踐項目學(xué)時備注1品牌UI設(shè)計概述42UI設(shè)計與制作243精細(xì)UI圖標(biāo)設(shè)

9、計與制作244優(yōu)秀品牌UI設(shè)計欣賞與自由創(chuàng)意作品制作12總 計64（二）獨(dú)立實踐項目無五、必要說明（一）課程開設(shè)的基本條件本課程作為視覺藝術(shù)設(shè)計以及其他設(shè)計類專業(yè)的一門職業(yè)技能課程，綜合運(yùn)用性質(zhì)較強(qiáng)，需要一個良好的教學(xué)環(huán)境，機(jī)房應(yīng)配置設(shè)計Photoshop和Flash軟件，學(xué)生需要掌握素描、平面構(gòu)成、色彩構(gòu)成、版式設(shè)計、字體設(shè)計等知識內(nèi)容和基本掌握Flash、Photoshop處理技術(shù)等基礎(chǔ)條件。（二）建議使用的教材及教學(xué)參考書教 材：UI設(shè)計，郭少鋒 吳博 高旺編著，華中科技大學(xué)出版社，2013年11月，第1版。 參考書：好設(shè)計不簡單:UI設(shè)計師必須了解的那些事，古賀直樹編著，人民郵電出版社，2014年8月，第6版。（三）考核方式及成績評定1.考核類別、題型及成績評定辦法方式：考查形式：實操（隨堂考）2.總評成績的組成及評定標(biāo)準(zhǔn)總評成績=平時成績40%+作品考核成績60%平時成績=平時課堂表現(xiàn)成績20%+考勤成績20%作品考核成績=平時作品成績30%和期末綜合作品成