產(chǎn)品詳情
網(wǎng)頁設(shè)計指的就是網(wǎng)站的前臺頁面美化設(shè)計,根據(jù)網(wǎng)站的功能,和企業(yè)想要向用戶展示的品牌信息、企業(yè)簡介等內(nèi)容進行的頁面布局設(shè)計。網(wǎng)頁設(shè)計師的主要工作是進行企業(yè)網(wǎng)頁設(shè)計、活動運營類的網(wǎng)頁設(shè)計、以用戶體驗為調(diào)性的網(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ī)范,讓理論為實訓(xùn)做鋪墊
3.精講Banner:分別講解Banner的組成元素及注意事項
4.構(gòu)圖方法:了解版面布局及排版技巧,能夠?qū)υO(shè)計風(fēng)格有一定的理論和欣賞基礎(chǔ)
5.Banner實戰(zhàn):原創(chuàng)不同尺寸、不同風(fēng)格的Banner設(shè)計
企業(yè)整站項目實戰(zhàn)
1.網(wǎng)站流程:了解網(wǎng)站設(shè)計流程,定位網(wǎng)頁設(shè)計的負責(zé)事項及項目的前后配合
2.規(guī)范梳理:從需求分析到欄目規(guī)劃到用戶體驗,明確尺寸、文本、色調(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制作交互動效,增強頁面關(guān)聯(lián)性,提升用戶體驗
電商風(fēng)格項目實戰(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è)計一款電商詳情頁,了解詳情頁的展示模式和注意事項
專題頁項目實戰(zhàn)
1.專題概念:了解什么是專題頁,激發(fā)專題設(shè)計靈感,解析細節(jié)排版奧妙
2.設(shè)計手法:掌握設(shè)計表現(xiàn)手法的技巧,并能在專題中靈活運用
3.空間層次:掌握構(gòu)造空間層次的方法,提升網(wǎng)頁品質(zhì),強化網(wǎng)頁細節(jié)
4.堆砌素材:講解堆砌素材的注意事項,提升合成類網(wǎng)頁的協(xié)調(diào)性
5.專題設(shè)計:定位一個主題,設(shè)計一款當(dāng)下流行風(fēng)格的專題頁
移動端設(shè)計及H5主題頁面項目實戰(zhàn)
1.移動端項目介紹,頁面設(shè)計流程、要點及設(shè)計規(guī)范
2.案例分析:微信H6移動端主題頁面設(shè)計的規(guī)范、風(fēng)格、定位
3.設(shè)計手法:掌握移動端主題頁設(shè)計的技巧,同時結(jié)合整站做拓展設(shè)計和包裝
作品包裝階段考核
1.作品包裝:講解作品包裝的展示形式和注意事項,分析就業(yè)的方向,為未來就業(yè)準(zhǔn)確定位
2.作品集:把所有包裝作品整合作品集,達到完善、精致、全面,提升個人作品的檔次
3.對學(xué)員綜合能力的檢驗,按要求設(shè)計出內(nèi)容,并針對設(shè)計成果進行評定和講解。
1)WEB前端(H5網(wǎng)頁布局)
HTML標(biāo)簽梳理:1.5分鐘上手Hbuilder軟件,對HTML5和CSS3有初步的了解和認識
2.掌握HTML5九大基本標(biāo)簽,包括標(biāo)題、圖像、音頻、視頻等
3.掌握HTML5智能表單基本標(biāo)簽和智能表單擴展標(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)頁炫酷"
選擇器細解11大類
1.掌握CSS五類常用選擇器,包括通用選擇器、ID選擇器、類選擇器等
2.三代關(guān)系選擇器詳解,包括子元素選擇器、兄弟選擇器、后代選擇器
3.CSS3偽類選擇器和偽元素選擇器詳解,可以多樣化的自由選擇網(wǎng)頁元素對象"
CSS布局四大技巧
1.掌握多列屬性布局技巧,三種定位方式,絕對定位、相對定位和固定定位
2.五句話吃透盒模型,清楚盒模型的計算和瀏覽器兼容性中的注意事項
3.左浮動和右浮動的設(shè)置以及如何清除浮動以達到父級自動擴高問題"
響應(yīng)式雙法則
1.了解媒體查詢的引用方式,包括內(nèi)部樣式表、外部樣式表等
2.掌握媒體查詢使用方法,了解關(guān)鍵詞的使用技巧
3.了解根元素的字號適配,通過字號設(shè)置完成響應(yīng)式頁面"
學(xué)網(wǎng)頁設(shè)計好不好找工作,從招聘平臺發(fā)布的數(shù)據(jù)就能得知。據(jù)了解,在智聯(lián)、職友、前程無憂等招聘平臺,每天都有上萬條網(wǎng)頁設(shè)計招聘信息發(fā)布到網(wǎng)絡(luò)之中,可見就業(yè)空間還是非常廣泛的,但前提是必須要掌握相應(yīng)的知識與技能,才能更好的勝任這一職業(yè)。