武漢全鏈路UI設(shè)計專業(yè)培訓班

UI設(shè)計課程課程大綱

一、美術(shù)訓練營與設(shè)計美學思維訓練
1.UI設(shè)計開班典禮：熱情融洽的開班典禮儀式。為學員們搭建一個展現(xiàn)自我，相互認識、流暢溝通的平臺，將對本期班的教學管理及學習模式、學習目標有一個清晰認識，本班講師、教學總監(jiān)以及班主任將對學員發(fā)表講話。
2.美術(shù)訓練營：解密現(xiàn)實中的光影與黑白灰關(guān)系，色彩與靜物寫生之間的微妙剖析，奇幻插畫CG創(chuàng)作技法，百變藝術(shù)創(chuàng)意快題表現(xiàn)，素描速寫集訓，三大構(gòu)成原理，透視/構(gòu)圖/造型訓練，色彩心理感官訓練，互聯(lián)時代下的UI應(yīng)用商業(yè)美術(shù)發(fā)展趨勢。
3.實用型設(shè)計美學思維訓練：色彩的構(gòu)成原理與色彩的基本要素，色彩心理與PS通道原理的講解，大神級別的人像修片調(diào)色常用技法，效果圖修飾的因素與常用調(diào)色技巧，設(shè)計效果圖實例與色彩的運用，空間色彩搭配商業(yè)案例，面的構(gòu)成與圖形思維組織形式的講解，發(fā)散思維之創(chuàng)意設(shè)計圖形訓練，設(shè)計中的CG創(chuàng)作技法與常用工具，設(shè)計中的創(chuàng)意圖形綜合訓練。
4.UI基礎(chǔ)造型設(shè)計：創(chuàng)意沒有雷同只有超越，教你從生活中提取靈感再進行發(fā)散思維，從藝術(shù)到技術(shù)，從思路到方案，從草圖到效果圖，教你如何把頭腦中的想法表現(xiàn)出來，從而實現(xiàn)的設(shè)計作品。
二、GUI圖形圖像創(chuàng)意設(shè)計與二維思維空間創(chuàng)意知識講解
1.圖像創(chuàng)意軟件基礎(chǔ)知識：圖像軟件件之PS操作基礎(chǔ)知識，PS軟件核心知識之商業(yè)廣告圖層操作規(guī)范，矢量工具的使技巧與商業(yè)運用，剪貼蒙版的廣告創(chuàng)意使用方法，圖層樣式的UI設(shè)計知識詳解，通道全方位知識解密，商業(yè)圖片修改技法，商業(yè)影樓調(diào)色解密。
2.圖像創(chuàng)意之電商營銷推廣類廣告設(shè)計知識：電商營銷廣告分類詳解，電商直通車廣告設(shè)計版式分式，電商直通車設(shè)計構(gòu)成詳解，電商直通車設(shè)計流程解析，電商鉆展設(shè)計策劃分析，電商鉆展設(shè)計創(chuàng)意手法解析，電商鉆展設(shè)計流程解析。
3.圖像創(chuàng)意之電商店鋪首頁設(shè)計大全：電商店鋪模版知識講解，電商店鋪初級裝修知識講解，電商店鋪版式內(nèi)容分類詳解，電商店鋪設(shè)計前期策劃知識，電商店鋪設(shè)計風格詳解，電商店鋪裝修的視覺設(shè)計要點說解，電商首頁設(shè)計流程與規(guī)范。
4.圖像創(chuàng)意之電商產(chǎn)品詳情頁設(shè)計知識詳解：電商產(chǎn)品詳情頁制作的前期方案策劃，電商詳情頁制作的注意事項，電商詳情頁的視覺設(shè)計規(guī)范，詳情頁產(chǎn)品圖片的精修知識，詳情頁產(chǎn)品內(nèi)容選擇知識，詳情頁設(shè)計之頁面設(shè)計元素的選擇與處理，詳情頁設(shè)計的修改方法（客戶設(shè)計需求變更的解決方法）。
5.圖像創(chuàng)意之視覺廣告創(chuàng)意解析：視覺廣告流行的趨式分析，視覺廣告之攝影素材圖片的選擇方法，視覺廣告透視原理講解，視覺廣告設(shè)計之圖片色彩處理手法，美術(shù)圖像的光與影的關(guān)系及處理手法，視覺廣告合成之創(chuàng)意表現(xiàn)方式，視覺廣告合成之手法技巧，視覺廣告設(shè)計之廣告策劃詳解，視覺廣告方案內(nèi)容的排版知識，視覺廣告制作案例精講。
6.圖形創(chuàng)意之UI視覺邏輯處理：在實際的用戶界面設(shè)計中，我們通過學習心理學中對視覺的影響讓我們的設(shè)計更加符合用戶的視覺邏輯，幫助用戶更好的去區(qū)分類容并且?guī)椭�用戶更方便的找到他想看到的�?nèi)容。
7.圖形創(chuàng)意之理性分析設(shè)計：通過一系列專門針對UI設(shè)計概念的總結(jié)，歸納出一套目標用戶在不同應(yīng)用場景下能夠適用的UI界面設(shè)計思維，大幅提升設(shè)計效率，幫助設(shè)計師在設(shè)計思維空白的情況下找到設(shè)計思路。
8.實際案例逆向推理：通過對真實線上APP項目進行逆向推理，學習并掌握如何讓設(shè)計思路成形，并且將設(shè)計思路轉(zhuǎn)換成圖形圖像。
三、GUI三維空間圖像視覺創(chuàng)意實訓
1.三維創(chuàng)意軟件Cinema 4D操作基礎(chǔ)知識：C4D軟件入門知識講解，C4D界面與操作詳解，C4D軟件父子關(guān)系知識，C4D軟件多種建模知識（幾何、曲線、擠壓、放樣、掃描的NURBS建模方式）。
2.三維創(chuàng)意軟件Cinema 4D的渲染、燈光與材質(zhì)：C4D基礎(chǔ)渲染知識與操作技巧，C4D軟件燈光分類與操作手法，C4D燈光布光的方法精講，C4D攝像機的操作知識與原理，C4D軟件常用材質(zhì)知識講解，C4D軟件特殊材質(zhì)知識講解，C4D軟件UV貼圖知識詳解，C4D軟件綜合渲染（室內(nèi)室外與靜物渲染）。
3.三維創(chuàng)意軟件Cinema 4D綜合商業(yè)案例精講：C4D軟件與電商廣告之間的創(chuàng)意關(guān)系，三維廣告元素的制作流程，廣告主視覺元素的制作，大場景中的三維畫面元素的制作流程，C4D軟件動畫制作流程案例，C4D軟件運動知識案例精講。
四、MUI移動端APP項目開發(fā)
1.UI、UE設(shè)計初識：未來UI在VR黑科技領(lǐng)域的發(fā)展趨勢，手勢交互體驗，帶你領(lǐng)略未來的電子科技生活，UI交互設(shè)計工作流程，交互功能的原則，掌握社會UI人才需求中的《全鏈路設(shè)計師》的5個方法。
2.UI圖標項目：輕松玩轉(zhuǎn)剪影線性圖標，主流創(chuàng)意圖標集訓，擬物3D圖標實訓。
3.游戲圖標/場景雕刻：手繪基礎(chǔ)與工具的講解，游戲的新發(fā)展趨勢，游戲3D圖標創(chuàng)意思路講解，zbrush雕刻軟件的講解，ZB雕刻次世代3D圖標制作流程，游戲三維場景的ZB雕刻，游戲手繪場景的實訓，棋牌游戲與小游戲的界面設(shè)計套路。
4.精通交互原型低保真設(shè)計：對交互低保真原型的正確認知，對用戶行為和認知的過程分析，400款APP交互設(shè)計中的功能級布局套路，新人如何把握對于從無到有的新產(chǎn)品開發(fā)模式，北上廣深杭等地區(qū)對原型工具的傾向分析Axure/sketch/MocKplus/MockingBot/justinmind，精通原型設(shè)計可以提高UI設(shè)計師的身價，交互設(shè)計師進階全棧設(shè)計的培養(yǎng)。
5.Android移動平臺界面設(shè)計：掌握Android平臺APP全整套設(shè)計流程：包括拓撲圖，原型圖，界面設(shè)計與GUI等。
6.IOS移動平臺界面設(shè)計：實例講解ipad等ios相關(guān)設(shè)計規(guī)范，iphone X的適配講解，掌握ipad平臺APP設(shè)計整理全套設(shè)計流程：包括拓撲圖，原型圖，界面設(shè)計圖及GUI等。
7.移動平臺界面沖擊視覺效果圖設(shè)計：結(jié)合色彩運用，文字排版編輯技巧，運用C4D的從構(gòu)圖原理，模型搭建，模擬自然光，動力學等因素進行布局展示、引導頁、啟動頁頭七秒定律、banner效果圖的設(shè)計。
8.UI項目輸出測試階段：IOS/Android切圖的規(guī)范講解，切圖高效率工具與插件的運用，認識程序開發(fā)的工作流程及需求層次，標注的命名與標注的排版標準講解，**標注工具與韓國標注工具對比及高效率輸出，有情懷的APP流程圖制作講解，輸出APP的演示demo。
五、MUI互聯(lián)網(wǎng)思維與產(chǎn)品項目實訓
1.用戶體驗中的創(chuàng)新設(shè)計：體驗可視化，賦能用戶洞察與產(chǎn)品創(chuàng)新，如何讓產(chǎn)品匹配敏健迭代的用戶研究策略，全價值鏈研究員的思考與實踐，用戶體驗三大評估指標優(yōu)劣勢分析CSAT/NPS和CES，格式塔理論的設(shè)計應(yīng)用案例剖析，UI設(shè)計師中的產(chǎn)品經(jīng)理思維養(yǎng)成。
2.互聯(lián)網(wǎng)思維與營銷：正確認知產(chǎn)品經(jīng)理，互聯(lián)網(wǎng)思維基礎(chǔ)，互聯(lián)網(wǎng)思維之用戶/迭代思維/簡約思維/思維/流量思維/社會化思維/平臺/跨界思維，互聯(lián)網(wǎng)產(chǎn)品的商業(yè)模式，市場需求下的競品分析與產(chǎn)品新發(fā)展趨勢。
3.產(chǎn)品經(jīng)理成長秘技：數(shù)據(jù)來源轉(zhuǎn)化率分析與產(chǎn)品運營（內(nèi)容/活動/產(chǎn)品營銷推廣），以用戶為中心的產(chǎn)品設(shè)計及設(shè)計原則，產(chǎn)品設(shè)計中的視覺營銷，需求制作的xmind與mindmanger的優(yōu)劣勢，從零打造一款主流APP產(chǎn)品，從零打造一款社區(qū)web產(chǎn)品，怎么做一款O2O互聯(lián)網(wǎng)產(chǎn)品。
4.產(chǎn)品項目實訓：移動端產(chǎn)品設(shè)計規(guī)范原則；產(chǎn)品立項，定義，視覺規(guī)范設(shè)定，APP界面的設(shè)計風格，界面交互設(shè)計規(guī)范，App導航設(shè)計模式大對比，細節(jié)提升氣質(zhì)，APP模塊之前的交互打通，逆向思維的培養(yǎng)，產(chǎn)品設(shè)計中的坑，設(shè)計師如何實現(xiàn)價值的大化，讓前端工程師實現(xiàn)的設(shè)計效果，如何避免設(shè)計中廉價感，APP產(chǎn)品中設(shè)計師必須要懂得心理學原理。
六、MUI設(shè)計C4D動效專家
1.UI基礎(chǔ)動效：AE基礎(chǔ)動效的位移動畫，縮放動畫，不透明度動畫，旋轉(zhuǎn)動畫，遮罩動畫講解，主流的動效工具AE/Finto/Principle/CIN，EMA4D/keynode的優(yōu)缺點分析與運用 MG動效項目實踐。
2.APP項目動效：動效UI項目進階篇AE動效的實現(xiàn)篇，APP產(chǎn)品中的loading動畫，APP產(chǎn)品中的ICON動畫，交互動畫深度剖析及動效文檔規(guī)范與說明，動效與開發(fā)之間標注切圖故事，AE動效的前沿代碼輸出規(guī)范。
3.C4D動效高效工具講解：C4D的基礎(chǔ)操作與動畫初識，C4D動畫變形器的講解，octane阿諾德arnold渲染器的深度運用，C4D建模方式方法。
4.C4D動效進階實現(xiàn)篇：C4D制作啟動頁動畫案例講解，C4D場景動畫案例講解，C4D小角色動畫案例講解，C4D木偶動畫的案例講解，C4D的動力學與粒子系統(tǒng)講解，C4D精通的十條法則。
5.C4D輸出與AE的結(jié)合：C4D動效渲染參數(shù)設(shè)置，C4D動效輸出設(shè)置，C4D與AE的結(jié)合注意事項，APP項目開發(fā)中的動效需要元素，總結(jié)動效實現(xiàn)需要避免的坑。
七、WUI設(shè)計WEB端界面設(shè)計
1.網(wǎng)站界面設(shè)計基礎(chǔ)：網(wǎng)頁配色與布局：講解色彩與構(gòu)圖的基本概念，掌握各種網(wǎng)站的網(wǎng)頁特點認知，根據(jù)不同企業(yè)類網(wǎng)站的特點， 企業(yè)類網(wǎng)站設(shè)計，電商店鋪裝修設(shè)計，APP設(shè)計特點，HTML5+CSS3+JS炫酷類網(wǎng)站設(shè)計。
2.網(wǎng)頁用戶體驗設(shè)計：講解互聯(lián)網(wǎng)產(chǎn)品在使用之前、使用期間和使用之后的全部感受，包括情感、信仰、喜好、認知印象、生理和心理反應(yīng)、行為和成就等各個方面，做一個從用戶角度出發(fā)的網(wǎng)頁視覺設(shè)計師。
3.WEB元素打造技法：各類網(wǎng)頁元素的繪制方式方法與案例中的實際應(yīng)用。包括網(wǎng)頁圖標、banner、藝術(shù)字等。各類風格的表現(xiàn)手法日韓卡通小清新風格、**水墨氣息風格、歐美簡約大氣風格。
4.WEB前端代碼基礎(chǔ)：對網(wǎng)頁結(jié)構(gòu)進行認知，了解切片與網(wǎng)頁結(jié)構(gòu)間的邏輯關(guān)系，學習符合W3C標準的HTML網(wǎng)頁結(jié)構(gòu)技術(shù)，掌握書寫具有語義化的標簽結(jié)構(gòu)，使用時下更流行的DIV+CSS進行網(wǎng)頁制作，用CSS精靈技術(shù)處理網(wǎng)頁圖像，對網(wǎng)頁進行seo搜索引擎優(yōu)化,掌握滑動門技術(shù)，解決各大瀏覽器兼容性問題。
5.網(wǎng)站項目實戰(zhàn)：使用DW工具開發(fā)實戰(zhàn)項目,制作線上大型網(wǎng)站案例,強化網(wǎng)站書寫技術(shù)，熟練掌握整套網(wǎng)站制作流程。
6.HTML5 超文本標記語言：HTML入門、文本、圖像、鏈接表格、列表、表單、框架。
7.CSS 層疊樣式表：CSS基礎(chǔ)語法、通用選擇器、元素選擇器、id和class選擇器、后代選擇器、盒子模型，浮動布局與定位布局講解。
8.企業(yè)站項目制作：W3C頁面與小米詳情頁制作，電商網(wǎng)站制作。
9.原型設(shè)計與制作：互聯(lián)網(wǎng)UI交互設(shè)計理論，網(wǎng)頁原型demo制作。
10.平臺站、專題頁項目制作：京東首頁，汽車首頁，360專題頁實現(xiàn)，華為首頁實現(xiàn)。
11.CSS3.0 動畫運用：CSS復雜選擇器、動畫、過渡、2D/3D轉(zhuǎn)換、CSSHack、CSS優(yōu)化。
12.個人獨立網(wǎng)站制作：建立自己的個CMS上線網(wǎng)站核心案例講解。
13.JavaScript核心技術(shù)體系：JavaScript基礎(chǔ)語法、數(shù)組Odject、Function、String和正則表達式、Document對象、節(jié)點結(jié)、選取并讀取節(jié)點、刪除節(jié)點、元素樣式編輯等。
14.JS實戰(zhàn)項目訓練：京東登錄注冊、淘寶登錄注冊、京東產(chǎn)品詳情的頁面動效以及交互實現(xiàn)。
八、H5新功能特性與移動端應(yīng)用、前端框架應(yīng)用、移動端APP打包輸出
1.HTML功能應(yīng)用：HTML5 Canvas繪圖、HTML5 SVG、音頻和視頻處理、表單處理等。
2.H5實例應(yīng)用：飛機大戰(zhàn)、飛揚的小鳥、復雜訂單的實現(xiàn)。
3.JQuery：jQuery概述、jQuery選擇器、jQueryHTML操作、jQuery事件等。
4.Bootstrap：Bootstrap基礎(chǔ)、Bootstrap Grid、Bootstrap nputs、Bootstrap CSS等。
5.Coc os：Cocos的認識與功能講解，游戲開發(fā)引擎的了解與認知，游戲開發(fā)的步驟，高效制作小游戲案例講解，微信小程序的制作，棋牌游戲的案例講解。
6.階段項目實踐與測試：微信小程序的制作，APP棋牌游戲的案例講解。
7.移動端頁面布局：為大屏而設(shè)計、移動端切圖、文字流式/布局彈性/圖片等比例/布局。
8.移動端常用框架使用：css framework、交互框架、Zepto/iScroll5/swiper、MVVM/MUI框架等。
9.HBuilder 5+APP WAP2app：設(shè)計理念及常用功能 ，MUI開發(fā)注意事項，APP調(diào)試技巧與調(diào)試打包。
10.階段項目實戰(zhàn)開發(fā)：電商B2C購物商城、BBS技術(shù)論壇、交警在線、微信公眾平臺開發(fā)，移動端APP界面開發(fā)。
九、UI就業(yè)一對一指導與高薪就業(yè)技巧分享

1.網(wǎng)申/筆試/面試全解析：簡歷，用一張紙讓別人知道你的厲害，UI筆試，你不得不知的那些套路，聊聊群面的那些事，進入單面，半只腳跨進互聯(lián)網(wǎng)企業(yè)，終面，離offer只差一步。
2.輕松搞定UI設(shè)計師無小組面試中的個人陳述：個人自我陳述考核的重點與答題思路，個人陳述的技巧與方法，如何處理個人陳述中的觀點沖突，如何讓你的項目作品打動面試官，如何在個人陳述中搞定面試官。
3.模擬UI職場面試：職場菜鳥與精英的區(qū)別認知，建立面試官的親和感，怎么樣陳述缺點和不良信息，如何引導面試官進入你設(shè)計的套路，面試中的多軌道思維，面對面試官的陷阱如何破坑。