14.《UI設(shè)計》教學(xué)大綱

1、UI設(shè)計教學(xué)大綱課程類別：崗位技能課適用對象：全日制三年藝術(shù)設(shè)計總 學(xué)時：64 講授學(xué)時：0課內(nèi)實踐學(xué)時：64獨立實踐學(xué)時：0先修課程：計算機輔助設(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è)計等課程的綜合運用。UI主題界面設(shè)計是一門在電子設(shè)備，新興媒體上運用平面設(shè)計的綜合性學(xué)

2、科，以往平面設(shè)計多數(shù)是印刷品，今天移動設(shè) 備的興起，應(yīng)用如：手機上的企業(yè) APP主題宣傳品，企業(yè)電子雜志 APP版，企業(yè)門戶網(wǎng)站手機版，企業(yè)微信宣傳品設(shè)計，精細(xì)的ICON圖標(biāo)表現(xiàn)，和一些特色風(fēng)格的主題APP界面設(shè)計等，都是企業(yè)形象宣傳的一部分，是屬于 APP或手機網(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方面注重畫面的形式美感和使

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

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

5、f、電子雜志類 app宣傳編排設(shè)計、電商類app界面、圖標(biāo)、運營圖等設(shè)計操作和實際運用。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)系，熟練掌握常用家具尺寸。重點：UI設(shè)計發(fā)展的歷史和過程，UI這幾

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

7、換間的關(guān)系，交互關(guān)系，視覺沖擊表現(xiàn)（三）精細(xì)UI圖標(biāo)設(shè)計與制作主要教學(xué)內(nèi)容1 .精細(xì)UI圖標(biāo)設(shè)計2 .精細(xì)UI圖標(biāo)的細(xì)節(jié)表現(xiàn)技法3 .精細(xì)UI圖標(biāo)的制作與調(diào)整教學(xué)要求讓學(xué)生沉下心來，放多點耐心去制作一些具像精細(xì)圖圖標(biāo)，著重細(xì)節(jié)部分的表現(xiàn)，更多是用軟件 對細(xì)節(jié)部分的刻畫，讓出來的圖標(biāo)成品更成熟，在市面AP陵產(chǎn)品視覺運用上有一定競爭力。重點：圖標(biāo)草圖設(shè)計，光影，調(diào)子，處理畫面關(guān)系，精細(xì)技法表現(xià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)

8、外優(yōu)秀產(chǎn)品作品的同時，也能利用所學(xué)習(xí)到的知識內(nèi) 容和制作作品，提高審美能力的同時，親自動手設(shè)計一套主題品牌的創(chuàng)意作品，著重界面風(fēng)格設(shè) 計，精細(xì)圖標(biāo)表現(xiàn)，掌握設(shè)計制作商用成品的能力。重點：把優(yōu)秀UI設(shè)計的優(yōu)點吸收，用在自己自由創(chuàng)意作品制作上難點：個人風(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é)

9、安排表廳P實踐項目學(xué)時備注1品牌UI設(shè)計概述42UI設(shè)計與制作243精細(xì)UI圖標(biāo)設(shè)計與制作244優(yōu)秀品牌UI設(shè)計欣賞與自由創(chuàng)意作品制作12總 計64（二）獨立實踐項目無五、必要說明（一）課程開設(shè)的基本條件本課程作為視覺藝術(shù)設(shè)計以及其他設(shè)計類專業(yè)的一門職業(yè)技能課程，綜合運用性質(zhì)較強，需要一個良好的教學(xué)環(huán)境，機房應(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崎口期末綜合