培訓(xùn)目標(biāo)
就業(yè)崗位
培養(yǎng)目標(biāo):
1.掌握UI設(shè)計流程,做好角色定義;
2.掌握好配色技巧,光影特效及透視原理等;
3.能很好的進(jìn)行構(gòu)圖及比例設(shè)置;
4.掌握素描和速寫,以及色彩的運用;
5.掌握Photoshop / Fireworks、 Illustrator / Coreldraw、 UiDesigner、Axure、 InDesign等設(shè)計軟件的應(yīng)用;
5.掌握圖示和圖標(biāo)的區(qū)別及作用,并能設(shè)計各種圖標(biāo);
6.創(chuàng)意圖標(biāo)、商業(yè)圖標(biāo)、單個圖標(biāo)等的設(shè)計及表現(xiàn);
7.能獨立設(shè)計各種界面,并掌握紋理和質(zhì)感在界面中的運用;
8.掌握html css div javascript flash等技術(shù)體系,能獨立進(jìn)行web頁面端的編寫;
9.各種項目的分析及項目實訓(xùn),如:手機(jī)項目、web項目、軟件項目、系統(tǒng)項目等。
培訓(xùn)內(nèi)容:
階段
UI設(shè)計基礎(chǔ)
1. 網(wǎng)絡(luò)數(shù)字化的運用;
2. UI概念發(fā)展歷史及未來趨勢;
3. UI項目管理規(guī)范;
4. 掌握思維導(dǎo)圖的概念;
5. 了解UI設(shè)計中各輔助軟件的應(yīng)用;
6. 設(shè)計公司的組織及構(gòu)成;
7. UI設(shè)計師職業(yè)發(fā)展與規(guī)劃;
8. UI商業(yè)設(shè)計流程及規(guī)范
9. UI設(shè)計的具體工作;
10.UI設(shè)計師應(yīng)該具備的能力;
11.UI設(shè)計中常用的術(shù)語。
第二階段
美術(shù)
素描
速寫
手繪
1. 美術(shù)學(xué):主體意識、藝術(shù)典型、形象思維、審美觀念、題材、藝術(shù)美的特征、美術(shù)創(chuàng)作傳達(dá)等。
2. 藝術(shù)基礎(chǔ)、藝術(shù)造型,光線投影和空間位置;
3. 素描.表現(xiàn):表現(xiàn)形式及造型,線條、構(gòu)圖、比例、透視、明暗、空間等。
4. 光影素描。
5. 能運用造型的組織原理,對稱與均衡、節(jié)奏與韻律、對比與和諧、多樣與統(tǒng)一進(jìn)行造型活動,激發(fā)想象力和創(chuàng)新意識。
6. 通過對各種美術(shù)媒材、技巧和制作過程的探索及實驗,發(fā)展美術(shù)感知能力和造型表現(xiàn)能力。
7. 體驗造型活動的樂趣,產(chǎn)生對美術(shù)學(xué)習(xí)的持久興趣。
8. 運用設(shè)計和工藝的知識和方法,進(jìn)行作品的創(chuàng)意、設(shè)計和制作活動。
9. 藝術(shù)形式美感及其與設(shè)計功能的統(tǒng)一。
10.速寫:速寫的基本語言及形式因素;
11.人體結(jié)構(gòu)與動態(tài)規(guī)律;
12.人物慢寫及動態(tài)速寫;
13.場面速寫及速寫中的默寫、臨摹、欣賞;
14.通過速寫提升造型藝術(shù)能力,場景速寫、人物速寫、動態(tài)速寫、默寫等。
15.手繪:手繪設(shè)計技法、手繪設(shè)計創(chuàng)意、商業(yè)空間手繪設(shè)計創(chuàng)意。
16.色彩景物、風(fēng)景 :靜物寫生與默寫、風(fēng)景寫生與默寫、人物頭像寫生等。
第三階段
Photoshop設(shè)計技術(shù)
1. 圖形處理軟件photoshop工具使用,命令操作;
2. photoshop圖形色彩,專項調(diào)色;
3. photoshop軟件在畫面中的應(yīng)用:結(jié)合實際經(jīng)典案例講解軟件圖像處理技術(shù),運用Photoshop進(jìn)行圖像處理軟件的十大主流功能。
4. 圖像潤飾和修補(bǔ);
5. 專項圖層、蒙板和通道的深入運用及使用技巧;
6. 文字和路徑功能的使用;
7. 濾鏡特效制作技巧;
8. 動作功能的使用;
9. 設(shè)計特殊藝術(shù)效果;
10.Photoshop進(jìn)階與提高;
11.經(jīng)典案例分析;綜合實戰(zhàn);
12.Photoshop在ui界面設(shè)計中的各種應(yīng)用;
13.應(yīng)用領(lǐng)域:廣告設(shè)計、數(shù)碼照片處理、圖像合成、招貼與海報設(shè)計、包裝設(shè)計、特技合成、色彩加工、裝潢處理、藝術(shù)創(chuàng)作、網(wǎng)頁美工等各種設(shè)計相關(guān)行業(yè)。
第四階段
Illustrator設(shè)計
/CorelDraw設(shè)計
1. 繪圖軟件Illustrator / CorelDraw :可運用于圖標(biāo)設(shè)計、圖形繪制、包裝、宣傳頁、多媒體、游戲界面、LoGo、VI等;
2. 掌握Illustrator / CorelDraw各層面的日常運用;
3. Illustrator / CorelDraw高級運用技術(shù);
4. 熟練掌握Illustrator / CorelDraw的各種使用技巧;
5. 運用Illustrator / CorelDraw進(jìn)行各種特效表現(xiàn);
6. 實際經(jīng)典案例分析;
7. 綜合實戰(zhàn):圖標(biāo)、包裝、標(biāo)志、海報、宣傳頁、畫冊等項目。
8. 掌握Ai / cdr在ui界面設(shè)計中的應(yīng)用以及角色創(chuàng)意等;
9. Illustraotr / CorelDraw制作產(chǎn)品實體及企業(yè)標(biāo)志創(chuàng)意;
10.Illustrator / CorelDraw高級排版,海報制作技巧及實例;
11.Illustrator / CorelDraw各種印刷品制作技巧;
12.AI / cdr與PS的結(jié)合使用及各種界面按鈕的制作技巧。
第五階段
Axure高級應(yīng)用
1. Axure工具使用,命令操作;
2. Axure的日常運用;
3. Axure各種工作面板介紹;
4. Axure工具欄講解;
5. Axure站點地圖講解;
6. Axure元件、事件、動作和條件;
7. Axure變量和函數(shù)講解;
8. Axure動態(tài)面板詳解;
9. Axure 中繼器repeater詳解;
10.經(jīng)典案例分析,綜合實戰(zhàn)。
第六階段
UIDesigner工具
1. UIDesigner設(shè)計軟件日常運用;
2. 掌握10大功能模塊,定制用戶視圖;
3. 掌握豐富控件類型,自定義控件樣式;
4. 掌握可視化控件樣式編輯器,創(chuàng)建個性化控件,滿足不同設(shè)計需求;
5. 掌握UIDesigner強(qiáng)大的模板和預(yù)制功能;
6. 能夠快速的搭建起軟件界面的高保真原型;
7. UIDesigner在交互設(shè)計中的運用技巧;
8. UIDesigner在視覺設(shè)計中的運用技巧。
第七階段
InDesign設(shè)計
1. InDesign日常操作及設(shè)置;
2. InDesign繪制圖形;
3. InDesign圖像操作;
4. InDesign設(shè)計日常應(yīng)用;
5. 色彩管理系統(tǒng);
6. InDesign高級應(yīng)用及進(jìn)階;
7. 案例分析及綜合實戰(zhàn)。
第八階段
UI常用的技術(shù)
1. UI設(shè)計、平面設(shè)計、網(wǎng)頁設(shè)計的區(qū)別;
2. UI設(shè)計師工作職責(zé);
3. 認(rèn)識用戶體驗和UCD;
4. 掌握UCD流程;
5. UI的概念及行業(yè)現(xiàn)狀;
6. UI設(shè)計流程、角色和方法;
7. 通過案例來剖析UI課程的學(xué)習(xí)設(shè)計思維和方法。
第九階段
交互設(shè)計
Interaction Design
1. 了解交互設(shè)計基本概念;
2. 掌握產(chǎn)品、人和物質(zhì)、文化、歷史之間的結(jié)合;
3. 交互設(shè)計原則;
4. 交互設(shè)計流程;
5. 需求分析方法;
6. 交互設(shè)計中頁面、信息、控件等規(guī)范;
7. 界面設(shè)計中的交互;
8. 人機(jī)交互的要素與方式;
9. 交互設(shè)計模型;
10.可用性測試;
11.以案例分析解析交互設(shè)計;
12.了解產(chǎn)品的互動設(shè)計。
第十階段
圖標(biāo)設(shè)計
1. 圖標(biāo)設(shè)計要素:圖標(biāo)設(shè)計注意事項、圖標(biāo)設(shè)計常見錯誤;
2. 各平臺圖標(biāo)設(shè)計規(guī)范;
3. 圖標(biāo)設(shè)計趨勢;
4. 圖示和圖標(biāo)的區(qū)別和作用;
5. ios圖標(biāo)、安卓圖標(biāo)、2D彩色圖標(biāo)、3D彩色圖標(biāo);
6. 創(chuàng)意圖標(biāo)的設(shè)計;
7. 商業(yè)圖標(biāo)的設(shè)計;
8. 單個圖標(biāo)設(shè)計及表現(xiàn);
9. 特效圖標(biāo),有材質(zhì)圖標(biāo),扁平化圖標(biāo);
10.經(jīng)典案例分析;綜合實戰(zhàn)。
第十一階段
平面構(gòu)成
商業(yè)作品構(gòu)圖
1. 了解構(gòu)成的劃分、平面構(gòu)成的基本含義,包括它的視覺元素(點、線、面),對點元素結(jié)合實例進(jìn)行深入了解;
2. 對線和面結(jié)合ui設(shè)計中的實例更深入的講解;
3. 構(gòu)成形態(tài)、要素、造型的分析把握、構(gòu)圖美學(xué)等靈活運用及相關(guān)技巧;
4. 構(gòu)成的形式和在現(xiàn)代ui設(shè)計中的應(yīng)用;
5. 對好的界面設(shè)計進(jìn)行分析解剖;
6. 平面構(gòu)成在ui設(shè)計中的運用技巧;
7. 經(jīng)典案例分析。
第十二階段
色彩構(gòu)成
商業(yè)化配色技巧
1. 色彩的含義及色彩的用途,分類,三種屬性(色相、明度、飽和度);
2. 色彩三種屬性的不同對比構(gòu)成、明度對比, 色相對比、純度對比;
3. 色彩對比在實際作品表現(xiàn)中的正確運用;
4. 色彩的聯(lián)想、象征含義;
5. 色彩的錯視現(xiàn)象(加配色實戰(zhàn):四季的表現(xiàn)、不同行業(yè)的體現(xiàn)、性別年齡的不同用色等);
6. 色彩構(gòu)成與色彩搭配的運用:RGB、CMYK、反色、相近色;
7. 色彩知覺與色彩對比、色彩的心理效應(yīng)、色彩設(shè)計的方法、調(diào)和、配色秩序和配色轉(zhuǎn)移、色彩運用的法則及色彩設(shè)計中的繼承與創(chuàng)新,構(gòu)成組織畫面主體的幾塊顏色對比協(xié)調(diào)的規(guī)律;
8. 專題訓(xùn)練學(xué)生的色彩敏銳感覺、能分辨好與不好的色彩運用;
9. 在設(shè)計中怎樣選擇適當(dāng)?shù)纳蕘硖嵘髌穬r值;
10.Ui界面設(shè)計中的配色技巧:運用色彩理論為新網(wǎng)站設(shè)定配色方案,以及運用色彩打動用戶。
第十三階段
版式設(shè)計
1. 版式設(shè)計的概念及版式設(shè)計作為傳達(dá)信息的載體的原則和方法;
2. 版式設(shè)計的基本規(guī)律和表現(xiàn)手法;
3. 視覺的三大要素(文字、圖形、色彩);
4. 版式設(shè)計的編排構(gòu)成(點線面);文字的編排、圖形的編排;
5. 版式編排的形式法則(單純與秩序、虛實與留白、節(jié)奏與韻律);
6. 現(xiàn)代版式的設(shè)計觀念(重在創(chuàng)意、個性風(fēng)格表現(xiàn)、逆向視覺角度等);
7. 對版面控制能力以及對讀者的視覺流程的引導(dǎo)能力和信息的準(zhǔn)確傳達(dá)能力;
8. 對版面中傳達(dá)要素的標(biāo)題、正文、圖形、畫面、色彩等,根據(jù)主題進(jìn)行構(gòu)成,使之更具有視覺吸引力,并且簡明易懂、主次分明、傳 達(dá)準(zhǔn)確;
9. 熟悉在不同載體上的不同要求
10.經(jīng)典案例分析。
第十四階段
圖形界面設(shè)計原理
1. 圖形界面設(shè)計原則與發(fā)展趨勢;
2. 經(jīng)典UI界面解析與體驗;
3. 色彩在界面上的使用與搭配技巧;
4. 不同紋理與質(zhì)感在界面上的運用與表現(xiàn);
5. 界面與圖標(biāo)的關(guān)聯(lián)性和影響;
6. 界面與圖標(biāo)設(shè)計風(fēng)格的定位;
7. 圖形界面核心設(shè)計理念。
第十五階段
手機(jī)app設(shè)計
1. 手機(jī)UI發(fā)展趨勢與多通道交互;
2. App理論:從圖標(biāo)到引導(dǎo)頁、歡迎界面、加載頁、主界面;
3. app各界面的表現(xiàn)方式,流行的操作手勢及頁面;
4. app界面構(gòu)成和各部分作用,常見app交互方式;
5. 手機(jī)設(shè)計功能分析及結(jié)構(gòu);
6. 手機(jī)設(shè)計界面框架及分區(qū);
7. 手機(jī)設(shè)計風(fēng)格、圖標(biāo)形態(tài)、版式等;
8. 移動端app實際案例及項目。
第十六階段
移動終端UI設(shè)計
商業(yè)項目
1. Ios、Android、Win phone三大主流移動平臺;
2. 詳解Android(安卓)UI設(shè)計規(guī)范;
3. Ios(蘋果)、Wp(微軟)平臺UI設(shè)計規(guī)范
4. 手機(jī)主題界面設(shè)計項目分析與講解;
5. 蘋果IOS界面設(shè)計項目實訓(xùn);
6. 案卓(android)界面設(shè)計項目實訓(xùn)。
第十七階段
界面開發(fā)對接
1. 界面開發(fā)圖形格式與色位支持 ;
2. 界面設(shè)計與界面開發(fā)的對接輸出與優(yōu)化 ;
3. 移動終端不同屏幕規(guī)格的UI適配;
第十八階段
WEB界面設(shè)計
1. 界面中的平面圖標(biāo)與立體圖標(biāo);
2. 國內(nèi)外經(jīng)典WEB界面設(shè)計案例分析;
3. 不同類型的WEB界面設(shè)計思維;
4. 網(wǎng)頁配色方式與思維;
5. 常用網(wǎng)頁設(shè)計手法。
第十九階段
網(wǎng)頁UI設(shè)計
商業(yè)項目
1. 網(wǎng)頁banner廣告設(shè)計;
2. 門戶網(wǎng)站設(shè)計方法與技巧 ;
3. 企業(yè)網(wǎng)站設(shè)計方法與技巧 ;
4. 專題網(wǎng)站設(shè)計構(gòu)思與創(chuàng)作 ;
5. Gif動畫設(shè)計與制作 ;
6. 純商業(yè)網(wǎng)頁網(wǎng)站設(shè)計實際項目實戰(zhàn)。
第二十階段
軟件項目界面設(shè)計
系統(tǒng)項目界面設(shè)計
1. 軟件界面設(shè)計理念;
2. 軟件項目UI設(shè)計創(chuàng)作;
3. 系統(tǒng)界面設(shè)計理念;
4. 系統(tǒng)項目UI設(shè)計創(chuàng)作。
第二十一階段
C/S軟件UI設(shè)計
B/S軟件UI設(shè)計
1. C/S架構(gòu)軟件常用開發(fā)語言及控件設(shè)計 ;
2. C/S架構(gòu)軟件界面設(shè)計實戰(zhàn);
3. B/S架構(gòu)界面設(shè)計與技法;
4. B/S界面分辨率自適應(yīng)完美解決方案;
5. B/S實際項目實戰(zhàn)。
第二十二階段
智能媒體UI設(shè)計
1. 智能電視使用場景;
2. 智能電視的顯示模式;
3. 智能電視可用性設(shè)計規(guī)范;
4. 智能電視的獨特交互特點;
5. 智能電視導(dǎo)航設(shè)計 ;
6. 智能電視GUI設(shè)計。
第二十三階段
游戲界面設(shè)計
1. 游戲功能分析;
2. 頁面架構(gòu)流程圖;
3. 游戲人物角色;
4. 游戲場景繪制;
5. 游戲UI設(shè)計實戰(zhàn)。
第二十四階段
經(jīng)典案例分析
各專題訓(xùn)練
6. 瀏覽器界面主題設(shè)計分析與講解;
7. 播放器UI設(shè)計解析與項目實訓(xùn);
8. 各式UID專項訓(xùn)練;
9. 項目實訓(xùn)設(shè)計總結(jié);
10.答疑,查漏補(bǔ)缺。
第二十五階段
Fireworks設(shè)計
Dreamweaver網(wǎng)頁界面設(shè)計技術(shù)
1. 了解Fireworks軟件在網(wǎng)頁中的應(yīng)用;
2. Dreamweaver的文檔窗口、站點窗口以及浮動面板;
3. Dreamweaver的操作及運用;
4. 創(chuàng)建Dreamweaver站點;
5. Dreamweaver 建立和修改界頁;
6. 網(wǎng)站管理與維護(hù)、上傳與下載;
7. 案例分析。
第二十六階段
HTML語言
(Xhtml、 html5)
1. Html的基礎(chǔ);
2. Html的基本結(jié)構(gòu);
3. Html語法及應(yīng)用;
4. Html標(biāo)簽、屬性、元素;
5. Html字體、表格;
6. Html表單及表單對象;
7. Html 數(shù)據(jù)提交及處理。
8. HTML有序列表、無序列表
9. HTML樣式、鏈接
10.HTML布局、框架、浮動框架
11.HTML、Xhtml、html5三者的關(guān)系與區(qū)別
12.HTML實例
第二十七階段
CSS DIV
界面樣式及布局
1. CSS基礎(chǔ);CSS語法;
2. Css div網(wǎng)頁布局與定位;
3. Css div網(wǎng)站元素設(shè)計;
4. Css div內(nèi)容排版;
5. CSS效果表現(xiàn);
6. CSS設(shè)置網(wǎng)頁中的背景、CSS設(shè)置表單與表格的樣式、CSS設(shè)置頁面和瀏覽器的元素;
7. 樣式表的分類、常用的樣式、層標(biāo)簽、開發(fā)工具等;
8. DIV布局、DIV CSS布局方法分析;
9. CSS DIV美化和布局;
10.Css div高級應(yīng)用與技巧;
11.Css div瀏覽器兼容與解析問題;
12.Css div可視化開發(fā)與調(diào)試;
13.CSS DIV案例分析,綜合運用,項目實戰(zhàn)。
第二十八階段
Javascript
程序設(shè)計
1. JAVAscript面向?qū)ο蠡A(chǔ);
2. 數(shù)據(jù)類型、常量及變量 表達(dá)式與運算符等;
3. JAVAscript技術(shù);
4. Javascript賦值語句、條件控制語句、循環(huán)控制語句、跳轉(zhuǎn)語句、異常處理語句、注釋語句等;
5. JAVAscript常用內(nèi)置對象;
6. JAVAscript語法;
7. Javascript函數(shù):函數(shù)的定義、返回值、參數(shù)、匿名函數(shù)、this關(guān)鍵字、遞歸函數(shù)等;
8. JAVAscript頁面操作;
9. JAVAscript表單控制;
10.javascript應(yīng)用:如何控制HTML元素和控制CSS樣式;
11.瀏覽器對javascript的解釋機(jī)制的兼容問題、檢測瀏覽器,應(yīng)對報錯的機(jī)制;
12.項目實例、特效。
第二十九階段
Javascript
高級技術(shù)
1. Javascript高級進(jìn)階;
2. 框架編程;
3. 正則表達(dá)式語法;
4. 正則表達(dá)式頁面挖掘;
5. 正則表達(dá)式構(gòu)造技巧;
6. Javascript特效封裝;
7. 各種特效開發(fā)、綜合實戰(zhàn)。
第三十階段
Flash動畫設(shè)計
1. flash動畫原理及工具的運用;
2. flash動畫屬性、事件、方法;
3. flash聲音文件、AS動作使用;
4. Flash的圖像文件格式及Flash繪圖;
5. Flash的技巧;
6. 交互式Flash: Actionscript腳本語言、事件編程;
7. Flash表單、發(fā)送信息到瀏覽器、Flash網(wǎng)頁制作等。
8. 補(bǔ)間實例制作;
9. 遮罩動畫及網(wǎng)絡(luò)動畫制作;
10.組件多媒體制作;
11.制作網(wǎng)站類型flash等;
12.使用Flash能創(chuàng)建導(dǎo)航界面,以及其他奇特的效果。
第三十一階段
就業(yè)指導(dǎo)
作品整理
1. 就業(yè)強(qiáng)化培訓(xùn);
2. 指導(dǎo)學(xué)員進(jìn)行專業(yè)化簡歷的編寫;
3. 讓學(xué)員做好充足的面試技術(shù)準(zhǔn)備并掌握面試技巧;
4. 模擬測試;
5. 模擬面試場景;
6. 就業(yè)一對一指導(dǎo);
7. 整理完整作品,并到就業(yè)部報到。
專業(yè)認(rèn)證
1. 可考取國家設(shè)計師證書,全國通用;
2. 可考取國際設(shè)計師證書,國際認(rèn)證,全球通用。
講師
老師均為資深設(shè)計師,多年UI設(shè)計經(jīng)驗,教學(xué)中將把多年的設(shè)計經(jīng)驗與大量案例與學(xué)員們共同分享。
教學(xué)模式
1.與企業(yè)無縫結(jié)合,面向企業(yè)級高端人才的應(yīng)用需求;
2.采取面授方式,互動式教學(xué),以案例分析和項目實戰(zhàn)來驅(qū)動教學(xué);
3.注重實際工作經(jīng)驗,體驗式強(qiáng)化訓(xùn)練;
4.本課程培訓(xùn)和實訓(xùn)結(jié)合,以實訓(xùn)為主要授課模式。
5.培養(yǎng)學(xué)員全新的設(shè)計理念及應(yīng)用技術(shù);
6.指導(dǎo)學(xué)員把握較前沿的行業(yè)發(fā)展動態(tài);
7.使學(xué)員具備一個優(yōu)秀設(shè)計師的能力。
教學(xué)承諾
1. 多媒體教學(xué),保證每人一臺高配置的筆記本電腦;
2. 學(xué)員一期不會,下期可免費重修;
3. 入學(xué)即簽就業(yè)保障協(xié)議,畢業(yè)后推薦學(xué)員實習(xí)或就業(yè);
4. 學(xué)員就業(yè)后在工作中遇到任何技術(shù)問題,均可獲得本中心技術(shù)支持;
5. 實行小班制項目教學(xué),著重學(xué)員的實際動手能力,通過案例分析和項目實戰(zhàn)讓學(xué)員學(xué)完后擁有相當(dāng)于1-2年的項目經(jīng)驗。