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

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

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

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

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

4.構圖方法:了解版面布局及排版技巧,能夠對設計風(fēng)格有一定的理論和欣賞基礎

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

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

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

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

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

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

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

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

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

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

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

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

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

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

專(zhuān)題頁(yè)項目實(shí)戰

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

2.設計手法:掌握設計表現手法的技巧,并能在專(zhuān)題中靈活運用

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

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

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

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

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

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

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

作品包裝階段考核

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

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

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

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

HTML標簽梳理:1.5分鐘上手Hbuilder軟件,對HTML5和CSS3有初步的了解和認識

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

3.掌握HTML5智能表單基本標簽和智能表單擴展標簽"

七組CSS基本樣式

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

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

CSS3炫酷特效

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

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

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

選擇器細解11大類(lèi)

1.掌握CSS五類(lèi)常用選擇器,包括通用選擇器、ID選擇器、類(lèi)選擇器等

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

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

CSS布局四大技巧

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

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

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

響應式雙法則

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

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

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

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