階段1 Web視覺設(shè)計0基礎(chǔ)必備
課程一、Web視覺工具篇-Photoshop技法入門
1、設(shè)計的入門與Photoshop基礎(chǔ)入門
2、Photoshop工具的應(yīng)用
3、Photoshop面板管理與應(yīng)用
4、Photoshop圖像的編輯
5、Photoshop強(qiáng)大的繪畫功能
6、圖像的潤飾與修復(fù)
7、文字與路徑應(yīng)用
8、Photoshop網(wǎng)頁切片與形成
目標(biāo)
通過認(rèn)識不同類型設(shè)計了解UI設(shè)計行業(yè),掌握Photoshop相關(guān)軟件操作基礎(chǔ),熟練使用更重要是學(xué)會直接應(yīng)用軟件,通過實(shí)際案例引入直接設(shè)計。讓無基礎(chǔ)的學(xué)員輕松入門。
課程二、Web視覺工具篇-Photoshop高手進(jìn)階
1、Photoshop圖層樣式
2、Photoshop圖層與混合模式
3、Photoshop蒙板應(yīng)用
4、智能對象與智能濾鏡
5、Photoshop通道技術(shù)
6、Photoshop顏色與色調(diào)調(diào)整
7、Photoshop濾鏡特效設(shè)計
目標(biāo)
本課程基于Photoshop工具熟悉操作下。針對圖像進(jìn)行精修、扣圖、調(diào)色及各種常規(guī)及特殊調(diào)色手法;Photoshop圖層蒙版與圖層樣式合理應(yīng)用。能應(yīng)用所學(xué)專業(yè)知識完成圖片的修飾和排版設(shè)計。
階段2 Web視覺設(shè)計必修矢量軟件
課程三、Web視覺設(shè)計師必修-Illustrator實(shí)錄
1、Illustrator基礎(chǔ)知識
2、繪圖工具操作與編輯
3、顏色與外觀的管理
4、計算復(fù)合路徑與圖層的運(yùn)用
5、文字與混合工具應(yīng)用
6、效果與樣式的應(yīng)用
7、矢量圖形綜合應(yīng)用
目標(biāo)
學(xué)習(xí)與應(yīng)用較廣泛的矢量繪圖軟件Illustrator,了解在矢量設(shè)計中的規(guī)則、特點(diǎn),以及印刷相關(guān)知識。通過網(wǎng)頁按鈕和相關(guān)圖片素材設(shè)計、游戲元素設(shè)計和網(wǎng)站宣傳頁面設(shè)計掌握Illustrator相關(guān)軟件操作基礎(chǔ),更重要是學(xué)會直接應(yīng)用軟件。
階段3 Web靜態(tài)頁面制作(前端開發(fā))
課程四、Web頁面制作基礎(chǔ)篇-網(wǎng)頁制作從入門到精通
1、HTML基本標(biāo)簽
2、使用表格顯示數(shù)據(jù)
3、使用表單和框架
4、使用DW制作網(wǎng)頁
5、利用DIV+CSS布局網(wǎng)頁
6、網(wǎng)頁中的JavaScript
7、JavaScript表單驗(yàn)證及高級操作
8、初探SEO技術(shù)
目標(biāo)
本課程從基本概念講起,帶領(lǐng)大家學(xué)習(xí)HTML、CSS樣式基礎(chǔ)知識,層層深入。了解常用標(biāo)簽的語義及基本用法,后面部分講解使用CSS美化網(wǎng)頁以及盒子模型、浮動和定位的知識,以實(shí)例操作帶入知識點(diǎn),更好讓您學(xué)習(xí)并掌握。
課程五、前端綜合項(xiàng)目實(shí)戰(zhàn)(DIV+CSS+HTML5+CSS3)
1、HTML5概要與元素
2、CSS技術(shù)詳解
3、CSS3精講
4、項(xiàng)目實(shí)戰(zhàn)一【PC端固定布局】
5、項(xiàng)目實(shí)戰(zhàn)二【移動端流體布局】
6、項(xiàng)目實(shí)戰(zhàn)三【兼容響應(yīng)式布局】
目標(biāo)
為了使廣大學(xué)員能夠充分了解HTML5和CSS3的基礎(chǔ)知識,并且能結(jié)合相關(guān)技術(shù)開發(fā)相應(yīng)的WEB網(wǎng)頁和移動應(yīng)用,本課程全面介紹了如何使用HTML5、CSS3的相關(guān)知識,還提供了PC端、移動端、響應(yīng)式布局的案例。
階段4 UI界面創(chuàng)意與實(shí)戰(zhàn)
課程六、Web視覺高級篇-完美版式必修
1、Web視覺設(shè)計的特征
2、Web視覺設(shè)計的要素
3、Web視覺設(shè)計的原則
4、Web視覺設(shè)計的流行趨勢
5、網(wǎng)頁頁面結(jié)構(gòu)組成
6、網(wǎng)頁設(shè)計中色彩的應(yīng)用
7、配色常識
8、網(wǎng)頁各組成部分的設(shè)計
目標(biāo)
通過學(xué)習(xí)Web視覺設(shè)計流行趨勢,色彩三要素及基本原理,掌握色彩分解技巧,WEB界面架構(gòu)、網(wǎng)頁元素與版式設(shè)計,能負(fù)責(zé)各種網(wǎng)頁廣告設(shè)計;能對設(shè)計趨勢有靈敏觸覺和領(lǐng)悟能力,推動團(tuán)隊(duì)的設(shè)計能力。
課程七、Web視覺創(chuàng)意館- 項(xiàng)目創(chuàng)意與實(shí)戰(zhàn)
1、Web屬性分類
2、網(wǎng)站不同地區(qū)風(fēng)格
3、Web視覺版式風(fēng)格
4、Web視覺個人網(wǎng)站
5、Web視覺生物網(wǎng)站
6、Web視覺體育類網(wǎng)站
7、Web視覺建筑類網(wǎng)站
8、Web視覺創(chuàng)意實(shí)例
目標(biāo)
了解WUI標(biāo)準(zhǔn)設(shè)計規(guī)范及風(fēng)格,Web界面的分類,企業(yè)網(wǎng)站界面、門戶網(wǎng)站界面、專題活動界面的分析與設(shè)計,掌握網(wǎng)站及軟件界面設(shè)計的技能和技巧。學(xué)完后能對大型網(wǎng)站界面風(fēng)格設(shè)定(包括界面、圖標(biāo)風(fēng)格與統(tǒng)一規(guī)范等經(jīng)驗(yàn) )。
課程八、Web視覺實(shí)戰(zhàn)篇-網(wǎng)站視覺與制作綜合應(yīng)用
1、企業(yè)網(wǎng)站案例一【電子商務(wù)類型】
2、電子商務(wù)網(wǎng)站的需求分析
3、電子商務(wù)網(wǎng)站的原型設(shè)計
4、電子商務(wù)網(wǎng)站的頁面設(shè)計與制作
5、企業(yè)網(wǎng)站案例二【門戶網(wǎng)站類型】
6、個人簡歷網(wǎng)站案例分析
目標(biāo)
本課程主要以實(shí)際案例和軟件操作來講解,課程設(shè)置從創(chuàng)意體現(xiàn)、視覺表現(xiàn)、廣告設(shè)計等為主要內(nèi)容。鍛煉學(xué)員考慮問題的角度,分析問題和解決問題能力。使學(xué)員學(xué)會如何通過作品闡述自己的設(shè)計思路。
階段5 移動端界面設(shè)計
課程九、Web視覺提高篇-UI移動端界面設(shè)計基礎(chǔ)
1、移動客戶端基礎(chǔ)知識
2、移動端手機(jī)系統(tǒng)與手機(jī)的發(fā)展
3、圖標(biāo)設(shè)計的基本原則
4、移動客戶端UI設(shè)計實(shí)例
5、IOS系統(tǒng)APP圖標(biāo)與界面
6、Android系統(tǒng)APP圖標(biāo)與界面
目標(biāo)
詳細(xì)講解ICON圖標(biāo)的類型,不同手機(jī)平臺設(shè)計規(guī)范;掌握應(yīng)用軟件獨(dú)立設(shè)計制作圖標(biāo)與界面的能力。以及ios平臺和Android平臺上布局規(guī)范設(shè)計。
課程十、Web視覺實(shí)戰(zhàn)篇-UI移動端界面設(shè)計進(jìn)階
1、客戶端圖標(biāo)設(shè)計
2、播放器界面設(shè)計
3、不同主題界面設(shè)計
4、手游裝備元素設(shè)計
5、游戲HUD界面設(shè)計
6、手游之地圖設(shè)計
7、冰雪消除游戲主界面設(shè)計
目標(biāo)
ICON設(shè)計基本流程與設(shè)計規(guī)范的概念性講解,掌握當(dāng)今世界很系統(tǒng)的UI界面圖標(biāo)設(shè)計技能,重點(diǎn)了解各種風(fēng)格的設(shè)計方法通過各種風(fēng)格設(shè)計方法訓(xùn)練,快速掌握不同圖標(biāo)與界面設(shè)計特征和效果實(shí)現(xiàn)。
階段6 界面原型交互設(shè)計
課程十一、Web視覺擴(kuò)展篇-Web之Axure高保真原型設(shè)計與制作
1、Axure RP7.0 軟件環(huán)境的搭建
2、認(rèn)識Axure的軟件界面
3、Axure工具欄的使用
4、Axure常用組件設(shè)計
5、動態(tài)面板的常用功能
6、Axure 函數(shù)應(yīng)用
7、案例之電商網(wǎng)站的從分析到原型設(shè)計
目標(biāo)
掌握Axure相關(guān)軟件操作基礎(chǔ),熟練使用更重要是學(xué)會直接應(yīng)用軟件,通過綜合案例實(shí)戰(zhàn)使已有簡單基礎(chǔ)的學(xué)員深入掌握產(chǎn)品交互設(shè)計
課程十二、Web視覺擴(kuò)展篇-APP之Axure高保真原型設(shè)計與制作
1、主流APP導(dǎo)航設(shè)計分析與制作
2、社交類APP界面原型設(shè)計
3、八種常用交互方式的原型制作
4、案例之Fancy 的原型制作
目標(biāo)
通過案例學(xué)習(xí)掌握移動APP原型設(shè)計、交互設(shè)計的原理,不同功能的交互邏輯,設(shè)計符合用戶習(xí)慣的功能流程。