產(chǎn)品詳情
網(wǎng)頁(yè)設(shè)計(jì)指的就是網(wǎng)站的前臺(tái)頁(yè)面美化設(shè)計(jì)，根據(jù)網(wǎng)站的功能，和企業(yè)想要向用戶展示的品牌信息、企業(yè)簡(jiǎn)介等內(nèi)容進(jìn)行的頁(yè)面布局設(shè)計(jì)。網(wǎng)頁(yè)設(shè)計(jì)師的主要工作是進(jìn)行企業(yè)網(wǎng)頁(yè)設(shè)計(jì)、活動(dòng)運(yùn)營(yíng)類的網(wǎng)頁(yè)設(shè)計(jì)、以用戶體驗(yàn)為調(diào)性的網(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è)的方向，為未來(lái)就業(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過(guò)渡屬性詳解，通過(guò)過(guò)渡屬性完成網(wǎng)頁(yè)漂亮的交互效果
3.CSS3動(dòng)畫(huà)講解，通過(guò)動(dòng)畫(huà)屬性可以做多個(gè)狀態(tài)交互的網(wǎng)頁(yè)炫酷"
選擇器細(xì)解11大類
1.掌握CSS五類常用選擇器，包括通用選擇器、ID選擇器、類選擇器等
2.三代關(guān)系選擇器詳解，包括子元素選擇器、兄弟選擇器、后代選擇器
3.CSS3偽類選擇器和偽元素選擇器詳解，可以多樣化的自由選擇網(wǎng)頁(yè)元素對(duì)象"
CSS布局四大技巧
1.掌握多列屬性布局技巧,三種定位方式，絕對(duì)定位、相對(duì)定位和固定定位
2.五句話吃透盒模型，清楚盒模型的計(jì)算和瀏覽器兼容性中的注意事項(xiàng)
3.左浮動(dòng)和右浮動(dòng)的設(shè)置以及如何清除浮動(dòng)以達(dá)到父級(jí)自動(dòng)擴(kuò)高問(wèn)題"
響應(yīng)式雙法則
1.了解媒體查詢的引用方式，包括內(nèi)部樣式表、外部樣式表等
2.掌握媒體查詢使用方法，了解關(guān)鍵詞的使用技巧
3.了解根元素的字號(hào)適配，通過(guò)字號(hào)設(shè)置完成響應(yīng)式頁(yè)面"
學(xué)網(wǎng)頁(yè)設(shè)計(jì)好不好找工作，從招聘平臺(tái)發(fā)布的數(shù)據(jù)就能得知。據(jù)了解，在智聯(lián)、職友、前程無(wú)憂等招聘平臺(tái)，每天都有上萬(wàn)條網(wǎng)頁(yè)設(shè)計(jì)招聘信息發(fā)布到網(wǎng)絡(luò)之中，可見(jiàn)就業(yè)空間還是非常廣泛的，但前提是必須要掌握相應(yīng)的知識(shí)與技能，才能更好的勝任這一職業(yè)。
