超媒體UI設(shè)計工程師培訓(xùn)課程

UI 即 User Interface（用戶界面）的簡稱。UI 設(shè)計則是指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計。好的 UI 設(shè)計不僅是讓軟件變得有個性有品味，還要讓軟件的操作變得舒適、簡單、自由、充分體現(xiàn)軟件的定位和特點。

UI 設(shè)計是一項富有創(chuàng)造性的工作，要成為一名優(yōu)秀的 UI 設(shè)計師，除了對 UI 設(shè)計的滿懷激情外，還需要天賦和持續(xù)的努力學(xué)習(xí)。在學(xué)員報名后，我們安排了入學(xué)測試與免費的職業(yè)規(guī)劃，測試的結(jié)果會作為我們針對學(xué)員的培訓(xùn)方向。測試的內(nèi)容包括：軟件操作能力、創(chuàng)意能力、審美能力等相關(guān)知識。在開課以前，測試可以隨時進(jìn)行。通過測試，我們會為每一位學(xué)員建立一份學(xué)生檔案，并為每一位學(xué)員提供長期的職業(yè)規(guī)劃與就業(yè)指導(dǎo)服務(wù)。

UI 設(shè)計師進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計，他們需要完成的，簡單說來，正是一個不斷為用戶設(shè)計視覺效果使之滿意的過程。

1、培養(yǎng)學(xué)生了解 UI 設(shè)計流程，用戶體驗基本概念、行業(yè)方向；

2、掌握圖標(biāo)設(shè)計流程，軟件界面中常用圖標(biāo)設(shè)計，手機圖標(biāo)設(shè)計；

3、掌握界面設(shè)計流程，桌面產(chǎn)品界面設(shè)計，形成設(shè)計思維、方法。

培訓(xùn)課時：540課時+200課時練習(xí)，全日制4個半月，業(yè)余制8個月

培訓(xùn)費用：0元！先培訓(xùn)后付款！

課程內(nèi)容：專業(yè)平面圖形界面設(shè)計+專業(yè)攝影取材+專業(yè)網(wǎng)頁和 WEB 端設(shè)計開發(fā)+手機界面設(shè)計開發(fā)+企業(yè)級文案設(shè)計。

培訓(xùn)證書：

培訓(xùn)中心結(jié)業(yè)證書+勞動局+IBM 公司職業(yè)技能鑒定證書

國際職業(yè)認(rèn)證：微軟認(rèn)證前端開發(fā)專家（MCSD）；

* ACAA 中國數(shù)字藝術(shù)專家委員會專業(yè)認(rèn)證；

高級UI多媒體設(shè)計師/高級視覺設(shè)計師/高級網(wǎng)絡(luò)媒體設(shè)計師；

ORACLE 認(rèn)證 WEB 開發(fā)設(shè)計專家（OCJP/OCWCD）。

界面設(shè)計核心工具實戰(zhàn)：

★ Adobe Photoshop：學(xué)習(xí)圖像處理、編輯、通道、圖層、路徑綜合運用;圖像色彩的校正；各種特效濾鏡的使用;特效字的制作;圖像輸出與優(yōu)化等,靈活運用圖層風(fēng)格，流體變形及褪底和蒙板，制作出千變?nèi)f化的圖像特效。

★ Adobe Illustrator：學(xué)習(xí)圖形繪制、包裝、宣傳頁的制作，讓你更加方便地進(jìn)行 LOGO 及 CI 設(shè)計，不到一個月，您就會成為一名真正的美術(shù)大師，在 Photoshop 的基礎(chǔ)上再學(xué)它如虎添翼，效率成倍提高。

★ Adobe Indesign：學(xué)習(xí)排版設(shè)計的基本法則、使用方法與技巧，工具箱、快捷鍵的使用，菜單功能及操作技巧，出版物、書籍、宣傳彩頁、出片輸出注意事項，報紙雜志等的高級專業(yè)排版制作的方法。

★ 選修：Corel Draw：通過 CorelDRAW 的全方面的設(shè)計及網(wǎng)頁功能融合到現(xiàn)有的設(shè)計方案中，制作矢量的插圖、設(shè)計及圖像，出色地設(shè)計公司標(biāo)志、簡報、彩頁、手冊、產(chǎn)品包裝、標(biāo)識、網(wǎng)頁及其它。

★ UI 視覺設(shè)計項目實戰(zhàn)：GUI 設(shè)計與規(guī)范；Photoshop/AI 高級工具訓(xùn)練；基本 icon _GUI案例包項目實戰(zhàn)。

網(wǎng)頁前端界面設(shè)計核心技能：

★ HTML5 基礎(chǔ)：HTML5 是什么、構(gòu)成 HTML5 的元素、網(wǎng)站開發(fā)流程詳解、WEB 前端開發(fā)課程及目標(biāo)、文本、圖像、鏈接、表格、列表、表單、框架等標(biāo)簽詳解。

★ CSS3 基礎(chǔ)：Css3 是什么、Css 引入方式、css 選擇器基礎(chǔ)(通用選擇器、元素選擇器、id 和class 選擇器、后代選擇器、偽類選擇器等)、框模型與背景、文本格式化、表格、顯示 css 樣式的基礎(chǔ)使用。

★ 網(wǎng)頁布局詳解DW 工具的使用：理解 DIV 盒子模型、DIV 位置控制，ADOBE DREAMWEAVER 的熟練掌握。

★ HTML5&CSS3新特性詳解和案例實戰(zhàn)：HTML5與 HTML4的區(qū)別、HTML5新增元素、CSS3選擇器，文字與字體相關(guān)樣式、CSS3 中的變形處理、css3 中的過度動畫和關(guān)鍵幀動畫、彈性盒與媒體查詢、CSS Hack、CSS 優(yōu)化。

WEB 項目 UI 設(shè)計開發(fā)和移動端 UI 設(shè)計項目實戰(zhàn)

★ Java 核心編程：掌握 Java 面向?qū)ο蠛诵木幊?。系統(tǒng)掌握 Java 開發(fā)工具及開發(fā)編譯環(huán)境，積累項目實際開發(fā)經(jīng)驗。

★ 數(shù)據(jù)庫技術(shù)：掌握 Oracle 數(shù)據(jù)庫編程和管理知識。Oracle 體系結(jié)構(gòu)、Oracle 物理與邏輯結(jié)構(gòu)、Oracle 數(shù)據(jù)檢索技巧、視圖；PL/SQL、觸發(fā)器、存儲過程、數(shù)據(jù)庫設(shè)計思想與技巧。

★ Javascript (JS)實戰(zhàn)開發(fā)：學(xué)習(xí) JS 開發(fā)編程，做網(wǎng)站的各種特殊效果，用來給 HTML 網(wǎng)頁增加動態(tài)功能。掌握 JS 基本語法與流程控制相關(guān)操作，能夠區(qū)分不同的數(shù)據(jù)類型及其特色，同時了解面向?qū)ο缶幊痰乃枷搿Ｊ褂?JS 結(jié)合 HTML 實現(xiàn)代表性的 JS 特效制作。了解特效制作原理掌握 JS 內(nèi)置數(shù)學(xué)對象和時間對象的應(yīng)用，掌握 DOM 和 BOM 的操作方式，熟悉瀏覽器自帶的事件機制，能夠利用計時器制作多種不同類型的特效。

★ 使用 Servlet 和 JSP 技術(shù)開發(fā) Web 組件：掌握 JSP/Servlet 等 Java Web 開發(fā)知識與 JDBC 數(shù)據(jù)庫高級編程。JavaServerPages (JSP)和 servlets  是 Java 2  平臺，企業(yè)版（J2EE  平臺）定義的主要技術(shù)。本課程為富有經(jīng)驗的 Java  開發(fā)員提供掌握在 Tomcat web  容器和 Struts 框架上使用 JSP 和 servlet 技術(shù)快速開發(fā) web 應(yīng)用程序的知識和技術(shù)的方法。學(xué)員將學(xué)到如何使用 Java 技術(shù)分析、設(shè)計、開發(fā)和部署 web 應(yīng)用程序。真實的實驗練習(xí)為學(xué)員構(gòu)造及部署內(nèi)部網(wǎng)中小型 web  應(yīng)用程序和低值商業(yè)網(wǎng)站提供經(jīng)驗。

★ 移動設(shè)備 UI 開發(fā)實戰(zhàn)（*基于安卓，IOS 或HTML5）

1、移動端平臺開發(fā)環(huán)境搭建

2、移動端設(shè)備原生 UI 功能介紹

3、使用原生 UI 布局軟件

4、自定義 UI 樣式

熟練掌握移動開發(fā)平臺架構(gòu)（基于安卓/蘋果 IOS/H5），開發(fā)者社區(qū)，應(yīng)用程序商店，移動開發(fā)工具與程序開發(fā)環(huán)境，模擬器的使用；應(yīng)用程序的組成模塊，任務(wù)的概念，進(jìn)程、線程 Intent和InterFilter；界面布局 Layout 的定義,移動端UI引擎的設(shè)計，UI事件；觸控和動作，編寫兼容不同硬件的程序，資源文件的訪問方式；Activity 的生命周期、參數(shù)的傳遞和使用技巧 Intent 的概念和設(shè)計思想。

★ WEB 端 UI 開發(fā)項目實戰(zhàn)

全真模擬企業(yè)開發(fā)實際，完成 Java Web 界面開發(fā)項目實戰(zhàn)，完整的網(wǎng)上商城系統(tǒng)(NetStore)界面開發(fā)。

核心亮點：技術(shù)精修：圖標(biāo)、界面制作技巧。

1、UI 設(shè)計工具與圖標(biāo)用戶體驗；PS 特點和技術(shù)快速演示；圖形工具快速掌握；圖層、蒙版、路徑快速掌握；圖層樣式快速掌握；AI特點和技術(shù)快速演示；AI基本繪制技巧和工具的使用；AI繪制圖標(biāo)的優(yōu)勢；圖標(biāo)基礎(chǔ)概念和創(chuàng)意方法。

2、圖標(biāo)精修技巧與實例；WEB端UI開發(fā)項目實戰(zhàn)；圖標(biāo)風(fēng)格分類；扁平化icon設(shè)計案例；長投影圖標(biāo)；內(nèi)嵌式圖標(biāo)；超小圖標(biāo)繪制技巧；擬物化 icon 設(shè)計案例；木紋圖標(biāo)案例；金屬圖標(biāo)案例；透明圖標(biāo)案例；3D圖標(biāo)案例（旋轉(zhuǎn)、擠壓）；精致化圖標(biāo)注意事項；圖標(biāo)格式和導(dǎo)出技巧。

★ 移動端 UI 開發(fā)項目實戰(zhàn)

移動項目案例：手機備忘錄UI，天氣預(yù)報UI開發(fā)

核心亮點：移動UI特性＋UI設(shè)計規(guī)范

移動UI設(shè)計特性、情景特性、網(wǎng)絡(luò)特性、物理特性、觸摸手勢、系統(tǒng)特性。

1、移動 UI 設(shè)計方法；簡單易懂；注意中斷；關(guān)注內(nèi)容；給個反饋。

2、移動 UI 設(shè)計表現(xiàn)；動效設(shè)計；動效設(shè)計定位；動效設(shè)計方法；動效設(shè)計原則。

專業(yè)攝影取材和交互設(shè)計

★ 專業(yè)攝影技術(shù)

課程安排系統(tǒng)、有效，內(nèi)容設(shè)置比較完整，能夠為學(xué)員構(gòu)架完整的攝影知識體系。課程以培養(yǎng)學(xué)員能夠熟練掌握常用知識及常用技法為核心，理論與實踐結(jié)合，以實用、實戰(zhàn)為導(dǎo)向安排教學(xué)，學(xué)員畢業(yè)能達(dá)到獨立人像攝影（室內(nèi)人工光、室外自然光）、風(fēng)光攝影操作的水平。

掌握專業(yè)攝影技術(shù)，隨時隨地真正可以為設(shè)計師創(chuàng)造可用素材，創(chuàng)意無限！

★ 交互設(shè)計和用戶體驗（UI&UE）

通過項目學(xué)習(xí)和了解交互設(shè)計的原理和思維方法，不同平臺的產(chǎn)品交互特點。

1、交互設(shè)計是什么，順帶切入用戶體驗、交互設(shè)計、視覺設(shè)計，簡要說明三者之間的關(guān)系。

2、引入案例，講解目標(biāo)導(dǎo)向設(shè)計方法，交互設(shè)計三要素。

3、結(jié)合案例，講解如何創(chuàng)建用戶角色模型，并讓學(xué)員參與進(jìn)來。

4、結(jié)合案例，講解信息架構(gòu)基本知識，學(xué)員參與。

5、結(jié)合案例，講解交互設(shè)計通用設(shè)計原則——基于心理模型而非工程模型、一致性、可學(xué)習(xí)、容錯性等等，學(xué)員參與。

6、頁面的信息層級。

★ 設(shè)計方法和Axure實戰(zhàn)

1、通過實際項目引入需求分析方法，講解如何從用戶需求到設(shè)計目標(biāo)。

2、結(jié)合實際案例，講解面向?qū)ο蟮慕换ピO(shè)計方法，學(xué)員參與。

3、結(jié)合實際項目，講解如何畫流程圖、頁面流等交互邏輯表達(dá)形式，以及所用到的工具，并簡要介紹工具的使用方法，學(xué)員實戰(zhàn)。

4、講解如何評估一個項目中交互完整與否——建立交互自查表，學(xué)員實戰(zhàn)詳解auure。

5、Axure基礎(chǔ)元件詳解，基礎(chǔ)應(yīng)用效果、畫線框圖等等，學(xué)員實戰(zhàn)。

6、Axure常見動效，常用組建的設(shè)計，學(xué)員實戰(zhàn)。

7、結(jié)合實際項目，帶領(lǐng)學(xué)員用axure做完整原型。

★ UI/UE流程文檔

1、互聯(lián)網(wǎng)開發(fā)流程簡述，交互設(shè)計文檔包含幾部分內(nèi)容。

2、如何編寫交互設(shè)計文檔，結(jié)合項目，學(xué)員實戰(zhàn)。

3、如何進(jìn)行可用性測試，結(jié)合項目，學(xué)員實戰(zhàn)。

前景的職業(yè)——UI設(shè)計師

信息時代的軟件與互聯(lián)網(wǎng)產(chǎn)品考什么吸引用戶？今天的用戶早已不滿足于簡單界面功能的使用而更注重情感體驗。與之相應(yīng)，近幾年，一個新興的名詞在設(shè)計領(lǐng)域悄然而生，以之命名的諸多企業(yè)相繼問世，與之相關(guān)的專業(yè)也在各大院校應(yīng)運而生，這個詞就是“UI”。那么什么叫UI設(shè)計？什么是UI設(shè)計師？他們需要具備怎樣的知識背景，擁有怎樣的發(fā)展和未來呢？

從軟件“程序”到軟件“產(chǎn)品”

軟件設(shè)計可分為兩部分：編碼設(shè)計與UI設(shè)計，。而目前在國內(nèi)，“UI”終究還是一個相對陌生的詞，甚至不少專門的設(shè)計人員也對此不甚了解。有一些招聘廣告寫著：招聘界面美工、界面美術(shù)設(shè)計師，等等，這表明國內(nèi)對“UI”的理解還停留在美術(shù)設(shè)計層面，認(rèn)為UI的工作知識“描邊畫線”的工作。另外，在軟件開發(fā)過程中，還存在重技術(shù)而不重應(yīng)用的現(xiàn)象，許多商家認(rèn)為軟件產(chǎn)品的技術(shù)是核心，而UI僅僅是輔助，甚至認(rèn)為對后者過多的關(guān)注無異于“本末倒置”。

任何事物的發(fā)展都必將經(jīng)歷一個循序漸進(jìn)的過程，UI在中國也正處于這樣一個亟待重新認(rèn)識的階段。譬如，從20世紀(jì)DOS字符界面到windows圖形界面，直至browser瀏覽器界面，今天所有電腦的瀏覽器界面，不僅直觀、美觀且易于使用，易于識別，可操作性強。過去智能成為“程序”而算不上真正“產(chǎn)品”的軟件，顯然已不能滿足用戶的要求：美觀親和的圖形界面與合理易用的交互方式，才能在激烈的市場競爭中硬的熱心。

因此，具備深厚美術(shù)功底、良好審美素養(yǎng)、敏銳體驗?zāi)芰?、豐富創(chuàng)新精神的UI設(shè)計師們大顯神通的時候到了。

UI設(shè)計師——職業(yè)概述

“UI”的本義是用戶界面，是英文user和interface的縮寫。從字面上看是用戶與界面兩個組成部分，但實際上還包括用戶與界面之間的交互關(guān)系。UI設(shè)計則指對軟件的人機交互、操作邏輯、界面美觀的整體設(shè)計，具體還包括：可用性分析、GUI（graphic user interface即圖形用戶界面設(shè)計）、用戶測試等。UI設(shè)計師不單純從事美術(shù)繪畫，而需要定位軟件使用者、使用環(huán)境、使用方式并且終為軟件用戶服務(wù)，他們進(jìn)行的是集科學(xué)性與藝術(shù)性于一身的設(shè)計，簡單來說，他們需要完成的正式一個不斷為用戶設(shè)計視覺效果并使之滿意的過程。

UI設(shè)計師——職業(yè)內(nèi)容

揭秘一 工作內(nèi)容

UI設(shè)計從工作內(nèi)容上來說分為3大類別，即研究工具，研究人與界面的關(guān)系，研究人。與之相應(yīng)，UI設(shè)計師的智能大體包括三方面：一是圖形設(shè)計，他們承擔(dān)的不是單純意義上美術(shù)的工作，而是軟件產(chǎn)品的產(chǎn)品“外形”設(shè)計。二是交互設(shè)計，主要在于設(shè)計軟件的操作流程、樹狀結(jié)構(gòu)、操作規(guī)范等。一個軟件產(chǎn)品在編碼之前需要做的就是交互設(shè)計，并且確立交互模型，交互規(guī)范。三是用戶測試/研究，這里所謂的“測試”，其目標(biāo)恰在于測試交互設(shè)計的合理性及圖形設(shè)計的美觀性，主要通過以目標(biāo)用戶問卷的形式衡量UI設(shè)計的合理性。如果沒有這方面的測試研究，UI設(shè)計的好壞只能憑借設(shè)計師的經(jīng)驗或者領(lǐng)導(dǎo)的審美來評判，這樣就會給企業(yè)帶來極大的風(fēng)險。

概括來說，UI設(shè)計師的工作內(nèi)容主要包括：

1、負(fù)責(zé)軟件界面的美術(shù)設(shè)計、創(chuàng)意工作和制作工作；

2、根據(jù)各種相關(guān)軟件的用戶群，提出構(gòu)思新穎、有高度吸引力的創(chuàng)意設(shè)計；

3、對頁面進(jìn)行優(yōu)化，使用戶操作更趨于人性化；

4、維護(hù)現(xiàn)有的應(yīng)用軟件產(chǎn)品；

5、收集和分析用戶對于GUI的需求。

揭秘二 職業(yè)要求

根據(jù)上文提到的UI設(shè)計的三大具體分類——圖形設(shè)計、交互設(shè)計和用戶測試/研究的工作職能——分別對應(yīng)的是美術(shù)設(shè)計的專業(yè)知識，軟件工程師背景和相應(yīng)的編程能力，以及社會學(xué)心理學(xué)等人文學(xué)科儲備。當(dāng)然實際工作中，這幾種職能也不是截然分開的。而今，這一涵蓋諸多領(lǐng)域的職位，也越來越要求從業(yè)人員同時具備跨學(xué)科、綜合性的理論素養(yǎng)和實際操作能力。

在工作能力和實踐經(jīng)驗上，一是要求從業(yè)人員精通photoshop、IIIustrator、Flash等圖形軟件，Html、Dreamweaver等網(wǎng)頁制作工作，能夠獨立完成靜態(tài)網(wǎng)頁設(shè)計工作：熟練操作常用辦公軟件，且具備其他軟件應(yīng)用能力；熟悉Html、CSS、javascript、Ajax。二是要求對通用類軟件或互聯(lián)網(wǎng)應(yīng)用產(chǎn)品的人機交互有自己的理解和認(rèn)識。三是具備良好的審美能力、深厚的美術(shù)功底，有較強的平面設(shè)計和網(wǎng)頁設(shè)計能力。四是具有敏銳的用戶體驗觀察力，富有創(chuàng)新精神。

揭秘三 職業(yè)前景

隨著技術(shù)領(lǐng)域的逐步拓展，產(chǎn)品生產(chǎn)的人性化意識日趨增強，越來越多的企業(yè)開始注重交互設(shè)計、用戶測試方面的投入，UI設(shè)計領(lǐng)域“三足鼎立”的局面將越來越成為大勢所趨，這也就意味著兼具美術(shù)設(shè)計、程序編碼、市場調(diào)查、心理學(xué)分析等諸多方面綜合能力的UI設(shè)計師將擁有更為廣闊的發(fā)展前景。

UI設(shè)計中的交互設(shè)計方面已經(jīng)走過了基于字符方式的命令語言式界面的階段，目前正處于圖形用戶界面時代。大師，人們?nèi)圆粷M足于現(xiàn)狀，在積極探索新型風(fēng)格的人機交互技術(shù)。當(dāng)前語音識別技術(shù)和計算機聯(lián)機手寫識別技術(shù)的商業(yè)成功讓人們看到了自然人機交互的曙光。虛擬現(xiàn)實和多通道用戶界面的迅速發(fā)展也顯示出未來人機交互技術(shù)的發(fā)展趨勢——“人機和諧”的多位信息空間。這些新技術(shù)理念的出現(xiàn)對UI設(shè)計師來說既是機遇又是挑戰(zhàn)。

如今，國內(nèi)的UI設(shè)計日益發(fā)展，有了專門的職業(yè)分工也開始出現(xiàn)一些較高水準(zhǔn)的設(shè)計師與UI設(shè)計交流組織。但總的來說，在這一領(lǐng)域，我們與西方發(fā)達(dá)國家間的差距仍是顯而易見的。軟件領(lǐng)域不像物質(zhì)產(chǎn)品那樣，存在工藝、材料上的限制，其核心問題恰在于人。因此，提高軟件UI設(shè)計師的個人能力，真正提升軟件產(chǎn)品的人性化程度，已成為中國UI發(fā)展的重中之重。

揭秘四 薪酬水平

在各類軟件產(chǎn)品設(shè)計人員中，UI設(shè)計師的收入處于中等水平，有UI設(shè)計經(jīng)驗、作品足夠優(yōu)秀且具有大項目經(jīng)驗的UI設(shè)計師的月薪則稍高一些，而如果能晉升為設(shè)計總監(jiān)，這一數(shù)據(jù)則會更高。一般剛畢業(yè)的有過相關(guān)經(jīng)驗UI設(shè)計師實習(xí)生月薪在4000-6000左右，有半年工作經(jīng)驗或者有過相關(guān)項目經(jīng)驗的設(shè)計師年薪能達(dá)到10w，從業(yè)2-3年專家級別的設(shè)計師年薪都在20-30w，更高級別的設(shè)計專家與設(shè)計管理專家能達(dá)到年薪百萬。

揭秘五 適合人群

由于目前UI設(shè)計師在國內(nèi)的發(fā)展尚處于起步階段，整體上缺乏一個良好的學(xué)習(xí)與交流的資源環(huán)境，這一領(lǐng)域真正高水平的、能充分滿足市場需要的UI設(shè)計師為數(shù)甚少：而IT行業(yè)日新月異的發(fā)展速度和人們?nèi)找嫣嵘纳顦?biāo)準(zhǔn)，也對從業(yè)人員提出了越來越高的要求。因此，UI設(shè)計師應(yīng)該通過不斷的學(xué)習(xí)實踐，在諸多不同領(lǐng)域，尤其是在人才資源普遍缺乏的社會學(xué)、心理學(xué)等人文學(xué)科領(lǐng)域拓展視野，豐富自我，努力向高級、資深設(shè)計師乃至設(shè)計總監(jiān)的方向發(fā)展。除此之外，具有較強鞋套、組織、管理能力和領(lǐng)導(dǎo)資質(zhì)者，則可考慮晉升為IT項目經(jīng)理。