上海高級UI交互設計就業班

【入學條件】

1、零基礎開始，想要成為一名成功的UI設計師；

2、已經在企業中擔任平面或網頁設計制作人員，想轉型為UI設計師；

3、有志于進入UI設計領域發展的學員，對色彩能力有敏銳的能力者優先錄取。

【課程介紹】

UI設計就業前景—炙手可熱，UI即用戶界面設計和交互設計，屬于高新技術設計產業，UI設計還是一個需要不斷成長的設計領域,與國外在同步發展水平。但專業人才稀缺，人才資源爭奪激烈。但目前全國UI設計專業的系統教學極其稀少。

【課程內容】

第 一階段（美學基礎與軟件技能）

一、預科部分

1、商務辦公

windows、word、excel、ppt辦公應用；辦公軟件在專業中的應用

2、美術設計基礎

設計素描、水粉、速寫的原理及實踐，投影、視圖、透視，燈光表現,寫生

3、美術設計提高

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

4、手繪圖標

二維剪影圖標、三維寫實圖標案例實訓，了解創意在設計中的具體運用；理解創意思維的形態置換原理；掌握將創意思維轉化為圖形樣式的能力

5、階段考核

完成描素、色彩圖各一張

二、UI軟件部分

1、Photoshop

Adobe公司大師級圖像軟件入門講解。掌握該軟件在平面廣告、網頁設計、UI設計以及室內設計等專業中的相關基礎操作。

2、Illustrator

Adobe公司專業級矢量軟件入門講解。掌握該軟件在創意廣告設計、印刷出版與web網絡創作、多媒體和UI圖標界面設計的相關基礎操作。

3、PS

進階課程。以案例形式講解廣告專業調色、人像精修、海報合成、網頁界面布局、UI擬物化設計等。使學員更熟練掌握軟件的操作技巧

4、AI

進階課程。以案例形式講解基礎的廣告字設計、DM宣傳單和易拉寶展架設計、圖案和包裝設計、UI圖標和界面設計等。使學員更熟練掌握軟件的操作技巧

5、階段考核

本階段考核嵌入到軟件結課當日，考試模擬題目訓練和部分案例實操考核

第二階段(VI視覺專項設計）

一、設計美學三大構成

1、平面構成與設計

點的構成形式、線的構成形式、面的構成形式，訓練各種熟練的構成技巧和表現方法，培養審美觀及美的修養和感覺，提高創作活動和造型能力-活躍構思。

2、色彩構成與設計

學習色彩與視覺的原理、三要素及色彩對比、色彩推移、綜合對比及色調變化、表現手法、色彩視覺心理與性格的對比；提高綜合審美能力。

3、立體構成與設計

立體構成的概念特征及作用、材料要素及加工工具、 視覺效果和心理感受、立體構成的設計應用、立體構成與建筑設計、立體構成與工業產品設計等方面應用

二、創意設計實戰

1、字體設計

由淺入深講解字創意設計。分析當前廣告業界主流廣告中的字體設計規則，使學員了解字體裝飾藝術的特點，掌握字體設計方法，能從字的義、形和結構特征出發，對字的筆畫和結構作合理的聯想和變形，創意出美觀形象的字體。全程實例講解知名廣告案例中字體設計。

2、DM設計

通過剖析多行業DM設計案例，分析如何快速設計符合商業需求的單頁和三折頁。使學員掌握DM設計要領包括版式結構布局、配色、主標題字設計和擺放位置、輔助文字以及圖片的搭配等技巧，并設計出符合廣告公司規范的DM。全程知名商業公司實例講解與實戰

3、LOGO圖形創意設計

深入介紹標志設計六要素，培養學員對標志實現的可行性上的分析能力。在藝術構思上指引學員獨特新穎且表意準確以達到形式美的視覺效果。實例講解知名互聯網企業LOGO的特點及設計手法，使學員掌握標志設計理念的藝術規律、藝術表現形式和手法、整體美感并終符合商業定稿。簡述標志設計的顏色應用以及了解標志設計在VI設計規范中的重要性

4、展示展架設計

了解展示行業的設計特點，熟悉易拉寶與X展架與噴繪的關系。全程知名商業公司易拉寶實例講解，使學員快速掌握布局、版式和顏色搭配及輸出

5、版式設計進階廣告常見印刷工藝

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

分析當前常見的印刷廠印刷工藝，使學員了解印刷流程并能在設計中運用印刷工藝，比如花式壓印、燙金銀、UV及專色分色等專業級效果

6、階段考核

階段學習后對學員綜合能力的檢驗，要求學員根據隨機文案命題，按要求設計出指定內容，并針對設計成果進行評定和講解

第三階段(WUI與交互設計）

一、WUI設計軟件

1、Dreamweaver

講解DW的人性化功能以及在頁面架構和前端開發應用領域的使用技巧，html基礎應用，快速入門，css樣式表的應用，網站的管理和維護

2、Fireworks

講解FW在網頁切片、圖層、幀、gif動畫、畫布設置中的應用以及配合其他軟件進行使用

二、WUI界面設計

1、網頁Banner排版與設計

Banner版面設計的規則與規范，版面的排版。色相和色調的調整。讓banner制作更速成化

Banner廣告強化設計，主要講解banner制作標準及要求、純文字banner實例、金融業banner實例、快銷品banner實例、文字橫排/豎排/斜排的風格差異、服裝類banner實例、化妝品banner實例、數碼類banner實例、配飾類banner實例

2、網頁元素及規范

頁面設計基本流程與設計規范的概念性講解，重點了解Web界面設計規范及頁面元素；網頁配色技巧、色彩與構圖的概念及技巧；網頁導航與按鈕設計

三、WUI設計項目實訓

1、網站設計流程與策劃

網站設計流程，網站設計理念創新，業務合同簽定等；如何從零開始策劃一個網站，包括主題定位、欄目規劃等，如何去策劃盈利模式。如何去做行業分析 及競爭對手分析，及如何制作網站策劃書等。

2、電商平臺類網站項目實訓

商業案例實訓如京東、小米等平臺，重點學習網站整體架構設計、欄目規劃、頁面制作及系列產品總體界面風格設計，布局技巧及細節設計技巧，各類網頁交互設計應用、響應式設計應用的展示

3、企業類網站項目實訓

如蘋果、騰訊企業類平臺，重點學習頁面主題設計如TOP部分設計，BANNER設計，產品頁設計,新聞頁設計,首頁設計，類各設計技巧如網頁的尺寸、頁面的留白、圖層與圖像的關系、網頁導航設計、字體的排版設計、廣告條（banner)制作、正文內容的詳細設計

4、分類網站項目實訓及階段考核

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

四、WUI代碼設計

1、HTML標簽

HTMl5、H5標簽、智能表單、結構化標簽

隨堂項目：

1）文章頁面的結構化布局。包括文章標題、正文、圖片、頁面背景、作者、發表時間等信息

2）利用table標簽課程表的實現

3）利用form、input表單標簽實現簡單登錄注冊頁面

2、CSS基礎語法常見樣式

CSS3簡介、.css3引入、常見樣式、文字與文本、顏色 隨堂項目：一般導航欄的制作

3、CSS選擇器

css選擇器、名字選擇器、外號選擇器、洋蔥式選擇器的用法、偽類選擇器、結構化偽類選擇器、屬性選擇器、兄弟選擇器、子元素選擇器

4、CSS盒子模型

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

隨堂項目：導航欄的制作，利用盒子模型拉開間距、hover效果添加后的內邊距設定

5、浮動與定位

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

隨堂項目：導航欄左右布局的定位、二級菜單的實現、回到頂部的按鈕

6、響應式布局與頁面優化處理

移動頁面與PC端頁面布局時候需要注意點、響應式布局的實現原理、各種瀏覽器對于CSS樣式的支持情況、頁面優化需要注意的地方、解決跨瀏覽器兼容性問題 

隨堂項目：移動端的用戶注冊頁面、PC端的用戶注冊頁面。

7、實戰項目及階段考核

熟悉網頁前端開發的完整流程、PS設計稿的切圖操作、導航欄的設計與實現、二級菜單的設計與實現、網頁布局中的排列技巧、商品列表的設計與實現、hover效果搭配陰影效果在網頁設計中的使用技巧、列表在網頁設計中的使用技巧、盒子模型的使用技巧

培訓目標：

1）根據PS設計稿完成官方網頁首頁的代碼編寫

2）知曉整個團隊開發協作流程能夠獨立的擔任前端開發工作

第四階段(MUI設計項目實訓）

一、MUI設計項目實訓

1、UI設計理念和UI設計規范

UI和MUI的設計理念講解。

以往學員成功就業的案例和作品欣賞。

UI設計師的工作流程以及UI公司團隊中UI設計師須知。

UI設計的重要設計規范，當下主流平臺安卓和IOS的設計規范。

2、主流手機圖標設計

實戰講解兩大主流平臺Android和ios下的標準e圖標設計方法。

Android圖標設計特點分析和實戰：魅族Pro、小米、OPPO等主流手機圖標。Ios新版本中的圖標變化和設計思路。

實戰擬物化圖標，詳解精致細節的畫法和技巧。實戰扁平化圖標，了解當下主流造型風格和配色，通過案例使學員設計制作出高水準圖標并達到商業級要求。

3、個性化手機主題UI設計

采用大量已經具備商業化的學員作品圖樣進行模塊化講解，通過分析當下流行的Android手機主題：Flyme、小米、錘子等具有特色的界面功能和設計特點，采取臨摹加創新的實戰方式，引導學員設計制作出個性化特點的手機主題。

4、Axure原型設計與交互實戰

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

5、QQ音樂APPRdesign設計

實戰ios平臺下的QQ音樂手機APP設計方案。

分析QQ音樂界面特點、講解ios平臺下的APP設計規范。

分析ios平臺下的主流設計字體，講解字體應用規范。講解APP配色規范。

6、商業租房APP全套設計

實戰ios平臺下的商業租房APP手機設計方案。

分析租房APP界面特點和顏色搭配，引導學員樹立標準化規范設計思路。

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

7、智能家居APP全套設計

通過分組實戰ios和Andriod雙平臺下的手機智能家居APP設計方案。

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

8、高端餐廳APP平板點餐系統全套設計

實戰iPad上的高端餐廳APP點餐系統設計方案。

深入分析目前點餐環境和人群使用習慣，講解平板電腦設計規范，并要求學員制定規范。

完成成套的APP方案：包含前期原型圖紙、高保真效果圖、設計規范、標注和輸出文檔。

9、Mac Sketch操作技巧

講解Mac平臺下的知名設計軟件Sketch的主要操作技巧。

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

10、AE動效設計

分析當前常見的UI動效設計效果，解析其設計原理和目的以及如何在合理的場合下使用

11、階段考核

實訓階段對學員綜合實戰能力的檢驗，要求學員根據隨機方案命題，按要求設計出指定內容，并針對設計成果進行評定和講解

第五階段(畢業設計）

一、崗前強化與畢業設計

畢業設計答辯項目獨立設計

要求學員在完成實訓階段課程后，從立案到素材、材料收集整理，再到風格定位、PPT制作，獨立或成組完成UI畢業設計答辯，其中需包含個人現場講解以及作品重點演示，對自己在整個學習階段做一個完美的總結。全程項目老師指導。

二、溝通技能和就業指導

1、管理與溝通

心態與服務、職場商務禮儀、溝通與口才強化、職業素養提升、團隊合作

2、就業指導

畢業作品整理、行業規范與合同、職場與行業分析、企業觀模與規劃、職場崗位實戰模擬、創業指導、實習與預工作

【課程特色】

1、報名就業班全套課程，贈送價值150元的美術用品

2、報名就業班全套課程，贈送視頻包、軟件包、素材包、材料包

3、報名就業班全套課程，在學習過程中，學員有機會參加學院派接的訂單進行實戰

4、零基礎，達到UI設計的程度，相當于具有半年左右的工作經驗

5、**學會：出勤率達90%以上，可享受1.5年內免費重新學習

【使用教材】

院方自編教材、電腦教材、案例相結合

【可考證書】

教育部CIS《UI設計師》、《創意設計師》、《網絡設計師》、學院《結業證書》

【師資介紹】

武老師

UI交互設計講師

12年UI設計、教學經歷；Adobe ACCI認證講師、Adobe交互界面設計師、攝影師、代表作品有：aigopad觸摸界面設計、功德林點餐系統、酷我音樂APP設計、Photon播放器界面設計等

【學校簡介】

上海非凡進修學院堅持以“服務為宗旨、以市場為導向，以用人單位滿意”為核心的教育理念，專業聘請行業內知名的專家或專業的教授為師資，他們教學經驗豐富，實戰能力強。培養出的學生深受用人單位的重用和贊賞及社會廣泛認可。上海非凡進修學院正以迅猛的速度、穩健的步伐為社會培養各類復合型實用型高技能人才，為不斷提高國民素質，辦好終身教育與繼續再教育作出不懈努力。

【學校環境】