超媒體UI設計工程師培訓課程

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

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

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

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

2、掌握圖標設計流程，軟件界面中常用圖標設計，手機圖標設計；

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

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

培訓費用：0元！先培訓后付款！

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

培訓證書：

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2、移動端設備原生 UI 功能介紹

3、使用原生 UI 布局軟件

4、自定義 UI 樣式

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

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

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

核心亮點：技術精修：圖標、界面制作技巧。

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

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

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

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

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

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

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

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

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

★ 專業(yè)攝影技術

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

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

★ 交互設計和用戶體驗（UI&UE）

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

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

2、引入案例，講解目標導向設計方法，交互設計三要素。

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

4、結合案例，講解信息架構基本知識，學員參與。

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

6、頁面的信息層級。

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

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

2、結合實際案例，講解面向對象的交互設計方法，學員參與。

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

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

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

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

7、結合實際項目，帶領學員用axure做完整原型。

★ UI/UE流程文檔

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

揭秘二 職業(yè)要求

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

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

揭秘三 職業(yè)前景

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

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

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

揭秘四 薪酬水平

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

揭秘五 適合人群

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