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