前言
第1章 網(wǎng)頁(yè)美工與用戶界面設(shè)計(jì)概述
1.1 Web前端開(kāi)發(fā)技術(shù)概述
1.1.1 萬(wàn)維網(wǎng)與W3C
1.1.2 關(guān)于Web前端開(kāi)發(fā)技術(shù)
1.1.3 關(guān)于網(wǎng)頁(yè)風(fēng)格
1.2 了解用戶界面設(shè)計(jì)
1.2.1 網(wǎng)頁(yè)用戶界面設(shè)計(jì)原則
1.2.2 網(wǎng)頁(yè)用戶界面設(shè)計(jì)尺寸
1.3 網(wǎng)頁(yè)視覺(jué)元素簡(jiǎn)述
1.3.1 文字
1.3.2 圖片
1.3.3 動(dòng)畫(huà)與視頻
1.4 本章小結(jié)
第2章 網(wǎng)頁(yè)圖片設(shè)計(jì)
2.1 網(wǎng)頁(yè)圖片簡(jiǎn)介
2.2 網(wǎng)頁(yè)圖片選擇
2.2.1 圖片素材的收集
2.2.2 圖片的處理
2.2.3 圖片的調(diào)整
2.3 網(wǎng)頁(yè)圖片摳圖
2.3.1 簡(jiǎn)單形狀摳圖
2.3.2 單一背景色圖片摳圖
2.3.3 形狀復(fù)雜圖片摳圖
2.3.4 細(xì)絲類圖片摳圖
2.3.5 半透明圖片摳圖
2.4 網(wǎng)頁(yè)圖片修復(fù)
2.4.1 修圖的必要性
2.4.2 圖片的簡(jiǎn)單修復(fù)
2.5 網(wǎng)頁(yè)圖片變形
2.6 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第3章 網(wǎng)頁(yè)色彩設(shè)計(jì)
3.1 色彩簡(jiǎn)介
3.2 網(wǎng)頁(yè)配色規(guī)范
3.2.1 網(wǎng)頁(yè)配色的原則
3.2.2 網(wǎng)頁(yè)配色的常用方法
3.3 調(diào)整影調(diào)
3.3.1 利用直方圖判斷圖像的影調(diào)
3.3.2 設(shè)置影調(diào)
3.4 調(diào)整色調(diào)
3.4.1 變色
3.4.2 局部換色
3.4.3 去色
3.4.4 色彩調(diào)整工具
3.5 網(wǎng)頁(yè)配色引導(dǎo)法
3.5.1 標(biāo)志配色引導(dǎo)法
3.5.2 圖片配色引導(dǎo)法
3.6 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第4章 網(wǎng)頁(yè)文字設(shè)計(jì)
4.1 網(wǎng)頁(yè)文字設(shè)計(jì)簡(jiǎn)介
4.2 網(wǎng)頁(yè)文字設(shè)計(jì)規(guī)范
4.3 設(shè)計(jì)標(biāo)準(zhǔn)字體
4.4 設(shè)計(jì)創(chuàng)意字體
4.5 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第5章 網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì)
5.1 網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì)簡(jiǎn)介
5.2 網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì)規(guī)范
5.3 創(chuàng)意網(wǎng)頁(yè)圖標(biāo)
5.4 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第6章 網(wǎng)頁(yè)標(biāo)志設(shè)計(jì)
6.1 標(biāo)志設(shè)計(jì)簡(jiǎn)介
6.1.1 標(biāo)志設(shè)計(jì)的含義
6.1.2 標(biāo)志設(shè)計(jì)的作用及類型
6.2 標(biāo)志的設(shè)計(jì)形式
6.3 標(biāo)志設(shè)計(jì)的藝術(shù)手法
6.4 簡(jiǎn)易標(biāo)志設(shè)計(jì)
6.4.1 設(shè)計(jì)圖形標(biāo)志
6.4.2 設(shè)計(jì)圖文類標(biāo)志
6.5 創(chuàng)意標(biāo)志設(shè)計(jì)
6.6 扁平化標(biāo)志設(shè)計(jì)
6.7 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第7章 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.1 網(wǎng)頁(yè)導(dǎo)航簡(jiǎn)介
7.2 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)規(guī)范
7.2.1 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的布局原則
7.2.2 網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)的特點(diǎn)
7.3 簡(jiǎn)易網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.3.1 簡(jiǎn)單文字網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.3.2 帶單一背景的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.3.3 帶漸變背景的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.3.4 帶圖片背景的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.4 有特效的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.4.1 不規(guī)則形狀的網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.4.2 扁平化網(wǎng)頁(yè)導(dǎo)航設(shè)計(jì)
7.5 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第8章 網(wǎng)頁(yè)欄目設(shè)計(jì)
8.1 網(wǎng)頁(yè)欄目簡(jiǎn)介
8.2 圖文網(wǎng)頁(yè)欄目設(shè)計(jì)
8.2.1 簡(jiǎn)約圖文網(wǎng)頁(yè)欄目設(shè)計(jì)
8.2.2 典型圖文網(wǎng)頁(yè)欄目設(shè)計(jì)
8.3 交互式網(wǎng)頁(yè)欄目設(shè)計(jì)
8.3.1 搜索區(qū)域設(shè)計(jì)
8.3.2 TAB欄目設(shè)計(jì)
8.3.3 登錄區(qū)域設(shè)計(jì)
8.3.4 注冊(cè)區(qū)域設(shè)計(jì)
8.4 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第9章 網(wǎng)頁(yè)版式設(shè)計(jì)
9.1 版式設(shè)計(jì)簡(jiǎn)介
9.2 網(wǎng)頁(yè)版式構(gòu)成
9.3 網(wǎng)頁(yè)版式的類型
9.4 骨骼型網(wǎng)頁(yè)版式設(shè)計(jì)
9.5 分割型網(wǎng)頁(yè)版式設(shè)計(jì)
9.6 本章小結(jié)
課后實(shí)訓(xùn)項(xiàng)目
第10章 網(wǎng)站設(shè)計(jì)綜合案例
10.1 淘淘樂(lè)網(wǎng)站主頁(yè)需求分析
10.2 淘淘樂(lè)網(wǎng)站主頁(yè)設(shè)計(jì)方案
10.3 淘淘樂(lè)網(wǎng)站主頁(yè)設(shè)計(jì)
課后實(shí)訓(xùn)項(xiàng)目