Photoshop網頁設計與配色從新手到高手

目錄

第1章　網頁界面設計概述

1.1　瞭解網頁界面設計

1.2　瞭解網站頁面佈局

1.2.1　網站頁面佈局的目的

1.2.2　網站頁面佈局的原則

1.3　根據整體內容位置決定的網頁視覺佈局

1.3.1　PC網頁界面佈局分類

1.3.2　手機網頁界面佈局分類

1.4　如何製作出優秀的網頁界面

1.5　網頁設計師如何自我提升

1.5.1　形狀/輪廓

1.5.2　美術基礎

1.5.3　色彩識別

1.5.4　引導視覺

1.6　如何設計出更加友好的界面

1.7　網頁設計的基本要素

 第2章　網頁界面設計基礎

2.1　瞭解網站設計

2.1.1　什麽是網站設計

2.1.2　網站設計特點

2.2　網站設計構成元素

2.2.1　文字

2.2.2　圖形符號

2.2.3　圖像

2.2.4　多媒體

2.3　網站設計原則

2.3.1　視覺美觀

2.3.2　主題明確

2.3.3　內容與形式統一

2.3.4　有機的整體

2.3.5　PC網頁界面與手機界面的不同

2.4　網頁界面設計的原則

2.5　網頁界面設計師如何展示自身價值

2.6　網頁界面設計的流程

 第3章　網頁界面設計的色彩理論

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　色調

3.4　色彩的搭配原則

3.4.1　色相配色

3.4.2　色調配色

3.4.3　明度配色

使用Kuler配色?3.5

3.6　找到完美的色彩搭配

3.7　色彩在UI設計中的作用

3.8　製作配色卡

 第4章　Photoshop製作網頁編輯操作工具

4.1　Photoshop的工作界面

4.1.1　瞭解工作界面

4.1.2　瞭解工具箱

4.1.3　瞭解選項欄

4.1.4　瞭解狀態欄

4.1.5　瞭解面板

4.2　Photoshop的路徑與矢量圖形

4.2.1　瞭解繪圖模式

4.2.2　瞭解路徑與錨點的特徵

4.2.3　熟悉“路徑”面板

4.3　實例：用畫筆描邊路徑

4.4　實例：創建曲線路徑並轉換為選區

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　實例：繪制轉角曲線

4.6.2　“鋼筆工具”的選項欄

4.6.3　實例：創建自定義形狀

4.6.4　繪制基本形狀

4.6.5　使用“鋼筆工具”繪制中轉換折點

4.6.6　路徑快速轉換成選區的方法

 第5章　網頁界面的平面圖標製作

5.1　Home圖標製作

5.2　日歷圖標製作

5.3　錄音機圖標製作

5.4　文件夾圖標製作

5.5　徽章圖形

5.6　秒錶圖形

第6章　網頁界面設計的字效表現

6.1　星星字體

6.2　炫酷藍色金屬字體

6.3　立體岩石材質字體製作

 第7章　網頁元素設計技巧

7.1　登錄界面

7.2　設置界面開關

7.3　通知列表界面

7.4　日歷界面

 第8章　網頁版式設計經典案例：色系

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章　網頁配色設計經典案例：行業

9.1　慶典網頁配色設計

9.2　服飾網頁配色設計

9.3　箱包網頁配色設計

9.4　珠寶網頁配色設計

9.5　調味品網頁配色設計

9.6　活動網頁配色設計

9.7　玩具網頁配色設計

9.8　婚紗網頁配色設計

第10章　H5手機網頁整體設計

10.1　安卓手機整體頁面設計

10.2　蘋果手機整體頁面設計

10.3　微軟手機整體頁面設計

10.4　極簡風格頁面設計