課程大綱：高級(jí)UI/UE交互設(shè)計(jì)培訓(xùn)
創(chuàng)意美術(shù)
美術(shù)素描設(shè)計(jì) 透視原理、設(shè)計(jì)素描、速寫(xiě)的原理及實(shí)踐、投影、視圖、燈光表現(xiàn)、寫(xiě)生等
美術(shù)色彩設(shè)計(jì) 配色原理、設(shè)計(jì)水粉、光和影的寫(xiě)實(shí)手法、色彩搭配、審美觀念，在設(shè)計(jì)中的具體運(yùn)用
手繪圖標(biāo) 二維剪影圖標(biāo)、三維寫(xiě)實(shí)圖標(biāo)手繪，手繪UI圖標(biāo)，掌握將創(chuàng)意思維轉(zhuǎn)化為圖形樣式的能力
設(shè)計(jì)構(gòu)成 點(diǎn)線(xiàn)面構(gòu)成形式和表現(xiàn)技巧，色彩與視覺(jué)原理，色彩三要素等
階段考核 完成描素、色彩圖各一張，培養(yǎng)手繪技法，色彩配色能力，審美能力及美學(xué)在設(shè)計(jì)中的運(yùn)用
GUI設(shè)計(jì)軟件 Photoshop 學(xué)習(xí)圖像處理軟件的基礎(chǔ)操作，掌握修圖摳圖、照片調(diào)色圖像特效、尺寸裁剪等入門(mén)技巧
Illustrator 學(xué)習(xí)矢量圖形軟件的基礎(chǔ)操作，掌握形狀繪制、路徑編輯、布爾運(yùn)算、字符段落等入門(mén)技巧
PS高級(jí) 圖像處理軟件提高，掌握影樓級(jí)調(diào)色、海報(bào)創(chuàng)意、網(wǎng)頁(yè)設(shè)計(jì)、仿真圖標(biāo)等高級(jí)技巧
AI高級(jí) 矢量圖形軟件提高，掌握字形設(shè)計(jì)、單頁(yè)和折頁(yè)版式、包裝、扁平化圖標(biāo)等高級(jí)技巧
第二階段(GUI視覺(jué)專(zhuān)項(xiàng)設(shè)計(jì)和元素設(shè)計(jì)）
GUI創(chuàng)意設(shè)計(jì)
元素設(shè)計(jì) 字體設(shè)計(jì) 1.由淺入深講解字創(chuàng)意設(shè)計(jì)的常見(jiàn)技巧，分析當(dāng)前廣告業(yè)界主流廣告中的字體設(shè)計(jì)特征
2.使學(xué)員了解字體裝飾藝術(shù)的特點(diǎn)，掌握字體設(shè)計(jì)方法，能從字的義、形和結(jié)構(gòu)特征出發(fā)
3.對(duì)矩形字和線(xiàn)型字的筆畫(huà)和結(jié)構(gòu)作合理的聯(lián)想和變形，創(chuàng)意出美觀形象的字體
電商DM設(shè)計(jì) 1.通過(guò)分析電商行業(yè)DM設(shè)計(jì)案例，了解如何高效快速地設(shè)計(jì)出符合電商需求的設(shè)計(jì)DM成品
2.掌握該領(lǐng)域內(nèi)的設(shè)計(jì)要領(lǐng)包括促銷(xiāo)標(biāo)題、促銷(xiāo)價(jià)格、主副標(biāo)題及文案、產(chǎn)品定位的搭配等
3.培訓(xùn)設(shè)計(jì)技巧，設(shè)計(jì)出符合電商規(guī)范的DM作品，全程實(shí)例講解并實(shí)戰(zhàn)。
廣告DM設(shè)計(jì) 1.通過(guò)剖析多行業(yè)DM設(shè)計(jì)案例，分析如何快速設(shè)計(jì)符合商業(yè)需求的單頁(yè)和三折頁(yè)
2.掌握DM設(shè)計(jì)要領(lǐng)包括版式結(jié)構(gòu)布局、配色、主標(biāo)題字設(shè)計(jì)和擺放位置、文字以及圖片的搭配
3.設(shè)計(jì)出符合廣告公司規(guī)范的DM。全程知名商業(yè)公司實(shí)例講解與實(shí)戰(zhàn)。
LOGO圖形
創(chuàng)意設(shè)計(jì) 1.深入介紹標(biāo)志設(shè)計(jì)四種形式，培養(yǎng)學(xué)員對(duì)標(biāo)志實(shí)現(xiàn)的可行性上的分析能力
2.實(shí)例分析知名互聯(lián)網(wǎng)企業(yè)LOGO的特點(diǎn)及設(shè)計(jì)手法，使學(xué)員掌握標(biāo)志設(shè)計(jì)理念的藝術(shù)規(guī)律
3.掌握三種圓切規(guī)范圖形繪制法，使學(xué)員的LOGO達(dá)到形式美的視覺(jué)效果
展示展架設(shè)計(jì) 1.了解展示行業(yè)的設(shè)計(jì)特點(diǎn)，熟悉易拉寶與X展架與噴繪的關(guān)系
2.全程知名商業(yè)公司易拉寶實(shí)例講解，使學(xué)員快速掌握布局、版式和顏色搭配及輸出
VI設(shè)計(jì)進(jìn)階 1.掌握標(biāo)志設(shè)計(jì)的顏色應(yīng)用以及了解標(biāo)志設(shè)計(jì)拓展到VI設(shè)計(jì)規(guī)范中的方法，完成小型VI設(shè)計(jì)
2.實(shí)例講解VI所關(guān)聯(lián)的主要設(shè)計(jì)，比如名片、邀請(qǐng)函、手提袋、包裝圖案等
常見(jiàn)印刷工藝 分析當(dāng)前常見(jiàn)的印刷工藝，使學(xué)員了解印刷流程并能在設(shè)計(jì)中運(yùn)用印刷工藝，如燙金和UV
階段考核 本階段考核嵌入到軟件結(jié)課當(dāng)日，國(guó)家考試模擬題目訓(xùn)練和案例實(shí)操考核
三維元素設(shè)計(jì) C4D美工 1.掌握C4D基礎(chǔ)建模，燈光材質(zhì)的多種設(shè)置以及終渲染輸出成品
2.實(shí)戰(zhàn)案例講解在電商美工酷炫海報(bào)，使學(xué)員能夠快速設(shè)計(jì)出不同風(fēng)格的三維海報(bào)效果
3.深度講解綜合商業(yè)案例，使學(xué)員掌握?qǐng)鼍?、字體、特效、綜合設(shè)計(jì)等技巧的運(yùn)用
第三階段(WUI與交互設(shè)計(jì)）
WEB界面設(shè)計(jì) 網(wǎng)頁(yè)規(guī)范統(tǒng)籌 1.網(wǎng)頁(yè)元素梳理，了解網(wǎng)頁(yè)組成部分，如搜索框、導(dǎo)航、彈框、Banner等
2.網(wǎng)頁(yè)元素規(guī)范的概念講解，讓理論為實(shí)訓(xùn)做鋪墊
3.網(wǎng)頁(yè)構(gòu)圖和排版技巧，能夠?qū)υO(shè)計(jì)風(fēng)格有一定的理論和欣賞基礎(chǔ)
網(wǎng)頁(yè)Banner速成 1.掌握Banner版面分割和版面布局，如矩形類(lèi)、多邊形類(lèi)、圓形類(lèi)等
2.掌握Banner配色技巧，解析色調(diào)氣質(zhì)和色相氣質(zhì)
3.Banner三大元素精講，包括文案排版、產(chǎn)品精修和背景搭建
4.八套Banner解析配合五大實(shí)例速成，掌握各種不同類(lèi)型和風(fēng)格的Banner設(shè)計(jì)
WEB整站設(shè)計(jì)實(shí)訓(xùn) 必備知識(shí)法則 1.了解網(wǎng)站設(shè)計(jì)流程，定位網(wǎng)頁(yè)設(shè)計(jì)的負(fù)責(zé)事項(xiàng)及項(xiàng)目的前后配合
2.網(wǎng)頁(yè)知識(shí)體系梳理，從需求分析到欄目規(guī)劃到用戶(hù)體驗(yàn)
3.網(wǎng)頁(yè)設(shè)計(jì)規(guī)范梳理，明確尺寸、文本、色調(diào)、間距等元素規(guī)范
初入企業(yè)站 1.了解企業(yè)站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
2.分析企業(yè)站布局七大風(fēng)格，如對(duì)比型、封面型、T字行、國(guó)字型等
3.根據(jù)原型圖，設(shè)計(jì)企業(yè)站首頁(yè)和內(nèi)頁(yè)樣稿
4.網(wǎng)頁(yè)設(shè)計(jì)六大問(wèn)題匯總，設(shè)計(jì)從細(xì)節(jié)做起，針對(duì)問(wèn)題修改提升企業(yè)站樣稿質(zhì)量
走進(jìn)電商風(fēng) 1.了解商城站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
2.定位電商產(chǎn)品選圖的風(fēng)格，掌握電商選圖的14個(gè)技巧
3.根據(jù)原型圖，設(shè)計(jì)商城首頁(yè)和頻道頁(yè)樣稿
4.了解電商店鋪裝修新潮流，利用C4D做3D風(fēng)電商店鋪
5.清楚如何凸顯文案及文案設(shè)計(jì)方式，掌握文案中的天龍“八部”
深入專(zhuān)題頁(yè) 1.了解什么是專(zhuān)題頁(yè)，激發(fā)專(zhuān)題設(shè)計(jì)靈感，解析細(xì)節(jié)排版奧妙
2.深入專(zhuān)題兩大風(fēng)格，通過(guò)多個(gè)主題選擇設(shè)計(jì)扁平風(fēng)和擬物風(fēng)專(zhuān)題
3.掌握設(shè)計(jì)表現(xiàn)手法的13個(gè)技巧，并能在網(wǎng)頁(yè)中靈活運(yùn)用，如聯(lián)想、懸念等
4.掌握構(gòu)造空間層次的六個(gè)捷徑，如透視、矛盾空間、折紙風(fēng)等，提升網(wǎng)頁(yè)品質(zhì)
作品大包裝 1.針對(duì)UI的分析清楚設(shè)計(jì)的方向，為未來(lái)就業(yè)準(zhǔn)確定位
2.講解作品包裝的三個(gè)技巧，在設(shè)計(jì)作品的基礎(chǔ)上用包裝提升自我作品的檔次
3.個(gè)人簡(jiǎn)歷大總結(jié)，把個(gè)人信息用網(wǎng)頁(yè)形式體現(xiàn)出來(lái)，讓面試形式多樣化
WEB前端HTML5/CSS3
布局與樣式 HTML標(biāo)簽梳理 1.5分鐘上手Hbuilder軟件，對(duì)HTML5和CSS3有初步的了解和認(rèn)識(shí)
2.掌握HTML5九大基本標(biāo)簽，包括標(biāo)題、圖像、音頻、視頻等
3.掌握HTML5智能表單基本標(biāo)簽和智能表單擴(kuò)展標(biāo)簽
七組CSS基本樣式 1.講解CSS三大引用方式，包括行內(nèi)樣式、內(nèi)部樣式表和外部樣式表
2.CSS七類(lèi)樣式詳解，包括背景、文本、字體、鏈接、列表、表格、邊框樣式
CSS3炫酷特效 1.掌握CSS3四大“變形金剛”，旋轉(zhuǎn)、扭曲、縮放和位移
2.CSS3過(guò)渡屬性詳解，通過(guò)過(guò)渡屬性完成網(wǎng)頁(yè)漂亮的交互效果
3.CSS3動(dòng)畫(huà)特效講解，通過(guò)動(dòng)畫(huà)屬性可以做多個(gè)狀態(tài)交互的網(wǎng)頁(yè)炫酷特效
選擇器細(xì)解11大類(lèi) 1.掌握CSS五類(lèi)常用選擇器，包括通用選擇器、ID選擇器、類(lèi)選擇器等
2.屬性選擇器詳解，熟練使用屬性值的篩選
3.三代關(guān)系選擇器詳解，包括子元素選擇器、兄弟選擇器、后代選擇器
4.CSS3偽類(lèi)選擇器和偽元素選擇器詳解，可以多樣化的自由選擇網(wǎng)頁(yè)元素對(duì)象
CSS布局四大技巧 1.掌握多列屬性布局技巧，能夠輕松完成報(bào)刊式排版
2.五句話(huà)吃透盒模型，清楚盒模型的計(jì)算和瀏覽器兼容性中的注意事項(xiàng)
3.左浮動(dòng)和右浮動(dòng)的設(shè)置以及如何清除浮動(dòng)以達(dá)到父級(jí)自動(dòng)擴(kuò)高問(wèn)題
4.掌握三種定位方式，絕對(duì)定位、相對(duì)定位和固定定位
響應(yīng)式雙法則 1.了解媒體查詢(xún)的引用方式，包括內(nèi)部樣式表、外部樣式表等
2.掌握媒體查詢(xún)使用方法，了解關(guān)鍵詞的使用技巧
3.了解根元素的字號(hào)適配，通過(guò)字號(hào)設(shè)置完成響應(yīng)式頁(yè)面
兼容性調(diào)試技巧 1.CSS優(yōu)化減肥技巧，包括圖片優(yōu)化和代碼優(yōu)化，提升網(wǎng)頁(yè)的加載速度
2.了解CSS優(yōu)先級(jí)的計(jì)算，解決樣式覆蓋問(wèn)題
3.掌握兼容性調(diào)試技巧，如何能夠讓代碼兼容各大主流瀏覽器
項(xiàng)目實(shí)戰(zhàn)提經(jīng)驗(yàn) 1.熟悉PS切圖技巧，如切片切圖、選區(qū)切圖等，以及網(wǎng)頁(yè)項(xiàng)目的正規(guī)創(chuàng)建
2.頁(yè)面布局規(guī)范講解，從整體到局部的規(guī)劃，先標(biāo)簽后樣式的代碼順序等
3.完成三大項(xiàng)目實(shí)戰(zhàn)，企業(yè)站，商城站和響應(yīng)式頁(yè)面，能夠獨(dú)立完成H5靜態(tài)頁(yè)面
第四階段(MUI設(shè)計(jì)項(xiàng)目實(shí)訓(xùn)）
Icon
圖標(biāo)創(chuàng)意 二維圖標(biāo)設(shè)計(jì) 1.掌握二維剪影圖標(biāo)的樣式分析、創(chuàng)作、綜合設(shè)計(jì)技巧
2.常見(jiàn)的圖標(biāo)質(zhì)感和流行風(fēng)格，手機(jī)圖標(biāo)主題應(yīng)用設(shè)計(jì)技法
UED
用戶(hù)體驗(yàn)和交互設(shè)計(jì) 產(chǎn)品設(shè)計(jì)思維
點(diǎn)對(duì)點(diǎn)引導(dǎo) 1.激發(fā)學(xué)員產(chǎn)品設(shè)計(jì)思維，引導(dǎo)學(xué)員如何使用產(chǎn)品、理解產(chǎn)品的邏輯、發(fā)現(xiàn)產(chǎn)品的問(wèn)題
2.使學(xué)員了解產(chǎn)品在研發(fā)初期直到上線(xiàn)的主要工作框架和設(shè)計(jì)過(guò)程。
思維導(dǎo)圖設(shè)計(jì) 1.以當(dāng)下主流APP為模型，分析產(chǎn)品功能和結(jié)構(gòu)，使用Xmind設(shè)計(jì)思維導(dǎo)圖
2.了解交互流程圖對(duì)思維導(dǎo)圖的重要性，使學(xué)員更深層次了解產(chǎn)品
3.學(xué)習(xí)流行的線(xiàn)上處理思維導(dǎo)圖軟件processon并快速上手
原型圖設(shè)計(jì) 1.使用Axure熟練繪制產(chǎn)品原型圖，并理解頁(yè)面之間的層級(jí)關(guān)系與交互鏈接。
2.掌握競(jìng)品分析、交互產(chǎn)品評(píng)估、產(chǎn)品立項(xiàng)和需求挖掘的綜合能力。
3.講解墨刀的主要操作方法和技巧、交互設(shè)計(jì)特點(diǎn)
AE動(dòng)效設(shè)計(jì) 分析當(dāng)前常見(jiàn)的UI動(dòng)效設(shè)計(jì)效果，解析其設(shè)計(jì)原理和目的以及如何在合理的場(chǎng)合下使用
MUI
移動(dòng)端設(shè)計(jì) iOS設(shè)計(jì)規(guī)范 1.掌握iOS13官方設(shè)計(jì)規(guī)范，包含字體規(guī)范、圖標(biāo)規(guī)范、適配原則、切圖和標(biāo)注規(guī)范
2.通過(guò)微信APP等產(chǎn)品的列表布局分析，使學(xué)員掌握列表設(shè)計(jì)的不同技巧布局方式
3.通過(guò)百度網(wǎng)盤(pán)APP等產(chǎn)品的宮格布局分析，使學(xué)員掌握宮格和卡片布局的多種形態(tài)設(shè)計(jì)
4.通過(guò)盒馬鮮生APP等電商產(chǎn)品的版式布局分析，使學(xué)員掌握綜合類(lèi)首頁(yè)布局的設(shè)計(jì)技巧
Android
設(shè)計(jì)規(guī)范 1.掌握Material Design設(shè)計(jì)規(guī)范，深入學(xué)習(xí)MD設(shè)計(jì)理念并熟悉設(shè)計(jì)風(fēng)格
2.通過(guò)瑞幸咖啡APP市場(chǎng)背景需求分析，帶領(lǐng)學(xué)員根據(jù)產(chǎn)品優(yōu)缺點(diǎn)和定位進(jìn)行改進(jìn)設(shè)計(jì)
3.通過(guò)網(wǎng)易云音樂(lè)APP首頁(yè)框架結(jié)構(gòu)，帶領(lǐng)學(xué)員根據(jù)產(chǎn)品優(yōu)缺點(diǎn)和定位進(jìn)行改進(jìn)設(shè)計(jì)
插畫(huà)視覺(jué)衍生 1.了解插畫(huà)視覺(jué)在界面中的衍生，常見(jiàn)風(fēng)格的插畫(huà)，如噪點(diǎn)插畫(huà)、2.5D等距插畫(huà)
2.通過(guò)插畫(huà)風(fēng)格掌握如何設(shè)計(jì)閃屏、引導(dǎo)頁(yè)，空白頁(yè)和404出錯(cuò)頁(yè)
人工智能與終端UI iPad/終端
可穿戴設(shè)備 1.學(xué)習(xí)iPad界面設(shè)計(jì)規(guī)范、掌握平板電腦的版式布局特點(diǎn)和交互邏輯
2.大屏移動(dòng)終端的界面設(shè)計(jì)和邏輯，分析上海地鐵購(gòu)物機(jī)的常見(jiàn)布局和設(shè)計(jì)特點(diǎn)
3.講解智能手表Apple Watch的三個(gè)設(shè)計(jì)特征：個(gè)體化、整體性、輕量級(jí)
CUI
汽車(chē)中控界面 解析特斯拉汽車(chē)中控界面的布局和交互，學(xué)會(huì)包含儀表盤(pán)、中控提示等智能化汽車(chē)界面設(shè)計(jì)
VUI
智能語(yǔ)音界面 解析微軟公司未來(lái)愿景，了解未來(lái)人工智能對(duì)UI的影響，智能語(yǔ)音界面的設(shè)計(jì)特點(diǎn)和發(fā)展方向
加入高級(jí)會(huì)員獲得助教答疑
