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