上海高級UI交互設(shè)計(jì)就業(yè)班

【入學(xué)條件】

1、零基礎(chǔ)開始，想要成為一名成功的UI設(shè)計(jì)師；

2、已經(jīng)在企業(yè)中擔(dān)任平面或網(wǎng)頁設(shè)計(jì)制作人員，想轉(zhuǎn)型為UI設(shè)計(jì)師；

3、有志于進(jìn)入U(xiǎn)I設(shè)計(jì)領(lǐng)域發(fā)展的學(xué)員，對色彩能力有敏銳的能力者優(yōu)先錄取。

【課程介紹】

UI設(shè)計(jì)就業(yè)前景—炙手可熱，UI即用戶界面設(shè)計(jì)和交互設(shè)計(jì)，屬于高新技術(shù)設(shè)計(jì)產(chǎn)業(yè)，UI設(shè)計(jì)還是一個需要不斷成長的設(shè)計(jì)領(lǐng)域,與國外在同步發(fā)展水平。但專業(yè)人才稀缺，人才資源爭奪激烈。但目前全國UI設(shè)計(jì)專業(yè)的系統(tǒng)教學(xué)極其稀少。

【課程內(nèi)容】

第 一階段（美學(xué)基礎(chǔ)與軟件技能）

一、預(yù)科部分

1、商務(wù)辦公

windows、word、excel、ppt辦公應(yīng)用；辦公軟件在專業(yè)中的應(yīng)用

2、美術(shù)設(shè)計(jì)基礎(chǔ)

設(shè)計(jì)素描、水粉、速寫的原理及實(shí)踐，投影、視圖、透視，燈光表現(xiàn),寫生

3、美術(shù)設(shè)計(jì)提高

設(shè)計(jì)素描、水粉提高課程、光和影的寫實(shí)手法、審美觀念的提高、色彩搭配的提高，配色原理的提高。

4、手繪圖標(biāo)

二維剪影圖標(biāo)、三維寫實(shí)圖標(biāo)案例實(shí)訓(xùn)，了解創(chuàng)意在設(shè)計(jì)中的具體運(yùn)用；理解創(chuàng)意思維的形態(tài)置換原理；掌握將創(chuàng)意思維轉(zhuǎn)化為圖形樣式的能力

5、階段考核

完成描素、色彩圖各一張

二、UI軟件部分

1、Photoshop

Adobe公司大師級圖像軟件入門講解。掌握該軟件在平面廣告、網(wǎng)頁設(shè)計(jì)、UI設(shè)計(jì)以及室內(nèi)設(shè)計(jì)等專業(yè)中的相關(guān)基礎(chǔ)操作。

2、Illustrator

Adobe公司專業(yè)級矢量軟件入門講解。掌握該軟件在創(chuàng)意廣告設(shè)計(jì)、印刷出版與web網(wǎng)絡(luò)創(chuàng)作、多媒體和UI圖標(biāo)界面設(shè)計(jì)的相關(guān)基礎(chǔ)操作。

3、PS

進(jìn)階課程。以案例形式講解廣告專業(yè)調(diào)色、人像精修、海報(bào)合成、網(wǎng)頁界面布局、UI擬物化設(shè)計(jì)等。使學(xué)員更熟練掌握軟件的操作技巧

4、AI

進(jìn)階課程。以案例形式講解基礎(chǔ)的廣告字設(shè)計(jì)、DM宣傳單和易拉寶展架設(shè)計(jì)、圖案和包裝設(shè)計(jì)、UI圖標(biāo)和界面設(shè)計(jì)等。使學(xué)員更熟練掌握軟件的操作技巧

5、階段考核

本階段考核嵌入到軟件結(jié)課當(dāng)日，考試模擬題目訓(xùn)練和部分案例實(shí)操考核

第二階段(VI視覺專項(xiàng)設(shè)計(jì)）

一、設(shè)計(jì)美學(xué)三大構(gòu)成

1、平面構(gòu)成與設(shè)計(jì)

點(diǎn)的構(gòu)成形式、線的構(gòu)成形式、面的構(gòu)成形式，訓(xùn)練各種熟練的構(gòu)成技巧和表現(xiàn)方法，培養(yǎng)審美觀及美的修養(yǎng)和感覺，提高創(chuàng)作活動和造型能力-活躍構(gòu)思。

2、色彩構(gòu)成與設(shè)計(jì)

學(xué)習(xí)色彩與視覺的原理、三要素及色彩對比、色彩推移、綜合對比及色調(diào)變化、表現(xiàn)手法、色彩視覺心理與性格的對比；提高綜合審美能力。

3、立體構(gòu)成與設(shè)計(jì)

立體構(gòu)成的概念特征及作用、材料要素及加工工具、 視覺效果和心理感受、立體構(gòu)成的設(shè)計(jì)應(yīng)用、立體構(gòu)成與建筑設(shè)計(jì)、立體構(gòu)成與工業(yè)產(chǎn)品設(shè)計(jì)等方面應(yīng)用

二、創(chuàng)意設(shè)計(jì)實(shí)戰(zhàn)

1、字體設(shè)計(jì)

由淺入深講解字創(chuàng)意設(shè)計(jì)。分析當(dāng)前廣告業(yè)界主流廣告中的字體設(shè)計(jì)規(guī)則，使學(xué)員了解字體裝飾藝術(shù)的特點(diǎn)，掌握字體設(shè)計(jì)方法，能從字的義、形和結(jié)構(gòu)特征出發(fā)，對字的筆畫和結(jié)構(gòu)作合理的聯(lián)想和變形，創(chuàng)意出美觀形象的字體。全程實(shí)例講解知名廣告案例中字體設(shè)計(jì)。

2、DM設(shè)計(jì)

通過剖析多行業(yè)DM設(shè)計(jì)案例，分析如何快速設(shè)計(jì)符合商業(yè)需求的單頁和三折頁。使學(xué)員掌握DM設(shè)計(jì)要領(lǐng)包括版式結(jié)構(gòu)布局、配色、主標(biāo)題字設(shè)計(jì)和擺放位置、輔助文字以及圖片的搭配等技巧，并設(shè)計(jì)出符合廣告公司規(guī)范的DM。全程知名商業(yè)公司實(shí)例講解與實(shí)戰(zhàn)

3、LOGO圖形創(chuàng)意設(shè)計(jì)

深入介紹標(biāo)志設(shè)計(jì)六要素，培養(yǎng)學(xué)員對標(biāo)志實(shí)現(xiàn)的可行性上的分析能力。在藝術(shù)構(gòu)思上指引學(xué)員獨(dú)特新穎且表意準(zhǔn)確以達(dá)到形式美的視覺效果。實(shí)例講解知名互聯(lián)網(wǎng)企業(yè)LOGO的特點(diǎn)及設(shè)計(jì)手法，使學(xué)員掌握標(biāo)志設(shè)計(jì)理念的藝術(shù)規(guī)律、藝術(shù)表現(xiàn)形式和手法、整體美感并終符合商業(yè)定稿。簡述標(biāo)志設(shè)計(jì)的顏色應(yīng)用以及了解標(biāo)志設(shè)計(jì)在VI設(shè)計(jì)規(guī)范中的重要性

4、展示展架設(shè)計(jì)

了解展示行業(yè)的設(shè)計(jì)特點(diǎn)，熟悉易拉寶與X展架與噴繪的關(guān)系。全程知名商業(yè)公司易拉寶實(shí)例講解，使學(xué)員快速掌握布局、版式和顏色搭配及輸出

5、版式設(shè)計(jì)進(jìn)階廣告常見印刷工藝

多達(dá)8種以上的版式設(shè)計(jì)布局配色技巧，使學(xué)員掌握在各行業(yè)不同領(lǐng)域的版式設(shè)計(jì)操作。全程實(shí)例講解廣告公司日常設(shè)計(jì)，使學(xué)員掌握如名片或其他卡片、邀請函、簡單包裝等多種設(shè)計(jì)方法和技巧

分析當(dāng)前常見的印刷廠印刷工藝，使學(xué)員了解印刷流程并能在設(shè)計(jì)中運(yùn)用印刷工藝，比如花式壓印、燙金銀、UV及專色分色等專業(yè)級效果

6、階段考核

階段學(xué)習(xí)后對學(xué)員綜合能力的檢驗(yàn)，要求學(xué)員根據(jù)隨機(jī)文案命題，按要求設(shè)計(jì)出指定內(nèi)容，并針對設(shè)計(jì)成果進(jìn)行評定和講解

第三階段(WUI與交互設(shè)計(jì)）

一、WUI設(shè)計(jì)軟件

1、Dreamweaver

講解DW的人性化功能以及在頁面架構(gòu)和前端開發(fā)應(yīng)用領(lǐng)域的使用技巧，html基礎(chǔ)應(yīng)用，快速入門，css樣式表的應(yīng)用，網(wǎng)站的管理和維護(hù)

2、Fireworks

講解FW在網(wǎng)頁切片、圖層、幀、gif動畫、畫布設(shè)置中的應(yīng)用以及配合其他軟件進(jìn)行使用

二、WUI界面設(shè)計(jì)

1、網(wǎng)頁Banner排版與設(shè)計(jì)

Banner版面設(shè)計(jì)的規(guī)則與規(guī)范，版面的排版。色相和色調(diào)的調(diào)整。讓banner制作更速成化

Banner廣告強(qiáng)化設(shè)計(jì)，主要講解banner制作標(biāo)準(zhǔn)及要求、純文字banner實(shí)例、金融業(yè)banner實(shí)例、快銷品banner實(shí)例、文字橫排/豎排/斜排的風(fēng)格差異、服裝類banner實(shí)例、化妝品banner實(shí)例、數(shù)碼類banner實(shí)例、配飾類banner實(shí)例

2、網(wǎng)頁元素及規(guī)范

頁面設(shè)計(jì)基本流程與設(shè)計(jì)規(guī)范的概念性講解，重點(diǎn)了解Web界面設(shè)計(jì)規(guī)范及頁面元素；網(wǎng)頁配色技巧、色彩與構(gòu)圖的概念及技巧；網(wǎng)頁導(dǎo)航與按鈕設(shè)計(jì)

三、WUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)

1、網(wǎng)站設(shè)計(jì)流程與策劃

網(wǎng)站設(shè)計(jì)流程，網(wǎng)站設(shè)計(jì)理念創(chuàng)新，業(yè)務(wù)合同簽定等；如何從零開始策劃一個網(wǎng)站，包括主題定位、欄目規(guī)劃等，如何去策劃盈利模式。如何去做行業(yè)分析 及競爭對手分析，及如何制作網(wǎng)站策劃書等。

2、電商平臺類網(wǎng)站項(xiàng)目實(shí)訓(xùn)

商業(yè)案例實(shí)訓(xùn)如京東、小米等平臺，重點(diǎn)學(xué)習(xí)網(wǎng)站整體架構(gòu)設(shè)計(jì)、欄目規(guī)劃、頁面制作及系列產(chǎn)品總體界面風(fēng)格設(shè)計(jì)，布局技巧及細(xì)節(jié)設(shè)計(jì)技巧，各類網(wǎng)頁交互設(shè)計(jì)應(yīng)用、響應(yīng)式設(shè)計(jì)應(yīng)用的展示

3、企業(yè)類網(wǎng)站項(xiàng)目實(shí)訓(xùn)

如蘋果、騰訊企業(yè)類平臺，重點(diǎn)學(xué)習(xí)頁面主題設(shè)計(jì)如TOP部分設(shè)計(jì)，BANNER設(shè)計(jì)，產(chǎn)品頁設(shè)計(jì),新聞頁設(shè)計(jì),首頁設(shè)計(jì)，類各設(shè)計(jì)技巧如網(wǎng)頁的尺寸、頁面的留白、圖層與圖像的關(guān)系、網(wǎng)頁導(dǎo)航設(shè)計(jì)、字體的排版設(shè)計(jì)、廣告條（banner)制作、正文內(nèi)容的詳細(xì)設(shè)計(jì)

4、分類網(wǎng)站項(xiàng)目實(shí)訓(xùn)及階段考核

教師指導(dǎo)你完成階段設(shè)計(jì)作品，以備應(yīng)聘時；使用從立案到素材、材料收集整理，再到風(fēng)格定位、欄目規(guī)劃，獨(dú)立完成分類及個人網(wǎng)站設(shè)計(jì)，其中需容入不同的分類信息、作品等；按要求完成活動專題頁設(shè)計(jì)、做好切圖并完成代碼工作

四、WUI代碼設(shè)計(jì)

1、HTML標(biāo)簽

HTMl5、H5標(biāo)簽、智能表單、結(jié)構(gòu)化標(biāo)簽

隨堂項(xiàng)目：

1）文章頁面的結(jié)構(gòu)化布局。包括文章標(biāo)題、正文、圖片、頁面背景、作者、發(fā)表時間等信息

2）利用table標(biāo)簽課程表的實(shí)現(xiàn)

3）利用form、input表單標(biāo)簽實(shí)現(xiàn)簡單登錄注冊頁面

2、CSS基礎(chǔ)語法常見樣式

CSS3簡介、.css3引入、常見樣式、文字與文本、顏色 隨堂項(xiàng)目：一般導(dǎo)航欄的制作

3、CSS選擇器

css選擇器、名字選擇器、外號選擇器、洋蔥式選擇器的用法、偽類選擇器、結(jié)構(gòu)化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器

4、CSS盒子模型

盒子模型、如何用好盒模型

隨堂項(xiàng)目：導(dǎo)航欄的制作，利用盒子模型拉開間距、hover效果添加后的內(nèi)邊距設(shè)定

5、浮動與定位

float、clear、塌陷的父容器、position：一動不動的(static)，跟著別人跑的(absolute)，以自己為中心的(relative)，固定的(fixed)

隨堂項(xiàng)目：導(dǎo)航欄左右布局的定位、二級菜單的實(shí)現(xiàn)、回到頂部的按鈕

6、響應(yīng)式布局與頁面優(yōu)化處理

移動頁面與PC端頁面布局時候需要注意點(diǎn)、響應(yīng)式布局的實(shí)現(xiàn)原理、各種瀏覽器對于CSS樣式的支持情況、頁面優(yōu)化需要注意的地方、解決跨瀏覽器兼容性問題

隨堂項(xiàng)目：移動端的用戶注冊頁面、PC端的用戶注冊頁面。

7、實(shí)戰(zhàn)項(xiàng)目及階段考核

熟悉網(wǎng)頁前端開發(fā)的完整流程、PS設(shè)計(jì)稿的切圖操作、導(dǎo)航欄的設(shè)計(jì)與實(shí)現(xiàn)、二級菜單的設(shè)計(jì)與實(shí)現(xiàn)、網(wǎng)頁布局中的排列技巧、商品列表的設(shè)計(jì)與實(shí)現(xiàn)、hover效果搭配陰影效果在網(wǎng)頁設(shè)計(jì)中的使用技巧、列表在網(wǎng)頁設(shè)計(jì)中的使用技巧、盒子模型的使用技巧

培訓(xùn)目標(biāo)：

1）根據(jù)PS設(shè)計(jì)稿完成官方網(wǎng)頁首頁的代碼編寫

2）知曉整個團(tuán)隊(duì)開發(fā)協(xié)作流程能夠獨(dú)立的擔(dān)任前端開發(fā)工作

第四階段(MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)）

一、MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)

1、UI設(shè)計(jì)理念和UI設(shè)計(jì)規(guī)范

UI和MUI的設(shè)計(jì)理念講解。

以往學(xué)員成功就業(yè)的案例和作品欣賞。

UI設(shè)計(jì)師的工作流程以及UI公司團(tuán)隊(duì)中UI設(shè)計(jì)師須知。

UI設(shè)計(jì)的重要設(shè)計(jì)規(guī)范，當(dāng)下主流平臺安卓和IOS的設(shè)計(jì)規(guī)范。

2、主流手機(jī)圖標(biāo)設(shè)計(jì)

實(shí)戰(zhàn)講解兩大主流平臺Android和ios下的標(biāo)準(zhǔn)e圖標(biāo)設(shè)計(jì)方法。

Android圖標(biāo)設(shè)計(jì)特點(diǎn)分析和實(shí)戰(zhàn)：魅族Pro、小米、OPPO等主流手機(jī)圖標(biāo)。Ios新版本中的圖標(biāo)變化和設(shè)計(jì)思路。

實(shí)戰(zhàn)擬物化圖標(biāo)，詳解精致細(xì)節(jié)的畫法和技巧。實(shí)戰(zhàn)扁平化圖標(biāo)，了解當(dāng)下主流造型風(fēng)格和配色，通過案例使學(xué)員設(shè)計(jì)制作出高水準(zhǔn)圖標(biāo)并達(dá)到商業(yè)級要求。

3、個性化手機(jī)主題UI設(shè)計(jì)

采用大量已經(jīng)具備商業(yè)化的學(xué)員作品圖樣進(jìn)行模塊化講解，通過分析當(dāng)下流行的Android手機(jī)主題：Flyme、小米、錘子等具有特色的界面功能和設(shè)計(jì)特點(diǎn)，采取臨摹加創(chuàng)新的實(shí)戰(zhàn)方式，引導(dǎo)學(xué)員設(shè)計(jì)制作出個性化特點(diǎn)的手機(jī)主題。

4、Axure原型設(shè)計(jì)與交互實(shí)戰(zhàn)

講解Axure RP原型設(shè)計(jì)軟件的主要操作工作和方法。要求學(xué)員掌握制作APP方案原型圖的方法和技巧。講解交互設(shè)計(jì)師所需要具備的設(shè)計(jì)能力和分析能力，講解用戶體驗(yàn)UED的主要職責(zé)。實(shí)例講解QQ音樂原型圖制作。

5、QQ音樂APPRdesign設(shè)計(jì)

實(shí)戰(zhàn)ios平臺下的QQ音樂手機(jī)APP設(shè)計(jì)方案。

分析QQ音樂界面特點(diǎn)、講解ios平臺下的APP設(shè)計(jì)規(guī)范。

分析ios平臺下的主流設(shè)計(jì)字體，講解字體應(yīng)用規(guī)范。講解APP配色規(guī)范。

6、商業(yè)租房APP全套設(shè)計(jì)

實(shí)戰(zhàn)ios平臺下的商業(yè)租房APP手機(jī)設(shè)計(jì)方案。

分析租房APP界面特點(diǎn)和顏色搭配，引導(dǎo)學(xué)員樹立標(biāo)準(zhǔn)化規(guī)范設(shè)計(jì)思路。

講解如何在Win平臺下的軟件中進(jìn)行合理命名和切片輸出。

7、智能家居APP全套設(shè)計(jì)

通過分組實(shí)戰(zhàn)ios和Andriod雙平臺下的手機(jī)智能家居APP設(shè)計(jì)方案。

分析當(dāng)前智能家居市場產(chǎn)品走向和智能界面針對性，引導(dǎo)學(xué)員以用戶角度思考并設(shè)計(jì)出完整成套的APP方案：包含前期原型圖紙、高保真效果圖、設(shè)計(jì)規(guī)范說明以及簡單的交互。終完成標(biāo)注并輸出。

8、高端餐廳APP平板點(diǎn)餐系統(tǒng)全套設(shè)計(jì)

實(shí)戰(zhàn)iPad上的高端餐廳APP點(diǎn)餐系統(tǒng)設(shè)計(jì)方案。

深入分析目前點(diǎn)餐環(huán)境和人群使用習(xí)慣，講解平板電腦設(shè)計(jì)規(guī)范，并要求學(xué)員制定規(guī)范。

完成成套的APP方案：包含前期原型圖紙、高保真效果圖、設(shè)計(jì)規(guī)范、標(biāo)注和輸出文檔。

9、Mac Sketch操作技巧

講解Mac平臺下的知名設(shè)計(jì)軟件Sketch的主要操作技巧。

講解Mac平臺中需要了解的簡單知識和操作。

10、AE動效設(shè)計(jì)

分析當(dāng)前常見的UI動效設(shè)計(jì)效果，解析其設(shè)計(jì)原理和目的以及如何在合理的場合下使用

11、階段考核

實(shí)訓(xùn)階段對學(xué)員綜合實(shí)戰(zhàn)能力的檢驗(yàn)，要求學(xué)員根據(jù)隨機(jī)方案命題，按要求設(shè)計(jì)出指定內(nèi)容，并針對設(shè)計(jì)成果進(jìn)行評定和講解

第五階段(畢業(yè)設(shè)計(jì)）

一、崗前強(qiáng)化與畢業(yè)設(shè)計(jì)

畢業(yè)設(shè)計(jì)答辯項(xiàng)目獨(dú)立設(shè)計(jì)

要求學(xué)員在完成實(shí)訓(xùn)階段課程后，從立案到素材、材料收集整理，再到風(fēng)格定位、PPT制作，獨(dú)立或成組完成UI畢業(yè)設(shè)計(jì)答辯，其中需包含個人現(xiàn)場講解以及作品重點(diǎn)演示，對自己在整個學(xué)習(xí)階段做一個完美的總結(jié)。全程項(xiàng)目老師指導(dǎo)。

二、溝通技能和就業(yè)指導(dǎo)

1、管理與溝通

心態(tài)與服務(wù)、職場商務(wù)禮儀、溝通與口才強(qiáng)化、職業(yè)素養(yǎng)提升、團(tuán)隊(duì)合作

2、就業(yè)指導(dǎo)

畢業(yè)作品整理、行業(yè)規(guī)范與合同、職場與行業(yè)分析、企業(yè)觀模與規(guī)劃、職場崗位實(shí)戰(zhàn)模擬、創(chuàng)業(yè)指導(dǎo)、實(shí)習(xí)與預(yù)工作

【課程特色】

1、報(bào)名就業(yè)班全套課程，贈送價(jià)值150元的美術(shù)用品

2、報(bào)名就業(yè)班全套課程，贈送視頻包、軟件包、素材包、材料包

3、報(bào)名就業(yè)班全套課程，在學(xué)習(xí)過程中，學(xué)員有機(jī)會參加學(xué)院派接的訂單進(jìn)行實(shí)戰(zhàn)

4、零基礎(chǔ)，達(dá)到UI設(shè)計(jì)的程度，相當(dāng)于具有半年左右的工作經(jīng)驗(yàn)

5、**學(xué)會：出勤率達(dá)90%以上，可享受1.5年內(nèi)免費(fèi)重新學(xué)習(xí)

【使用教材】

院方自編教材、電腦教材、案例相結(jié)合

【可考證書】

教育部CIS《UI設(shè)計(jì)師》、《創(chuàng)意設(shè)計(jì)師》、《網(wǎng)絡(luò)設(shè)計(jì)師》、學(xué)院《結(jié)業(yè)證書》

【師資介紹】

武老師

UI交互設(shè)計(jì)講師

12年UI設(shè)計(jì)、教學(xué)經(jīng)歷；Adobe ACCI認(rèn)證講師、Adobe交互界面設(shè)計(jì)師、攝影師、代表作品有：aigopad觸摸界面設(shè)計(jì)、功德林點(diǎn)餐系統(tǒng)、酷我音樂APP設(shè)計(jì)、Photon播放器界面設(shè)計(jì)等

【學(xué)校簡介】

上海非凡進(jìn)修學(xué)院堅(jiān)持以“服務(wù)為宗旨、以市場為導(dǎo)向，以用人單位滿意”為核心的教育理念，專業(yè)聘請行業(yè)內(nèi)知名的專家或?qū)I(yè)的教授為師資，他們教學(xué)經(jīng)驗(yàn)豐富，實(shí)戰(zhàn)能力強(qiáng)。培養(yǎng)出的學(xué)生深受用人單位的重用和贊賞及社會廣泛認(rèn)可。上海非凡進(jìn)修學(xué)院正以迅猛的速度、穩(wěn)健的步伐為社會培養(yǎng)各類復(fù)合型實(shí)用型高技能人才，為不斷提高國民素質(zhì)，辦好終身教育與繼續(xù)再教育作出不懈努力。

【學(xué)校環(huán)境】