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