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

《Photoshop網頁設計與配色從新手到高手》是2023年5月1日清華大學出版社出版的圖書，作者：張帆 陳英傑 劉洋。

基本介紹

• 中文名：Photoshop網頁設計與配色從新手到高手
• 作者：張帆、陳英傑、劉洋
• 出版時間：2023年5月1日
• 出版社：清華大學出版社
• ISBN：9787302629955
• 定價：99 元
• 印次：1-1
• 印刷日期：2023.04.17

內容簡介

《Photoshop網頁設計與配色從新手到高手》以網頁平面設計及配色訓練為目的，培養讀者用Photoshop製作網頁的專業技能。《Photoshop網頁設計與配色從新手到高手》從初步的理論認識和設計知識的角度逐步把讀者引導到網頁配色的知識海洋之中，通過Photoshop的相關製作工具的學習，以及多個網頁元素、字型設計、網頁配色與頁面版式設計和合成，了解每個設計知識的難點，教會讀者在不同的環境、不同的場合設計中運用不同的配色原理，為今後的設計創作打下良好的基礎。另外，《Photoshop網頁設計與配色從新手到高手》贈送PPT課件、所有實例的視頻教學、案例素材以及海量學習資源等。

《Photoshop網頁設計與配色從新手到高手》適合網頁設計師、專業UI設計師，以及從事平面設計、廣告設計的人員學習參考，還可作為各類計算機培訓學校、大中專院校的教學輔導用書。

圖書目錄

目錄

第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　極簡風格頁面設計