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