合肥榮博電腦培訓(xùn)學(xué)校開設(shè)ui設(shè)計培訓(xùn)課程，學(xué)校擁有系統(tǒng)化的課程體系，的ui設(shè)計教師，為學(xué)員提供專業(yè)的知識學(xué)習(xí)，幫助學(xué)員高效學(xué)習(xí)，成為一名優(yōu)秀的ui設(shè)計師。
| 第 一階段：設(shè)計素描 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 美術(shù)繪畫基礎(chǔ)（是認(rèn)知和觀察事物特征的有效方法論，扎實的美術(shù)繪畫基礎(chǔ)，是快速組織設(shè)計和完成表現(xiàn)的有力保障） | 透視原理及繪畫基礎(chǔ) |
1.平行透視、成角透視的制圖原理； 2.透視的繪畫表達(dá)； 3.速寫形體表現(xiàn)及基礎(chǔ)原理； 4.簡單幾何體的空間結(jié)構(gòu)； |
1.理解透視原理，增強(qiáng)空間想象力，初步掌握空間表達(dá)能力； 2.掌握簡單幾何體的空間結(jié)構(gòu)線條表現(xiàn)，可以進(jìn)行簡單物體的線描； |
|
| 素描 |
1.復(fù)雜幾何體的空間結(jié)構(gòu)； 2.基本形構(gòu)成物體； 3.解構(gòu)物體； 4.結(jié)構(gòu)素描； |
1.掌握復(fù)雜幾何體的空間結(jié)構(gòu)線條表現(xiàn)，加強(qiáng)空間理解能力和表達(dá)能力； 2.能用解構(gòu)的思維去簡化復(fù)雜物體的形體表達(dá)； 3.能運用簡單的立體結(jié)構(gòu)完成立體結(jié)構(gòu)設(shè)計； 4.掌握結(jié)構(gòu)素描的形體表達(dá)能力，能夠快速表達(dá)形體的立體空間關(guān)系； |
||
| 素描關(guān)系和光影 |
1.素描線條表現(xiàn)的筆法； 2.素描中的五大調(diào)子和表現(xiàn)； 3.靜物組合與光影關(guān)系； |
1.掌握素描線條表現(xiàn)技法，并用以表現(xiàn)素描中的體面關(guān)系； 2.能比較準(zhǔn)確的手繪表現(xiàn)物體的素描關(guān)系； 3.能夠比較準(zhǔn)確的表現(xiàn)多個物體之間的光影、素描關(guān)系； |
||
| 視覺造型設(shè)計（為視覺設(shè)計提供可用的方法和理論，幫助學(xué)員初步形成設(shè)計思維） | 造型基礎(chǔ) |
1.平面造型的基礎(chǔ)表現(xiàn)手法； 2.物體的穿插和堆疊； |
1.理解平面造型中形體的表現(xiàn)； 2.理解平面造型中的動勢和空間感； 3.培養(yǎng)在平面上表達(dá)立體結(jié)構(gòu)的能力，加強(qiáng)空間想象力； |
|
| 手繪文字設(shè)計（字體變形） |
1.手繪文字設(shè)計案例講解，括設(shè)計分析、創(chuàng)意頭腦風(fēng)暴、設(shè)計組織； 2.學(xué)員分組，進(jìn)行設(shè)計討論，共同進(jìn)行設(shè)計元素提煉，設(shè)計頭腦風(fēng)暴、組織設(shè)計思路，**后單獨完成設(shè)計； 3.完成多個主題的平面、立體手繪文字設(shè)計； 4.方案點評以及優(yōu)化意見； |
1.引導(dǎo)學(xué)員獨立思考，進(jìn)行思維發(fā)散，相互啟發(fā)； 2.培養(yǎng)溝通和協(xié)作能力，提高學(xué)員的審美和對設(shè)計作品的品鑒能力； 3.具備手繪表達(dá)設(shè)計和利用尺規(guī)進(jìn)行標(biāo)準(zhǔn)化設(shè)計的能力； 4.單個方案多種色彩表現(xiàn)形式能力的培養(yǎng)； |
||
| Logo尺規(guī)作圖 |
1.了解尺規(guī)作圖的一般過程，并結(jié)合實例講解，演示設(shè)計制作過程； 2.分組進(jìn)行三個不同主題的Logo尺規(guī)作圖設(shè)計； 3.方案點評以及優(yōu)化意見； 4.設(shè)計彩圖繪制概述； |
|||
| 第二階段：設(shè)計軟件基礎(chǔ) | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| Photoshop（功能強(qiáng)大，應(yīng)用廣泛的像素圖形軟件） | PS軟件操作基礎(chǔ) |
1.界面、視圖、圖層、圖像拼合； 2.選取工具、變形工具、圖像高級選擇； 3.切圖高級技巧； |
1.熟悉軟件界面； 2.掌握基礎(chǔ)工具使用方法； 3.**圖像后期制作設(shè)計素材，能夠?qū)D像進(jìn)行組合與設(shè)計； |
|
| PS軟件應(yīng)用基礎(chǔ) |
1.畫筆屬性、圖層高級屬性、鋼筆工具； 2.文字、通道、色彩調(diào)整、濾鏡； |
1.掌握軟件使用技巧； 2.掌握高級工具使用方法； 3.掌握路徑的繪制以及編輯操作； |
||
| PS軟件高級應(yīng)用 |
1.PS的3D功能介紹； 2.使用PS的3D功能制作立體文字； |
1.熟悉PS的3D功能，借助對軟件的使用，熟悉各項操作； 2.借助軟件，更好的理解立體結(jié)構(gòu)和建立立體空間概念； |
||
| Illustrator （應(yīng)用廣泛的矢量圖形軟件） | AI軟件操作及應(yīng)用 |
1.軟件工具介紹和使用方法講解； 2.演示矢量圖像設(shè)計制作； 3.軟件操作實訓(xùn)； |
1.熟悉軟件功能及使用技巧； 2.能夠使用軟件完成矢量圖像的制作; 3.使用軟件完成矢量圖像制作； |
|
| Sketch（新興的矢量圖形軟件，在移動界面設(shè)計中應(yīng)用廣泛，已成為UI設(shè)計必備工具） | Sketch軟件操作及應(yīng)用 |
1.軟件工具介紹和使用方法講解； 2.演示完成矢量圖里的制作； 3.軟件操作實訓(xùn)； |
1.熟悉軟件功能及使用技巧； 2.能夠使用軟件完成矢量圖例制作； 3.使用軟件完成界面制作； |
|
| An AE（強(qiáng)大的動畫制作軟件，應(yīng)用于2D動畫、游戲、網(wǎng)頁廣告、HTML5動畫、動態(tài)視覺傳達(dá)等設(shè)計領(lǐng)域） | 軟件操作及應(yīng)用 |
1.軟件工具介紹和使用方法講解； 2.時間軸和遮罩； 3.元件和補(bǔ)間動畫講解與實訓(xùn)； |
1.熟悉軟件功能，制作簡單動畫效果； 2.初步了解動畫原理與運動節(jié)奏； |
|
| 軟件高級應(yīng)用 |
1.遮罩動畫實例； 2.動畫實例精講； 3.學(xué)員分組，分工完成動畫制作； |
1.熟悉動畫設(shè)計流程； 2.能夠使用軟件完成動畫制作； |
||
| 第三階段：視覺設(shè)計原理 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 排版基礎(chǔ)（排版設(shè)計在平面視覺表達(dá)中無處不在，了解排版的基本原理對視覺信息的組織和分布具有重要的指導(dǎo)意義） | 排列的藝術(shù) |
1.版式設(shè)計； 2.親密性在版式設(shè)計中的應(yīng)用； 3.文本域； |
1.重視排版在用戶界面視覺系統(tǒng)中的重要作用； 2.理解排版在設(shè)計中的功能性作用和美學(xué)意義； 3.理解和掌握排版的基本原理； |
|
| 對齊與柵格化 |
1.柵格化在設(shè)計中的應(yīng)用； 2.對齊在版式設(shè)計中的應(yīng)用； 3.柵格的制作和應(yīng)用； |
|||
| 重復(fù)原則 |
1.重復(fù)在版式設(shè)計中的應(yīng)用； 2.形狀工具使用指導(dǎo)； |
|||
| 對比原則 |
1.對比在版式設(shè)計中的應(yīng)用； 2.回顧之前的版式設(shè)計原理； 3.打破呆板的構(gòu)圖； |
|||
| 階段性實訓(xùn) |
1.命題排版設(shè)計； 2.設(shè)計需求分析； |
運用排版設(shè)計原理，使用軟件完成設(shè)計實訓(xùn)任務(wù)； | ||
| 平面構(gòu)成 |
1.平面構(gòu)成的點構(gòu)成； 2.平面構(gòu)成的線構(gòu)成； 3.平面構(gòu)成的面構(gòu)成 |
理解平面構(gòu)成和**平面抒發(fā)情感的抽象表達(dá)； | ||
| 色彩原理與設(shè)計方法 | 色彩的基本要素與色彩構(gòu)成 |
1.色環(huán)的講解和無彩色； 2.色彩的三要素以及色彩特性在拾色器中的表現(xiàn)形式和調(diào)色原理； 3.色彩的象征意義； 4.顏色搭配的心理暗示； |
1.掌握色彩的基礎(chǔ)屬性； 2.對色彩心理由初步了解； |
|
| 色彩的重復(fù) |
1.重復(fù)在色彩設(shè)計中的應(yīng)用 2.同類色 |
1.掌握色彩的重復(fù)原理； 2.了解該原理在設(shè)計中的應(yīng)用； |
||
| 色彩的對比 |
1.冷暖、輕重、三要素的對比 2.色彩對比在設(shè)計中的應(yīng)用 |
1.掌握色彩的對比原理； 2.了解該原理在設(shè)計中的應(yīng)用； |
||
| 綜合排版 | 版式設(shè)計與構(gòu)圖 |
1.常見版式設(shè)計的形式； 2.設(shè)計中的構(gòu)圖； 3.綜合排版設(shè)計與實訓(xùn)； |
1.掌握常見的版式設(shè)計形式； 2.理解構(gòu)圖在設(shè)計中的重要性，以及構(gòu)圖在設(shè)計中的運用； |
|
| 第四階段：平面設(shè)計 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 品牌設(shè)計 | 企業(yè)VI設(shè)計 |
1.VI視覺識別系統(tǒng)； 2.VI視覺規(guī)范設(shè)計； 3.名片設(shè)計規(guī)范與實訓(xùn)； |
1.品牌相關(guān)設(shè)計涉及的衍生品十分廣泛，需要建立統(tǒng)一高聚合的品牌思維 2.具備優(yōu)秀的設(shè)計規(guī)劃能力，設(shè)計高度統(tǒng)一，且擴(kuò)展性強(qiáng)的視覺系統(tǒng)； |
|
| 物料設(shè)計（產(chǎn)品、企業(yè)、活動線下宣傳） | 印刷出版物設(shè)計 |
1.書籍雜志封面設(shè)計與實訓(xùn)； 2.畫冊設(shè)計與實訓(xùn)； 3.DM設(shè)計與實訓(xùn)： |
1.**實訓(xùn)，接觸到平面設(shè)計的日常內(nèi)容； 2.了解美學(xué)基礎(chǔ)、設(shè)計理論、軟件技能在實際當(dāng)中的應(yīng)用； 3.能夠理解產(chǎn)品設(shè)計需求，組織和優(yōu)化設(shè)計輸出內(nèi)容； |
|
| 廣告設(shè)計（各種媒介，各行各業(yè)都需要，也是設(shè)計師日常中比較常見的內(nèi)容） | 平面海報設(shè)計 |
1.不同品類產(chǎn)品海報設(shè)計特點概述； 2.活動海報設(shè)計與實訓(xùn)； 3.節(jié)日主題海報設(shè)計與實訓(xùn)； |
||
| Banner廣告設(shè)計 |
1.美食廣告banner設(shè)計與實訓(xùn)； 2.電商廣告banner設(shè)計與實訓(xùn)； 3.卡通風(fēng)格banner設(shè)計與實訓(xùn)； 4.形變字體banner設(shè)計與實訓(xùn)； |
|||
| 第五階段：交互設(shè)計 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 交互軟件Axure8.0（網(wǎng)站、應(yīng)用、游戲原型設(shè)計，應(yīng)用廣泛） | Axure軟件功能 |
1.軟件界面功能簡介； 2.使用軟件繪制原型圖； 3.為原型圖添加交互； |
1.理解原型設(shè)計在開發(fā)流程中的重要意義； 2.能夠用軟件制作有交互的原型； |
|
| 交互設(shè)計基本原理（人機(jī)交互設(shè)計的指導(dǎo)思想） | 目標(biāo)導(dǎo)向的交互設(shè)計 |
1.以行動為中心的設(shè)計： 2.用戶界面設(shè)計中的層級結(jié)構(gòu)： 3.用戶界面設(shè)計原理； |
1.用戶體驗設(shè)計理論學(xué)習(xí)； 2.理解如何設(shè)計能夠使軟件具有可用性，創(chuàng)造出更豐富更有意義的體驗； 3.讓設(shè)計簡單高效，能夠為用戶留出足夠的空間； 4.在不影響易用性的前提下，盡可能為用戶提供更詳細(xì)的信息、更多選擇、更多功能； |
|
| 交互設(shè)計策略 |
1.刪除與組織； 2.隱藏與轉(zhuǎn)移； |
|||
| 第六階段：Web界面設(shè)計 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 網(wǎng)頁設(shè)計 | 網(wǎng)頁視覺設(shè)計 |
1.網(wǎng)頁設(shè)計的形式感； 2.網(wǎng)頁設(shè)計創(chuàng)意拓展； 3.**新網(wǎng)頁設(shè)計趨勢分析和總結(jié)； |
1.拓寬學(xué)員設(shè)計網(wǎng)頁的思路； 2.可套用常見的設(shè)計形式，完成自己的設(shè)計； |
|
| 企業(yè)網(wǎng)站設(shè)計 |
1.結(jié)合企業(yè)形象，確定設(shè)計風(fēng)格和設(shè)計走向； 2.根據(jù)企業(yè)的獨特文化，設(shè)計符合企業(yè)品質(zhì)和定位的設(shè)計； 3.了解企業(yè)網(wǎng)站的功能需求和設(shè)計目標(biāo)； |
1.了解網(wǎng)頁設(shè)計中不同行業(yè)的設(shè)計風(fēng)格； 2.掌握不同類型網(wǎng)站的功能和視覺設(shè)計； 3.具備獨立完成各類不同類型、不同功能網(wǎng)站頁面設(shè)計的能力； |
||
| 網(wǎng)站專題頁設(shè)計 |
1.了解專題頁面設(shè)計的時效性： 2.專題頁面設(shè)計的視覺要求； 3.具有優(yōu)秀傳播效力的設(shè)計； |
|||
| 電子商務(wù)網(wǎng)站設(shè)計 |
1.結(jié)合實例，分析電商網(wǎng)站相關(guān)頁面設(shè)計的原型和展現(xiàn)方式； 2.電商網(wǎng)站設(shè)計的功能屬性和商業(yè)屬性； |
|||
| HTML5 CSS3 | HTML5標(biāo)簽語言 |
1.掌握HTML5標(biāo)簽語言和CSS3樣式表的基本應(yīng)用； 2.響應(yīng)式設(shè)計實現(xiàn)方法； |
1.能夠使用HTML5 CSS3完成靜態(tài)頁面的制作； 2.了解響應(yīng)式設(shè)計的基本概念，運用HTML5和CSS3實現(xiàn)響應(yīng)式設(shè)計； |
|
| CSS3樣式表 | ||||
| 響應(yīng)式設(shè)計 | ||||
| 第七階段：移動設(shè)備界面設(shè)計 | ||||
| 階段 | 課程列表 | 涉及內(nèi)容 | 課程目標(biāo) | |
|---|---|---|---|---|
| 移動平臺圖標(biāo)設(shè)計 | 手繪2D圖標(biāo)設(shè)計 |
1.圖標(biāo)概念設(shè)計表現(xiàn)； 2.不同風(fēng)格圖標(biāo)的概念設(shè)計和方案手繪； 3.不同主題圖標(biāo)的概念設(shè)計和方案手繪； |
1.進(jìn)一步拓展創(chuàng)意設(shè)計能力，幫助學(xué)員保持活躍的設(shè)計思維； 2.加強(qiáng)視覺表現(xiàn)能力，使學(xué)員能夠快速展示完成度高的設(shè)計方案； 3.軟件輔助設(shè)計實現(xiàn)，實現(xiàn)虛擬培訓(xùn)內(nèi)容到實際內(nèi)容的完美過渡； 4.對相關(guān)作品作進(jìn)一步的優(yōu)化和指導(dǎo)； |
|
| 手繪3D圖標(biāo)設(shè)計 | ||||
| 應(yīng)用圖標(biāo)制作 |
1.使用PS實現(xiàn)手繪設(shè)計的CG成品； 2.PS設(shè)計制作實訓(xùn)； |
|||
| 手機(jī)主題制作 |
1.使用Sketch實現(xiàn)手繪設(shè)計的CG成品； 2.Sketch設(shè)計制作實訓(xùn)； |
|||
| 移動UI視覺設(shè)計 | 移動端設(shè)計規(guī)范及標(biāo)注 |
1.了解移動端的設(shè)計規(guī)范和UI視覺設(shè)計的一般流程； 2.掌握不同類型應(yīng)用的功能設(shè)計； 3.課程項目制，學(xué)員按照分組參與到不同的項目的不同階段當(dāng)中，使學(xué)員在短時間內(nèi)積累多個項目的經(jīng)驗； 4.借助拓?fù)鋱D的形式對應(yīng)用需求整理與結(jié)構(gòu)梳理； 5.手繪紙質(zhì)低模原型并進(jìn)行需求討論； 6.設(shè)計優(yōu)化與交互原型設(shè)計； 7.設(shè)計方案統(tǒng)籌，確定主視覺風(fēng)格； 8.制定UI視覺設(shè)計規(guī)范，完成主要界面設(shè)計； 9.PS、AI、Sketch、AN、AE軟件綜合應(yīng)用； |
1.**實戰(zhàn)，了解完整的UI視覺設(shè)計流程； 2.多角色扮演，幫助提升學(xué)員的跨職能、跨部門溝通能力； 3.對之前學(xué)習(xí)的內(nèi)容進(jìn)行一個綜合練習(xí)，了解學(xué)習(xí)內(nèi)容在實際項目中的應(yīng)用； 4.幫助學(xué)員短時間內(nèi)積累大量的實際項目經(jīng)驗； |
|
| 音樂播放應(yīng)用項目實戰(zhàn) | ||||
| 電商應(yīng)用項目實戰(zhàn) | ||||
| 運動應(yīng)用項目實戰(zhàn) | ||||
| 醫(yī)療應(yīng)用項目實戰(zhàn) | ||||
| 互動設(shè)計 | HTML5互動傳播視覺設(shè)計 |
1.需求整理； 2.需求線框圖繪制； 3.素材設(shè)計和準(zhǔn)備； 4.互動動畫制作； |
1.了解營銷和推廣視覺設(shè)計的特點； 2.能利用互聯(lián)網(wǎng)工具獨立完成互動設(shè)計； |
|
