Photoshop網(wǎng)頁美工設(shè)計

前言
第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)頁風格
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 細絲類圖片摳圖
2.3.5 半透明圖片摳圖
2.4 網(wǎng)頁圖片修復(fù)
2.4.1 修圖的必要性
2.4.2 圖片的簡單修復(fù)
2.5 網(wǎng)頁圖片變形
2.6 本章小結(jié)
課后實訓項目
第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)頁配色引導法
3.5.1 標志配色引導法
3.5.2 圖片配色引導法
3.6 本章小結(jié)
課后實訓項目
第4章 網(wǎng)頁文字設(shè)計
4.1 網(wǎng)頁文字設(shè)計簡介
4.2 網(wǎng)頁文字設(shè)計規(guī)范
4.3 設(shè)計標準字體
4.4 設(shè)計創(chuàng)意字體
4.5 本章小結(jié)
課后實訓項目
第5章 網(wǎng)頁圖標設(shè)計
5.1 網(wǎng)頁圖標設(shè)計簡介
5.2 網(wǎng)頁圖標設(shè)計規(guī)范
5.3 創(chuàng)意網(wǎng)頁圖標
5.4 本章小結(jié)
課后實訓項目
第6章 網(wǎng)頁標志設(shè)計
6.1 標志設(shè)計簡介
6.1.1 標志設(shè)計的含義
6.1.2 標志設(shè)計的作用及類型
6.2 標志的設(shè)計形式
6.3 標志設(shè)計的藝術(shù)手法
6.4 簡易標志設(shè)計
6.4.1 設(shè)計圖形標志
6.4.2 設(shè)計圖文類標志
6.5 創(chuàng)意標志設(shè)計
6.6 扁平化標志設(shè)計
6.7 本章小結(jié)
課后實訓項目
第7章 網(wǎng)頁導航設(shè)計
7.1 網(wǎng)頁導航簡介
7.2 網(wǎng)頁導航設(shè)計規(guī)范
7.2.1 網(wǎng)頁導航設(shè)計的布局原則
7.2.2 網(wǎng)頁導航設(shè)計的特點
7.3 簡易網(wǎng)頁導航設(shè)計
7.3.1 簡單文字網(wǎng)頁導航設(shè)計
7.3.2 帶單一背景的網(wǎng)頁導航設(shè)計
7.3.3 帶漸變背景的網(wǎng)頁導航設(shè)計
7.3.4 帶圖片背景的網(wǎng)頁導航設(shè)計
7.4 有特效的網(wǎng)頁導航設(shè)計
7.4.1 不規(guī)則形狀的網(wǎng)頁導航設(shè)計
7.4.2 扁平化網(wǎng)頁導航設(shè)計
7.5 本章小結(jié)
課后實訓項目
第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é)
課后實訓項目
第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é)
課后實訓項目
第10章 網(wǎng)站設(shè)計綜合案例
10.1 淘淘樂網(wǎng)站主頁需求分析
10.2 淘淘樂網(wǎng)站主頁設(shè)計方案
10.3 淘淘樂網(wǎng)站主頁設(shè)計
課后實訓項目