課程詳情
UI設計課程大綱 | |||||
階段 | 課程目標 | 模塊 | 課程內容 | 案例 | |
較好階段 | 學員對行業(yè)和課程了解，養(yǎng)成良好的學習方法和習慣；同時采用簡筆畫，分組討論等方式培養(yǎng)入學學員的創(chuàng)意策劃思維和藝術修養(yǎng)水平；并使用相關設計軟件表現(xiàn)出來，為后繼階段學習打下基礎。 | 設計理論 | 素描關系 | 素描與光影繪制訓練訓練 課程通過繪制幾何形體，理解光照射物體時明暗變化的層次關系“素描五大調子”：亮面、灰面、暗面、交界線和反光?？臻g表現(xiàn)能力，光照射物體時的明暗變化以及層次關系等重要知識 | |
色彩原理及搭配 | 光色和色料的色譜是有區(qū)別的，如光的三原色是紅光、綠光和藍光，而色料的三原色是紅色、黃色和藍色。軟件使用時，比如Photoshop的色彩體系是RGB模型，所以我們在色彩部分會和大家分享顏色的基本原理。色彩屬性、對比與調和、色彩的混色配置、設計色彩的表述體系，色彩的裝飾美感及色彩的表現(xiàn)方法。 | ||||
設計構圖原理 | 平面構圖的形勢美法則，構圖的基本原理與形式，點線面的結合. | ||||
三大構成 | 平面構成、色彩構成與立體構成，是現(xiàn)代藝術設計基礎的重要組成部分。通過學習三大構成，掌握二維空間構圖能力、三維空間構圖能力和色彩運用的 基本方法。具備將各種設計素材按照美學原則重新組合創(chuàng)造的能力。 | ||||
軟件基礎 | Photoshop | Photoshop軟件的界面構成與計算機圖像設計的基本知識，各種圖像處理工具的使用。 | |||
Illustrator | 了解Illustrator矢量圖形繪制軟件的界面與工具；矢量圖形繪制的技巧 | ||||
第二階段 GUI+電商 | 學習平面軟件Photoshop、Illustrator、CorelDraw | 商業(yè)設計應用Photoshop | 型錄設計 | 招貼設計 | |
VI設計（企業(yè)形象識別系統(tǒng)建設流程） | 基本要素系統(tǒng)：標志設計、標準字、標準色字、標志和標準字的組合； | ||||
包裝設計 | 書籍裝幀 | ||||
平面設計后期印刷 | 海報、書籍、折頁、易拉寶、包裝等平面設計，印刷種類、紙張開度、印刷色彩、印前設計、制版印刷和印后加工。 | ||||
淘寶網(wǎng)店設計 | 網(wǎng)店產(chǎn)品修圖 | ||||
商業(yè)案例綜合實訓 | 了解企業(yè)用戶的設計需求；理解如產(chǎn)品特點、行業(yè)定位、企業(yè)特性的分析方法；掌握視覺實現(xiàn)的技術與流程規(guī)范。 | ||||
可從事職業(yè)： | 平面設計師/廣告設計師 | ||||
第三階段 WUI+H5動畫 | 通過學習不同類型和風格的網(wǎng)站頁面設計，讓學員掌握WEB端整體設計流程，項目制作標準規(guī)范并用設計軟件實現(xiàn)；同時深入學習WEB端的交互設計理念，學員能夠抓住用戶的需求；并通過HTML,CSS, | 軟件基礎 | Dreamweaver | 建立站點、添加頁面元素、使用CSS樣式及交互行為。 | |
H5動畫 | 移動端的動畫制做原理與技巧，典型WUI商業(yè)廣告中的GIF技術與實現(xiàn)。 | ||||
主流網(wǎng)頁界面設計 | 網(wǎng)站建設流程及規(guī)范 | Web界面設計的流程、布局原則、色彩與用戶心理的運用、手機移動網(wǎng)站的兼容性， Web標準設計規(guī)范及風格；了解移動端Web界面設計的設計技巧. | |||
多風格類型界面設計 | 講解色彩與構圖的基本概念，掌握各種企業(yè)類網(wǎng)站的網(wǎng)頁特點認知，前沿企業(yè)Web界面、知戶Web界面、專題活動界面的分析與設計。 | ||||
網(wǎng)站宣傳品設計 | 網(wǎng)站常用宣傳品設計：Banner廣告、Banner美術字設計、Banner*美術字設計 | ||||
電商專題/產(chǎn)品界面設計 | Web專題界面設計特點與基本原則，結合淘寶中寶貝詳情頁與活動頁（雙十一活動）的專題設計，講解Web專題界面設計特點，并了解SEO的基本原則與方法。 | ||||
網(wǎng)頁Banner廣告設計 | 網(wǎng)絡廣告設計標準與實現(xiàn)：講解動態(tài)banner的設計標準， | ||||
網(wǎng)頁樣式與布局設計 | 對網(wǎng)頁結構進行認知，了解切片與網(wǎng)頁結構間的邏輯關系，學習符合W3C標準的HTML網(wǎng)頁框架制作技術，包括結構標簽、表格、表單等，學習網(wǎng)頁樣式表現(xiàn)方法，使用CSS對網(wǎng)頁進行細節(jié)美化。 | ||||
Web整站設計 | 結合實訓項目學習企業(yè)網(wǎng)站的原型設計、網(wǎng)頁項目提案解決方案、Web端切圖規(guī)范 | ||||
項目實訓 | 企業(yè)網(wǎng)站，電商網(wǎng)站代練與實訓 | ||||
可從事職業(yè)： | 網(wǎng)頁設計師 淘寶美工 | ||||
第四階段 移動端交互設計 | 掌握不同風格，不同平臺的移動端設計能力和項目制作規(guī)范，達到移動平臺的商業(yè)設計要求，具備完成整個的項目的執(zhí)行能力。同時深入掌握移動端交互設計；掌ios,Android等平臺的跨平臺的設計，掌握UI設計師在商業(yè)項目中必備的技能。 | 圖標及界面設計 | 產(chǎn)品設計流程及規(guī)范 | 產(chǎn)品設計流程及規(guī)范 | |
移動平臺圖標設計 | ICON設計基本流程與設計規(guī)范的概念性講解，掌握當今較系統(tǒng)的UI界面圖標設計技能，了解各種風格的設計方法通過各種風格設計方法訓練，掌握不同圖標設計特征和實現(xiàn)。講解色彩基本概念，并結合不同風格類型的icon進行案例分析及代練，學習寫實風圖標的設計。剪影圖標、扁平化圖標、2.5D圖標、擬物化圖標、3D圖標 | ||||
可穿戴設備設計 | 隨著蘋果Watch的發(fā)布，可穿戴設備越來越被用戶所接納，而運行在這些設備上的APP設計需求也越來越多，課程將詳細講授各種主流設備的設計規(guī)則與特點。 | ||||
交互設計Axure、Viso、墨刀、Flinto | UI交互原型設計 | 運用交互軟件讓學員更多以及更便捷的理解交互原理。 | |||
交互原型圖 | 學習Axure高保真網(wǎng)站原型制作，掌握Axure RP軟件，通過項目學習和掌握交互設計的原理，不同平臺交互特點，了解用戶心理。 | ||||
拓撲圖（信息架構圖） | 掌握競品分析的步驟與方法，并靈活運用X-mind制作信息框架圖 | ||||
動效設計 | After Effects應用 | 通過AE實現(xiàn)UI交互過程中的動態(tài)的設計，使AE動效能夠更好的對于UI設計進行表達。 | |||
動效提案設計 | 學習AfterEffects在實現(xiàn)動效設計中的技法，在動效中表達交互想法，為后續(xù)交互設計提案呈現(xiàn)提供 | ||||
項目實訓 | 項目實訓 | 圖標設計 MIUI及華為主題設計圖標設計實訓。社交類APP界面設計，工具類APP界面設計（含交互原型圖），企業(yè)型產(chǎn)品項目設計 | |||
可從事職業(yè)： | UI設計師/交互設計師/穿戴設備UI設計師 | ||||
第五階段 Web前端 | 1掌握基于WEB標準的網(wǎng)站結構搭建、WEB界面外觀美化和主流瀏0覽器兼容性 | 3D界面設計 | C4D | 增強三維空間感，透視、視覺和逼真的渲染，使其更加體現(xiàn)界面的質感 | |
Web前端開發(fā) | 網(wǎng)頁開發(fā)基礎HTML+CSS | 學習HTML語法與常用標簽的詳解，包括布局標簽，表格標簽，表單標簽等。以及CSS語法與常用屬性的詳解，使用CSS對網(wǎng)站中各個模塊進行修飾美化。 | |||
JavaScript編程語言 | 掌握JS腳本的基本語法規(guī)則，了解DOM模型對象的調用方法，通過掌握JS各種*的基本使用方法。熟練掌握jquery的使用方法，以及jquery插件的使用方法。 | ||||
項目實訓 | 網(wǎng)頁開發(fā) | 1、html5的新規(guī)范，包含語義化標簽、表單擴展、離線存儲、canvas編程。 | |||
項目實訓 | 中小型企業(yè)網(wǎng)站項目、電子商務網(wǎng)站項目、PC客戶端軟件界面設計 | ||||
可從事職業(yè) | WEB前端設計師 H5設計師 | ||||
第六階段 | 就業(yè)準備3-5天 | 互聯(lián)網(wǎng)行業(yè)標準和 | 、簡歷制作、、面試題輔導、行業(yè)講座 | ||
相關課程查看更多 >
