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

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