|
課程模塊
|
課程科目
|
培訓內容
|
|
第三階段(WUI與交互設計）共160課時
|
|
WEB界面設計
|
網頁規范統籌
|
1.網頁元素梳理，了解網頁組成部分，如搜索框、導航、彈框、Banner等
|
|
2.網頁元素規范的概念講解，讓理論為實訓做鋪墊
|
|
3.網頁構圖和排版技巧，能夠對設計風格有一定的理論和欣賞基礎
|
|
網頁Banner速成
|
1.掌握Banner版面分割和版面布局，如矩形類、多邊形類、圓形類等
|
|
2.掌握Banner配色技巧，解析色調氣質和色相氣質
|
|
3.Banner三大元素精講，包括文案排版、產品精修和背景搭建
|
|
4.八套Banner解析配合五大實例速成，掌握各種不同類型和風格的Banner設計
|
|
WEB整站設計實訓
|
WEB整站設計實訓必備知識法則
|
1.了解網站設計流程，定位網頁設計的負責事項及項目的前后配合
|
|
2.網頁知識體系梳理，從需求分析到欄目規劃到用戶體驗
|
|
3.網頁設計規范梳理，明確尺寸、文本、色調、間距等元素規范
|
|
初入企業站
|
1.了解企業站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
|
|
2.分析企業站布局七大風格，如對比型、封面型、T字行、國字型等
|
|
3.根據原型圖，設計企業站首頁和內頁樣稿
|
|
4.網頁設計六大問題匯總，設計從細節做起，針對問題修改提升企業站樣稿質量
|
|
走進電商風
|
1.了解商城站需求分析，用Xmind繪制流程圖，用Axure繪制原型圖
|
|
2.定位電商產品選圖的風格，掌握電商選圖的14個技巧
|
|
3.根據原型圖，設計商城首頁和頻道頁樣稿
|
|
4.了解電商店鋪裝修新潮流，利用C4D做3D風電商店鋪
|
|
5.清楚如何凸顯文案及文案設計方式，掌握文案中的天龍“八部”
|
|
深入專題頁
|
1.了解什么是專題頁，激發專題設計靈感，解析細節排版奧妙
|
|
2.深入專題兩大風格，通過多個主題選擇設計扁平風和擬物風專題
|
|
3.掌握設計表現手法的13個技巧，并能在網頁中靈活運用，如聯想、懸念等
|
|
4.掌握構造空間層次的六個捷徑，如透視、矛盾空間、折紙風等，提升網頁品質
|
|
作品大包裝
|
1.針對UI的分析清楚設計的方向，為未來就業準確定位
|
|
2.講解作品包裝的三個技巧，在設計作品的基礎上用包裝提升自我作品的檔次
|
|
3.個人簡歷大總結，把個人信息用網頁形式體現出來，讓面試形式多樣化
|
|
WEB前端HTML5/CSS3
布局與樣式
|
HTML標簽梳理
|
1.5分鐘上手Hbuilder軟件，對HTML5和CSS3有初步的了解和認識
|
|
2.掌握HTML5九大基本標簽，包括標題、圖像、音頻、視頻等
|
|
3.掌握HTML5智能表單基本標簽和智能表單擴展標簽
|
|
七組CSS基本樣式
|
1.講解CSS三大引用方式，包括行內樣式、內部樣式表和外部樣式表
|
|
2.CSS七類樣式詳解，包括背景、文本、字體、鏈接、列表、表格、邊框樣式
|
|
CSS3炫酷特效
|
1.掌握CSS3四大“變形金剛”，旋轉、扭曲、縮放和位移
|
|
2.CSS3過渡屬性詳解，通過過渡屬性完成網頁漂亮的交互效果
|
|
3.CSS3動畫特效講解，通過動畫屬性可以做多個狀態交互的網頁炫酷特效
|
|
選擇器細解11大類
|
1.掌握CSS五類常用選擇器，包括通用選擇器、ID選擇器、類選擇器等
|
|
2.屬性選擇器詳解，熟練使用屬性值的篩選
|
|
3.三代關系選擇器詳解，包括子元素選擇器、兄弟選擇器、后代選擇器
|
|
4.CSS3偽類選擇器和偽元素選擇器詳解，可以多樣化的自由選擇網頁元素對象
|
|
CSS布局四大技巧
|
1.掌握多列屬性布局技巧，能夠輕松完成報刊式排版
|
|
2.五句話吃透盒模型，清楚盒模型的計算和瀏覽器兼容性中的注意事項
|
|
3.左浮動和右浮動的設置以及如何清除浮動以達到父級自動擴高問題
|
|
4.掌握三種定位方式，絕對定位、相對定位和固定定位
|
|
響應式雙法則
|
1.了解媒體查詢的引用方式，包括內部樣式表、外部樣式表等
|
|
2.掌握媒體查詢使用方法，了解關鍵詞的使用技巧
|
|
3.了解根元素的字號適配，通過字號設置完成響應式頁面
|
|
兼容性調試技巧
|
1.CSS優化減肥技巧，包括圖片優化和代碼優化，提升網頁的加載速度
|
|
2.了解CSS優先級的計算，解決樣式覆蓋問題
|
|
3.掌握兼容性調試技巧，如何能夠讓代碼兼容各大主流瀏覽器
|
|
項目實戰提經驗
|
1.熟悉PS切圖技巧，如切片切圖、選區切圖等，以及網頁項目的正規創建
|
|
2.頁面布局規范講解，從整體到局部的規劃，先標簽后樣式的代碼順序等
|
|
3.完成三大項目實戰，企業站，商城站和響應式頁面，能夠獨立完成H5靜態頁面
|
勤學教育網
