

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