UI設(shè)計(jì)課程大綱

階段

課程目標(biāo)

模塊

課程內(nèi)容

案例

*階段
視覺設(shè)計(jì)基礎(chǔ)
10天    

學(xué)員對(duì)行業(yè)和課程了解，養(yǎng)成良好的學(xué)習(xí)方法和習(xí)慣；同時(shí)采用簡(jiǎn)筆畫，分組討論等方式培養(yǎng)入學(xué)學(xué)員的創(chuàng)意策劃思維和藝術(shù)修養(yǎng)水平；并使用相關(guān)設(shè)計(jì)軟件表現(xiàn)出來，為后繼階段學(xué)習(xí)打下基礎(chǔ)。

設(shè)計(jì)理論    
（5天）

素描關(guān)系

素描與光影繪制訓(xùn)練訓(xùn)練 課程通過繪制幾何形體，理解光照射物體時(shí)明暗變化的層次關(guān)系“素描調(diào)子”：亮面、灰面、暗面、交界線和反光。提高空間表現(xiàn)能力，光照射物體時(shí)的明暗變化以及層次關(guān)系等重要知識(shí)

色彩原理及搭配

光色和色料的色譜是有區(qū)別的，如光的三原色是紅光、綠光和藍(lán)光，而色料的三原色是紅色、黃色和藍(lán)色。軟件使用時(shí)，比如Photoshop的色彩體系是RGB模型，所以我們?cè)谏什糠謺?huì)和大家分享顏色的基本原理。色彩屬性、對(duì)比與調(diào)和、色彩的混色配置、設(shè)計(jì)色彩的表述體系，色彩的裝飾美感及色彩的表現(xiàn)方法。

設(shè)計(jì)構(gòu)圖原理

平面構(gòu)圖的形勢(shì)美法則，構(gòu)圖的基本原理與形式，點(diǎn)線面的結(jié)合.

三大構(gòu)成

平面構(gòu)成、色彩構(gòu)成與立體構(gòu)成，是現(xiàn)代藝術(shù)設(shè)計(jì)基礎(chǔ)的重要組成部分。通過學(xué)習(xí)三大構(gòu)成，掌握二維空間構(gòu)圖能力、三維空間構(gòu)圖能力和色彩運(yùn)用的 基本方法。具備將各種設(shè)計(jì)素材按照美學(xué)原則重新組合創(chuàng)造的能力。

軟件基礎(chǔ)    
（5天）

Photoshop

Photoshop軟件的界面構(gòu)成與計(jì)算機(jī)圖像設(shè)計(jì)的基本知識(shí)，各種圖像處理工具的使用。

Illustrator

了解Illustrator矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧

第二階段                GUI+電商
20天

學(xué)習(xí)平面軟件Photoshop、Illustrator、CorelDraw
Indesign的繪圖技法，以及企業(yè)流程和行業(yè)標(biāo)準(zhǔn)；設(shè)計(jì)出符合企業(yè)要求的各種商業(yè)應(yīng)用設(shè)計(jì)。

商業(yè)設(shè)計(jì)應(yīng)用Photoshop
Illustrator
CorelDraw
（備選）
Indesign
（備選）

型錄設(shè)計(jì)

招貼設(shè)計(jì)
折頁(yè)設(shè)計(jì)
畫冊(cè)設(shè)計(jì)
雜志設(shè)計(jì)

VI設(shè)計(jì)（企業(yè)形象識(shí)別系統(tǒng)建設(shè)流程）

基本要素系統(tǒng)：標(biāo)志設(shè)計(jì)、標(biāo)準(zhǔn)字、標(biāo)準(zhǔn)色字、標(biāo)志和標(biāo)準(zhǔn)字的組合；
應(yīng)用系統(tǒng)：辦公用品：信封、信紙、便箋、名片、徽章、工作證、請(qǐng)柬、文件夾、介紹信、帳票、備忘錄、資料袋、公文表格；企業(yè)內(nèi)部各*標(biāo)識(shí)牌、常用標(biāo)識(shí)牌、樓層標(biāo)識(shí)牌、企業(yè)形象牌、旗幟、廣告牌、POP廣告、貨架標(biāo)牌、員工制服等。

包裝設(shè)計(jì)

書籍裝幀
產(chǎn)品包裝設(shè)計(jì)

平面設(shè)計(jì)后期印刷

海報(bào)、書籍、折頁(yè)、易拉寶、包裝等平面設(shè)計(jì)，印刷種類、紙張開度、印刷色彩、印前設(shè)計(jì)、制版印刷和印后加工。

淘寶網(wǎng)店設(shè)計(jì)

網(wǎng)店產(chǎn)品修圖
網(wǎng)店廣告（Banner）設(shè)計(jì)

商業(yè)案例綜合實(shí)訓(xùn)

了解企業(yè)用戶的設(shè)計(jì)需求；理解如產(chǎn)品特點(diǎn)、行業(yè)定位、企業(yè)特性的分析方法；掌握視覺實(shí)現(xiàn)的技術(shù)與流程規(guī)范。
完整的商業(yè)設(shè)計(jì)，如：書籍，名片，DM單、字體設(shè)計(jì)、版式布局、商業(yè)Banner設(shè)計(jì)、Logo設(shè)計(jì)、創(chuàng)建企業(yè)VIS識(shí)別系統(tǒng)等。

可從事職業(yè)：  

平面設(shè)計(jì)師/廣告設(shè)計(jì)師

第三階段                WUI+H5動(dòng)畫
10天

通過學(xué)習(xí)不同類型和風(fēng)格的網(wǎng)站頁(yè)面設(shè)計(jì)，讓學(xué)員掌握WEB端整體設(shè)計(jì)流程，項(xiàng)目制作標(biāo)準(zhǔn)規(guī)范并用設(shè)計(jì)軟件實(shí)現(xiàn)；同時(shí)深入學(xué)習(xí)WEB端的交互設(shè)計(jì)理念，學(xué)員能夠抓住用戶的需求；并通過HTML,CSS,
JS,JQ等代碼語(yǔ)言實(shí)現(xiàn)；完全達(dá)到企業(yè)要求標(biāo)準(zhǔn)。

軟件基礎(chǔ)

Dreamweaver

建立站點(diǎn)、添加頁(yè)面元素、使用CSS樣式及交互行為。

H5動(dòng)畫

移動(dòng)端的動(dòng)畫制做原理與技巧，典型WUI商業(yè)廣告中的GIF技術(shù)與實(shí)現(xiàn)。

主流網(wǎng)頁(yè)界面設(shè)計(jì)

網(wǎng)站建設(shè)流程及規(guī)范

Web界面設(shè)計(jì)的流程、布局原則、色彩與用戶心理的運(yùn)用、手機(jī)移動(dòng)網(wǎng)站的兼容性， Web標(biāo)準(zhǔn)設(shè)計(jì)規(guī)范及風(fēng)格；重點(diǎn)了解移動(dòng)端Web界面設(shè)計(jì)的設(shè)計(jì)技巧.

多風(fēng)格類型界面設(shè)計(jì)

講解色彩與構(gòu)圖的基本概念，掌握各種企業(yè)類網(wǎng)站的網(wǎng)頁(yè)特點(diǎn)認(rèn)知，前沿企業(yè)Web界面、*門戶Web界面、專題活動(dòng)界面的分析與設(shè)計(jì)。

網(wǎng)站宣傳品設(shè)計(jì)

網(wǎng)站常用宣傳品設(shè)計(jì)：Banner廣告、Banner美術(shù)字設(shè)計(jì)、Banner特效美術(shù)字設(shè)計(jì)

電商專題/產(chǎn)品界面設(shè)計(jì)

Web專題界面設(shè)計(jì)特點(diǎn)與基本原則，結(jié)合淘寶中寶貝詳情頁(yè)與活動(dòng)頁(yè)（雙十一活動(dòng)）的專題設(shè)計(jì)，講解Web專題界面設(shè)計(jì)特點(diǎn)，并了解SEO的基本原則與方法。
結(jié)合淘寶的推廣宣傳方式——直通車，講解在電商中涉及的用戶心理學(xué)、市場(chǎng)營(yíng)銷等基本運(yùn)用方法。

網(wǎng)頁(yè)Banner廣告設(shè)計(jì)

網(wǎng)絡(luò)廣告設(shè)計(jì)標(biāo)準(zhǔn)與實(shí)現(xiàn)：講解動(dòng)態(tài)banner的設(shè)計(jì)標(biāo)準(zhǔn)，
學(xué)習(xí)Flash中的動(dòng)畫制作原理與技巧，典型WUI商業(yè)廣告中的Flash技術(shù)與實(shí)現(xiàn)

網(wǎng)頁(yè)樣式與布局設(shè)計(jì)

對(duì)網(wǎng)頁(yè)結(jié)構(gòu)進(jìn)行認(rèn)知，了解切片與網(wǎng)頁(yè)結(jié)構(gòu)間的邏輯關(guān)系，學(xué)習(xí)符合W3C標(biāo)準(zhǔn)的HTML網(wǎng)頁(yè)框架制作技術(shù)，包括結(jié)構(gòu)標(biāo)簽、表格、表單等，學(xué)習(xí)網(wǎng)頁(yè)樣式表現(xiàn)方法，使用CSS對(duì)網(wǎng)頁(yè)進(jìn)行細(xì)節(jié)美化。
布局技巧與瀏覽器兼容：了解特殊布局的實(shí)現(xiàn)技巧，了解瀏覽器基本發(fā)展?fàn)顩r，對(duì)各瀏覽器的解析特點(diǎn)進(jìn)行認(rèn)知，響應(yīng)式設(shè)計(jì)的基本概念

Web整站設(shè)計(jì)

結(jié)合實(shí)訓(xùn)項(xiàng)目學(xué)習(xí)企業(yè)網(wǎng)站的原型設(shè)計(jì)、網(wǎng)頁(yè)項(xiàng)目提案解決方案、Web端切圖規(guī)范

項(xiàng)目實(shí)訓(xùn)

企業(yè)網(wǎng)站，電商網(wǎng)站代練與實(shí)訓(xùn)

可從事職業(yè)：

網(wǎng)頁(yè)設(shè)計(jì)師 淘寶美工 

第四階段                  移動(dòng)端交互設(shè)計(jì)
22天

掌握不同風(fēng)格，不同平臺(tái)的移動(dòng)端設(shè)計(jì)能力和項(xiàng)目制作規(guī)范，達(dá)到移動(dòng)平臺(tái)的商業(yè)設(shè)計(jì)要求，具備完成整個(gè)的項(xiàng)目的執(zhí)行能力。同時(shí)深入掌握移動(dòng)端交互設(shè)計(jì)；掌ios,Android等平臺(tái)的跨平臺(tái)的設(shè)計(jì)，掌握UI設(shè)計(jì)師在商業(yè)項(xiàng)目中必備的技能。

圖標(biāo)及界面設(shè)計(jì)

產(chǎn)品設(shè)計(jì)流程及規(guī)范

產(chǎn)品設(shè)計(jì)流程及規(guī)范
蘋果操作系統(tǒng)（0S）的使用
Sktech軟件項(xiàng)目實(shí)戰(zhàn)

移動(dòng)平臺(tái)圖標(biāo)設(shè)計(jì)

ICON設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解，掌握當(dāng)今世界最系統(tǒng)的UI界面圖標(biāo)設(shè)計(jì)技能，重點(diǎn)了解各種風(fēng)格的設(shè)計(jì)方法通過各種風(fēng)格設(shè)計(jì)方法訓(xùn)練，快速掌握不同圖標(biāo)設(shè)計(jì)特征和效果實(shí)現(xiàn)。講解色彩基本概念，并結(jié)合不同風(fēng)格類型的icon進(jìn)行案例分析及代練，重點(diǎn)學(xué)習(xí)寫實(shí)風(fēng)圖標(biāo)的設(shè)計(jì)。剪影圖標(biāo)、扁平化圖標(biāo)、2.5D圖標(biāo)、擬物化圖標(biāo)、3D圖標(biāo)
1、剪影圖標(biāo)實(shí)訓(xùn)；                                                                                              2、扁平圖標(biāo)實(shí)訓(xùn)；                                                                                                  3、擬真圖標(biāo)實(shí)訓(xùn)；                                                                                                5、卡通、復(fù)古、手工、印章，做舊等圖標(biāo)風(fēng)格實(shí)訓(xùn)。   

可穿戴設(shè)備設(shè)計(jì)

隨著蘋果Watch的發(fā)布，可穿戴設(shè)備越來越被用戶所接納，而運(yùn)行在這些設(shè)備上的APP設(shè)計(jì)需求也越來越多，課程將詳細(xì)講授各種主流設(shè)備的設(shè)計(jì)規(guī)則與特點(diǎn)。

交互設(shè)計(jì)Axure、Viso、墨刀、Flinto

UI交互原型設(shè)計(jì)

運(yùn)用交互軟件讓學(xué)員更多以及更便捷的理解交互原理。

交互原型圖

學(xué)習(xí)Axure高保真網(wǎng)站原型制作，掌握Axure RP軟件，通過項(xiàng)目學(xué)習(xí)和掌握交互設(shè)計(jì)的原理，不同平臺(tái)交互特點(diǎn)，了解用戶心理。

拓?fù)鋱D（信息架構(gòu)圖）

掌握競(jìng)品分析的步驟與方法，并靈活運(yùn)用X-mind制作信息框架圖

動(dòng)效設(shè)計(jì)

After Effects應(yīng)用

通過AE實(shí)現(xiàn)UI交互過程中的動(dòng)態(tài)效果的設(shè)計(jì)，使AE動(dòng)效能夠更好的對(duì)于UI設(shè)計(jì)進(jìn)行表達(dá)。

動(dòng)效提案設(shè)計(jì)

重點(diǎn)學(xué)習(xí)AfterEffects在實(shí)現(xiàn)動(dòng)效設(shè)計(jì)中的技法，在動(dòng)效中表達(dá)交互想法，為后續(xù)交互設(shè)計(jì)提案呈現(xiàn)提供保障

項(xiàng)目實(shí)訓(xùn)

項(xiàng)目實(shí)訓(xùn)

圖標(biāo)設(shè)計(jì) MIUI及華為主題設(shè)計(jì)大賽圖標(biāo)設(shè)計(jì)實(shí)訓(xùn)。社交類APP界面設(shè)計(jì)，工具類APP界面設(shè)計(jì)（含交互原型圖），企業(yè)型產(chǎn)品項(xiàng)目設(shè)計(jì)

可從事職業(yè)：                 

UI設(shè)計(jì)師/交互設(shè)計(jì)師/穿戴設(shè)備UI設(shè)計(jì)師

第五階段                  Web前端
20天

1掌握基于WEB標(biāo)準(zhǔn)的網(wǎng)站結(jié)構(gòu)搭建、WEB界面外觀美化和主流瀏0覽器兼容性
2熟練掌握網(wǎng)頁(yè)制作的核心技術(shù)html5+css3+javascript,并可以開發(fā)pc端以及手機(jī)端網(wǎng)頁(yè)。
3熟練掌握網(wǎng)頁(yè)制作的常用開發(fā)工具、配置管理工具。
4了解網(wǎng)頁(yè)優(yōu)化、SEO、SEM。

3D界面設(shè)計(jì)

C4D

增強(qiáng)三維空間感，透視、視覺沖擊和逼真的渲染效果，使其更加體現(xiàn)界面的質(zhì)感

Web前端開發(fā)  

網(wǎng)頁(yè)開發(fā)基礎(chǔ)HTML+CSS

學(xué)習(xí)HTML語(yǔ)法與常用標(biāo)簽的詳解，包括布局標(biāo)簽，表格標(biāo)簽，表單標(biāo)簽等。以及CSS語(yǔ)法與常用屬性的詳解，使用CSS對(duì)網(wǎng)站中各個(gè)模塊進(jìn)行修飾美化。

JavaScript編程語(yǔ)言

掌握J(rèn)S腳本的基本語(yǔ)法規(guī)則，了解DOM模型對(duì)象的調(diào)用方法，通過實(shí)戰(zhàn)掌握J(rèn)S各種特效的基本使用方法。熟練掌握jquery的使用方法，以及jquery插件的使用方法。

項(xiàng)目實(shí)訓(xùn)

網(wǎng)頁(yè)開發(fā)高級(jí)

1、html5的新規(guī)范，包含語(yǔ)義化標(biāo)簽、表單擴(kuò)展、離線存儲(chǔ)、canvas編程。
2、css3的新規(guī)范，包含動(dòng)畫、2d與3d轉(zhuǎn)換，媒體查詢，響應(yīng)式布局的基本原理。

項(xiàng)目實(shí)訓(xùn)

中小型企業(yè)網(wǎng)站項(xiàng)目、電子商務(wù)網(wǎng)站項(xiàng)目、PC客戶端軟件界面設(shè)計(jì)

可從事職業(yè)

WEB前端設(shè)計(jì)師 H5設(shè)計(jì)師

第六階段
就業(yè)環(huán)節(jié)

就業(yè)準(zhǔn)備3-5天

互聯(lián)網(wǎng)行業(yè)標(biāo)準(zhǔn)和面試技巧

面試技巧、簡(jiǎn)歷制作、模擬面試、面試題輔導(dǎo)、行業(yè)講座