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