網(wǎng)頁(yè)設(shè)計(jì)主要是針對(duì)網(wǎng)站功能策劃、然后進(jìn)行頁(yè)面設(shè)計(jì)美化的工作。當(dāng)下網(wǎng)頁(yè)設(shè)計(jì)的就業(yè)還是很明朗的,很對(duì)傳統(tǒng)企業(yè)都在向互聯(lián)網(wǎng)進(jìn)行轉(zhuǎn)型,所以也需要專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)師為自家門戶網(wǎng)站進(jìn)行專業(yè)的設(shè)計(jì),在一二線城市,想要成為一名網(wǎng)頁(yè)設(shè)計(jì)師還是很容易的。

網(wǎng)頁(yè)BANNER創(chuàng)意與設(shè)計(jì)

1.案例解析:多套Banner解析,掌握各種不同類型和風(fēng)格的Banner設(shè)計(jì)

2.網(wǎng)頁(yè)規(guī)范:了解網(wǎng)頁(yè)組成部分,熟知網(wǎng)頁(yè)文本規(guī)范,尺寸規(guī)范,讓理論為實(shí)訓(xùn)做鋪墊

3.精講Banner:分別講解Banner的組成元素及注意事項(xiàng)

4.構(gòu)圖方法:了解版面布局及排版技巧,能夠?qū)υO(shè)計(jì)風(fēng)格有一定的理論和欣賞基礎(chǔ)

5.Banner實(shí)戰(zhàn):原創(chuàng)不同尺寸、不同風(fēng)格的Banner設(shè)計(jì)

企業(yè)整站項(xiàng)目實(shí)戰(zhàn)

1.網(wǎng)站流程:了解網(wǎng)站設(shè)計(jì)流程,定位網(wǎng)頁(yè)設(shè)計(jì)的負(fù)責(zé)事項(xiàng)及項(xiàng)目的前后配合

2.規(guī)范梳理:從需求分析到欄目規(guī)劃到用戶體驗(yàn),明確尺寸、文本、色調(diào)、間距等元素規(guī)范

3.繪制原型圖:根據(jù)企業(yè)站需求分析,繪制網(wǎng)頁(yè)原型圖

4.設(shè)計(jì)樣稿:根據(jù)原型圖,設(shè)計(jì)企業(yè)站相關(guān)頁(yè)面樣稿

5.響應(yīng)式設(shè)計(jì):做一套可以適應(yīng)當(dāng)下不同設(shè)備瀏覽的響應(yīng)式網(wǎng)站

6.添加動(dòng)效:根據(jù)設(shè)計(jì)樣稿,結(jié)合ADOBE XD制作交互動(dòng)效,增強(qiáng)頁(yè)面關(guān)聯(lián)性,提升用戶體驗(yàn)

電商風(fēng)格項(xiàng)目實(shí)戰(zhàn)

1.案例分析:熟知當(dāng)下電商網(wǎng)頁(yè)的設(shè)計(jì)潮流,了解模塊劃分的注意事項(xiàng)

2.如何選圖:定位電商產(chǎn)品選圖的風(fēng)格,掌握電商選圖的技巧

3.文案詳解:講解文案錯(cuò)位的技巧和凸顯文案的方法,在文案排版和創(chuàng)意上體現(xiàn)主次

4.電商首頁(yè):定位兩個(gè)方向,設(shè)計(jì)兩款電商首頁(yè),涵蓋不同風(fēng)格,比如國(guó)風(fēng)、擬物風(fēng)等

5.電商詳情:定位一款產(chǎn)品,設(shè)計(jì)一款電商詳情頁(yè),了解詳情頁(yè)的展示模式和注意事項(xiàng)

專題頁(yè)項(xiàng)目實(shí)戰(zhàn)

1.專題概念:了解什么是專題頁(yè),激發(fā)專題設(shè)計(jì)靈感,解析細(xì)節(jié)排版奧妙

2.設(shè)計(jì)手法:掌握設(shè)計(jì)表現(xiàn)手法的技巧,并能在專題中靈活運(yùn)用

3.空間層次:掌握構(gòu)造空間層次的方法,提升網(wǎng)頁(yè)品質(zhì),強(qiáng)化網(wǎng)頁(yè)細(xì)節(jié)

4.堆砌素材:講解堆砌素材的注意事項(xiàng),提升合成類網(wǎng)頁(yè)的協(xié)調(diào)性

5.專題設(shè)計(jì):定位一個(gè)主題,設(shè)計(jì)一款當(dāng)下流行風(fēng)格的專題頁(yè)

移動(dòng)端設(shè)計(jì)及H5主題頁(yè)面項(xiàng)目實(shí)戰(zhàn)

1.移動(dòng)端項(xiàng)目介紹,頁(yè)面設(shè)計(jì)流程、要點(diǎn)及設(shè)計(jì)規(guī)范

2.案例分析:微信H6移動(dòng)端主題頁(yè)面設(shè)計(jì)的規(guī)范、風(fēng)格、定位

3.設(shè)計(jì)手法:掌握移動(dòng)端主題頁(yè)設(shè)計(jì)的技巧,同時(shí)結(jié)合整站做拓展設(shè)計(jì)和包裝

作品包裝階段考核

1.作品包裝:講解作品包裝的展示形式和注意事項(xiàng),分析就業(yè)的方向,為未來就業(yè)準(zhǔn)確定位

2.作品集:把所有包裝作品整合作品集,達(dá)到完善、精致、全面,提升個(gè)人作品的檔次

3.對(duì)學(xué)員綜合能力的檢驗(yàn),按要求設(shè)計(jì)出指定內(nèi)容,并針對(duì)設(shè)計(jì)成果進(jìn)行評(píng)定和講解。

1)WEB前端(H5網(wǎng)頁(yè)布局)

HTML標(biāo)簽梳理:1.5分鐘上手Hbuilder軟件,對(duì)HTML5和CSS3有初步的了解和認(rèn)識(shí)

2.掌握HTML5九大基本標(biāo)簽,包括標(biāo)題、圖像、音頻、視頻等

3.掌握HTML5智能表單基本標(biāo)簽和智能表單擴(kuò)展標(biāo)簽"

七組CSS基本樣式

1.講解CSS三大引用方式,包括行內(nèi)樣式、內(nèi)部樣式表和外部樣式表

2.CSS七類樣式詳解,包括背景、文本、字體、鏈接、列表、表格、邊框樣式"

CSS3炫酷特效

1.掌握CSS3四大"變形金剛",旋轉(zhuǎn)、扭曲、縮放和位移

2.CSS3過渡屬性詳解,通過過渡屬性完成網(wǎng)頁(yè)漂亮的交互效果

3.CSS3動(dòng)畫特效講解,通過動(dòng)畫屬性可以做多個(gè)狀態(tài)交互的網(wǎng)頁(yè)炫酷特效"

選擇器細(xì)解11大類

1.掌握CSS五類常用選擇器,包括通用選擇器、ID選擇器、類選擇器等

2.三代關(guān)系選擇器詳解,包括子元素選擇器、兄弟選擇器、后代選擇器

3.CSS3偽類選擇器和偽元素選擇器詳解,可以多樣化的自由選擇網(wǎng)頁(yè)元素對(duì)象"

CSS布局四大技巧

1.掌握多列屬性布局技巧,三種定位方式,定位、相對(duì)定位和固定定位

2.五句話吃透盒模型,清楚盒模型的計(jì)算和瀏覽器兼容性中的注意事項(xiàng)

3.左浮動(dòng)和右浮動(dòng)的設(shè)置以及如何清除浮動(dòng)以達(dá)到父級(jí)自動(dòng)擴(kuò)高問題"

響應(yīng)式雙法則

1.了解媒體查詢的引用方式,包括內(nèi)部樣式表、外部樣式表等

2.掌握媒體查詢使用方法,了解關(guān)鍵詞的使用技巧

3.了解根元素的字號(hào)適配,通過字號(hào)設(shè)置完成響應(yīng)式頁(yè)面"

新手網(wǎng)頁(yè)設(shè)計(jì)師工資一般在3000 - 4000元左右,通過專業(yè)技能和經(jīng)驗(yàn)積累,工資會(huì)上升。一個(gè)有經(jīng)驗(yàn)的網(wǎng)頁(yè)設(shè)計(jì)師,工資可達(dá)5000 - 7000元,如果有能力勝任更高的職位,例如設(shè)計(jì)師,平均月薪不低于8000元,而在積累了許多經(jīng)驗(yàn)之后,就會(huì)有一個(gè)更高的發(fā)展方向,可以去規(guī)劃開發(fā)方向,或者往建筑設(shè)計(jì)師方向發(fā)展,讓自己進(jìn)入一個(gè)更高的位置,有一個(gè)更客觀的收入。