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

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

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

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

3.精講Banner:分別講解Banner的組成元素及注意事項

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

專題頁項目實(shí)戰(zhàn)

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

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

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

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

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

移動端設(shè)計及H5主題頁面項目實(shí)戰(zhàn)

1.移動端項目介紹,頁面設(shè)計流程、要點(diǎn)及設(shè)計規(guī)范

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

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

作品包裝階段考核

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

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

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

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

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

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)頁漂亮的交互效果

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

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

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

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

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

CSS布局四大技巧

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

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

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

響應(yīng)式雙法則

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

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

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

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