目錄

第1章　網(wǎng)頁界面設計概述
1.1　了解網(wǎng)頁界面設計
1.2　了解網(wǎng)站頁面布局
1.2.1　網(wǎng)站頁面布局的目的
1.2.2　網(wǎng)站頁面布局的原則
1.3　根據(jù)整體內(nèi)容位置決定的網(wǎng)頁視覺布局
1.3.1　PC網(wǎng)頁界面布局分類
1.3.2　手機網(wǎng)頁界面布局分類
1.4　如何制作出優(yōu)秀的網(wǎng)頁界面
1.5　網(wǎng)頁設計師如何自我提升
1.5.1　形狀/輪廓
1.5.2　美術基礎
1.5.3　色彩識別
1.5.4　引導視覺
1.6　如何設計出更加友好的界面
1.7　網(wǎng)頁設計的基本要素
第2章　網(wǎng)頁界面設計基礎
2.1　了解網(wǎng)站設計
2.1.1　什么是網(wǎng)站設計
2.1.2　網(wǎng)站設計特點
2.2　網(wǎng)站設計構成元素
2.2.1　文字
2.2.2　圖形符號
2.2.3　圖像
2.2.4　多媒體
2.3　網(wǎng)站設計原則
2.3.1　視覺美觀
2.3.2　主題明確
2.3.3　內(nèi)容與形式統(tǒng)一
2.3.4　有機的整體
2.3.5　PC網(wǎng)頁界面與手機界面的不同
2.4　網(wǎng)頁界面設計的原則
2.5　網(wǎng)頁界面設計師如何展示自身價值
2.6　網(wǎng)頁界面設計的流程
第3章　網(wǎng)頁界面設計的色彩理論
3.1　色彩意象
3.2　色彩的重要性
3.2.1　色彩的物理效應
3.2.2　色彩的心理反應
3.3　色彩的屬性
3.3.1　色彩的分類
3.3.2　色相
3.3.3　明度
3.3.4　飽和度
3.3.5　色調(diào)
3.4　色彩的搭配原則
3.4.1　色相配色
3.4.2　色調(diào)配色
3.4.3　明度配色
使用Kuler配色?3.5
3.6　找到完美的色彩搭配
3.7　色彩在UI設計中的作用
3.8　制作配色卡
第4章　Photoshop制作網(wǎng)頁編輯操作工具
4.1　Photoshop的工作界面
4.1.1　了解工作界面
4.1.2　了解工具箱
4.1.3　了解選項欄
4.1.4　了解狀態(tài)欄
4.1.5　了解面板
4.2　Photoshop的路徑與矢量圖形
4.2.1　了解繪圖模式
4.2.2　了解路徑與錨點的特征
4.2.3　熟悉路徑面板
4.3　實例：用畫筆描邊路徑
4.4　實例：創(chuàng)建曲線路徑并轉(zhuǎn)換為選區(qū)
4.5　編輯路徑
4.5.1　選擇與移動錨點、路徑段和路徑
4.5.2　添加或刪除錨點
4.5.3　改變錨點類型
4.5.4　方向線與方向點的用途
4.5.5　路徑的變換操作
4.5.6　對齊與分布路徑
4.6　繪制路徑
4.6.1　實例：繪制轉(zhuǎn)角曲線
4.6.2　鋼筆工具的選項欄
4.6.3　實例：創(chuàng)建自定義形狀
4.6.4　繪制基本形狀
4.6.5　使用鋼筆工具繪制中轉(zhuǎn)換折點
4.6.6　路徑快速轉(zhuǎn)換成選區(qū)的方法
第5章　網(wǎng)頁界面的平面圖標制作
5.1　Home圖標制作
5.2　日歷圖標制作
5.3　錄音機圖標制作
5.4　文件夾圖標制作
5.5　徽章圖形
5.6　秒表圖形
第6章　網(wǎng)頁界面設計的字效表現(xiàn)
6.1　星星字體
6.2　炫酷藍色金屬字體
6.3　立體巖石材質(zhì)字體制作
第7章　網(wǎng)頁元素設計技巧
7.1　登錄界面
7.2　設置界面開關
7.3　通知列表界面
7.4　日歷界面
第8章　網(wǎng)頁版式設計經(jīng)典案例：色系
8.1　黃色系列頁面設計
8.1.1　黃色色彩搭配的象征意義
8.1.2　黃色頁面設計案例校服品牌
8.2　綠色系列頁面設計
8.2.1　綠色色彩搭配的象征意義
8.2.2　綠色頁面設計案例多彩時尚
8.3　紅色系列頁面設計
8.3.1　紅色色彩搭配的象征意義
8.3.2　紅色頁面設計案例順滑絲巾
8.4　藍色系列頁面設計
8.4.1　藍色色彩搭配的象征意義
8.4.2　藍色頁面設計案例家電主頁
8.5　紫色系列頁面設計
8.5.1　紫色色彩搭配的象征意義
8.5.2　紫色頁面設計案例電茶壺廣告頁面
8.6　灰色系列頁面設計
8.6.1　灰色色彩搭配技巧
8.6.2　灰色頁面設計案例旅行頁面
8.7　黑色系列頁面設計
8.7.1　黑色色彩搭配技巧
8.7.2　黑色頁面設計案例旅行頁面
第9章　網(wǎng)頁配色設計經(jīng)典案例：行業(yè)
9.1　慶典網(wǎng)頁配色設計
9.2　服飾網(wǎng)頁配色設計
9.3　箱包網(wǎng)頁配色設計
9.4　珠寶網(wǎng)頁配色設計
9.5　調(diào)味品網(wǎng)頁配色設計
9.6　活動網(wǎng)頁配色設計
9.7　玩具網(wǎng)頁配色設計
9.8　婚紗網(wǎng)頁配色設計
第10章　H5手機網(wǎng)頁整體設計
10.1　安卓手機整體頁面設計
10.2　蘋果手機整體頁面設計
10.3　微軟手機整體頁面設計
10.4　極簡風格頁面設計