

Web UI/UE設(shè)計師課程體系
階段名稱
課程簡介
主要學(xué)習(xí)內(nèi)容
階段
UI設(shè)計基礎(chǔ)(贈送課程)
根深而枝葉茂,想要學(xué)好網(wǎng)頁UI設(shè)計,堅實的基礎(chǔ)也是必不可少的。通過本課程將學(xué)習(xí):PS操作基礎(chǔ)、色彩搭配技巧、版式布局方法、AI。
設(shè)計大牛談UI/UE崗位及學(xué)習(xí)方法
PS鋼筆工具——UI/UE設(shè)計常用利器
PS摳圖與圖片的修飾-UI/UE界面美化技法
PS形狀工具-UI/UE設(shè)計必備利器
圖層與濾鏡-UI設(shè)計質(zhì)感表現(xiàn)
蒙版-UI設(shè)計效果表現(xiàn)
色彩基礎(chǔ)及色彩搭配-UI/UE設(shè)計基本功
版式及布局-UI/UE設(shè)計基本功
AI基本操作及移動端圖標(biāo)設(shè)計
項目-用AI設(shè)計App啟動頁面
項目-用AI設(shè)計App主界面(1)
項目-用AI設(shè)計App主界面(2)
注:每個班實際上課可能稍有調(diào)整
第二階段
網(wǎng)頁端UI視覺設(shè)計
萬事開頭難,先從簡單的學(xué)起。通過本課程將系統(tǒng)學(xué)習(xí):網(wǎng)頁配色的基礎(chǔ)知識及相應(yīng)技法;網(wǎng)頁布局的方法與應(yīng)用;網(wǎng)頁中圖標(biāo)、按鈕、導(dǎo)航以及Banner的設(shè)計。
色彩基礎(chǔ)知識
網(wǎng)頁配色基礎(chǔ)
網(wǎng)頁配色應(yīng)用
網(wǎng)頁配色串講
網(wǎng)頁布局基礎(chǔ)
網(wǎng)頁布局制作和應(yīng)用
網(wǎng)頁布局版式類型
項目綜合案例
設(shè)計制作精美的音樂圖標(biāo)
設(shè)計制作可愛的小鳥圖標(biāo)
設(shè)計制作擬物質(zhì)感按鈕
設(shè)計制作簡潔時尚按鈕
設(shè)計制作簡潔的導(dǎo)航菜單
設(shè)計制作精美的圖片式導(dǎo)航
設(shè)計制作美食廣告
設(shè)計制作時尚服裝廣告
第三階段
web端UI項目實訓(xùn) +就業(yè)面試作品包裝
Web端UI設(shè)計師,常見任務(wù)是設(shè)計網(wǎng)站;但網(wǎng)站現(xiàn)在一般公司都有,那就需要改版設(shè)計;網(wǎng)站穩(wěn)定后,UI設(shè)計師還做什么呢?當(dāng)然老板不會讓你閑著,剩余的日常工作,就是協(xié)助網(wǎng)絡(luò)推廣,設(shè)計網(wǎng)絡(luò)營銷推廣的各類營銷活動頁面啦。所以這門課程從實際工作出發(fā),專門帶你設(shè)計:
營銷類企業(yè)站
電商類網(wǎng)站
游戲類網(wǎng)站改版
企業(yè)應(yīng)用OA系統(tǒng)設(shè)計
店鋪裝修營銷設(shè)計
Landing Page(著陸頁)設(shè)計
專題頁設(shè)計
活動頁的設(shè)計
網(wǎng)頁UI項目管理規(guī)范
聯(lián)想官網(wǎng)-營銷類企業(yè)站設(shè)計(上)
聯(lián)想官網(wǎng)-營銷類企業(yè)站設(shè)計(下)
天貓商城-電商類網(wǎng)站設(shè)計(上)
天貓商城-電商類網(wǎng)站設(shè)計(下)
三星天貓旗艦店-店鋪視覺營銷設(shè)計(上)
三星天貓旗艦店-店鋪視覺營銷設(shè)計(中)
三星天貓旗艦店-店鋪視覺營銷設(shè)計(下)
AppleWatch百度推廣頁Landing Page設(shè)計與優(yōu)化(上)
AppleWatch百度推廣頁Landing Page設(shè)計與優(yōu)化(下)
英雄聯(lián)盟游戲類網(wǎng)站改版項目設(shè)計(上)
英雄聯(lián)盟游戲類網(wǎng)站改版項目設(shè)計(下)
企業(yè)信息管理系統(tǒng)界面設(shè)計(上)
企業(yè)信息管理系統(tǒng)界面設(shè)計(下)
專題活動頁設(shè)計(上)
專題活動頁設(shè)計(下)
面試包裝作品秘籍
第四階段
UI設(shè)計師必學(xué)HTML5 +CSS3技術(shù)
Web端設(shè)計師實際的工作沒這么順利,經(jīng)常和前端開發(fā)人員“吵架扯皮”。設(shè)計師常常會抱怨開發(fā)人員開發(fā)出來的Web頁面,和自己的設(shè)計效果圖差別甚遠(yuǎn);而技術(shù)開發(fā)人員往往也會埋怨項目開發(fā)周期那么緊,你設(shè)計得太復(fù)雜沒法實現(xiàn)或?qū)崿F(xiàn)成本太高。所以,作為一名web端UI設(shè)計師,為了和前端開發(fā)人員更好的溝通合作,你需要了解前端開發(fā)的基本原理和基本技術(shù),從而規(guī)避一些常見的UI設(shè)計問題。本課程來源于一些資深前端開發(fā)人員的經(jīng)驗總結(jié),深入淺出地講解了主流的HTML5+CSS3技術(shù)。及UI設(shè)計常見問題
認(rèn)識HTML5網(wǎng)頁結(jié)構(gòu)
HTML5高級標(biāo)簽
CSS3樣式及UI設(shè)計FAQ
盒子模型及UI設(shè)計FAQ
H5/CSS3標(biāo)準(zhǔn)化布局
列表、定位樣式及UI設(shè)計FAQ
經(jīng)典案例剖析
網(wǎng)站SEO優(yōu)化及jQuery交互設(shè)計