前言

隨著信息量不斷增加，人們的生活越來越離不開軟件，提到軟件就不得不說圖形用戶界面。圖形用戶界面是用戶與各種機器和設備進行交互的平臺，一款好的用戶界面設計應該同時具備美觀與易操作兩個特點。

本書主要采用理論知識與操作案例相結合的方法，介紹使用Photoshop CC 2019進行網頁UI設計所需的基礎知識和操作技巧。

內容安排

本書共分為5章，采用少量基礎知識與大量應用案例相結合的方法，循序漸進地介紹使用Photoshop CC 2019進行網頁UI設計的操作方法與技巧。各章的具體內容如下。

第1章　網頁UI設計初體驗：主要介紹UI設計相關的理論知識，包括了解網頁UI、網頁UI設計分類、網頁UI的構成元素、網頁UI制作流程、網頁UI的設計風格以及設計網頁常用軟件等內容。這些知識可以幫助讀者初步了解UI設計及相關軟件，為更深入的學習建立良好的開端。

第2章　網頁UI中的元素設計初體驗：主要介紹網頁UI中元素設計的知識和相應的制作技巧，包括網頁中的文字設計、網頁中的圖片設計、網頁中的圖標設計、網頁中的Logo設計和網頁中的導航設計等內容。希望通過本章的學習，讀者能掌握網頁UI的元素設計，這對以后的學習至關重要。

第3章　網頁布局與版式設計：主要介紹如何設計網頁中的布局與版式，包括了解網頁布局、常見的網頁布局方式、網頁布局形式的藝術表現、網頁留白設計的8個關鍵點、移動端網頁元素設計和移動端網頁的布局設計等內容。經過本章的學習，讀者應該熟悉網頁常用布局方式的設計要點。

第4章　配色設計在網頁中的作用：主要介紹一些網頁配色設計相關的基礎知識和操作技巧，包括理解色彩、網頁配色的基本要素、網頁的基礎配色方法、網頁中的文字配色設計、網頁元素的色彩搭配和網頁配色技巧等內容。

第5章　網頁中的廣告設計：主要介紹網頁界面中的廣告設計樣式和設計思路，包括網頁廣告概述、移動端網頁常見的廣告樣式、移動端網頁廣告的設計思路、PC端網頁廣告的常用樣式和PC端網頁廣告的特點等內容。本章的重點內容是網頁廣告的設計思路和特點。

本書特點

本書采用理論知識與操作案例相結合的方式，全面介紹網頁UI設計的設計規范和設計原則。

·通俗易懂的語言

本書采用通俗易懂的語言全面地介紹網頁UI設計所需的基礎知識和操作技巧，確保讀者能夠理解并掌握相應的功能與操作。

·基礎知識與實戰案例結合

本書擯棄了傳統教科書式的純理論教學，采用少量基礎知識和大量實戰案例相結合的講解模式。書中所使用的案例都具有很強的商業性和專業性，不僅能夠幫助讀者強化知識點，而且對開拓思路和激發創造性有很大的幫助。

·技巧和知識點的歸納總結

本書在基礎知識和實戰案例的講解過程中給出了大量的提示和技巧，這些信息都是根據作者長期的UI設計經驗與教學經驗歸納出來的，可以幫助讀者更準確地理解和掌握相關的知識點和操作技巧。

·二維碼微視頻和PPT課件等輔助學習

為了拓寬讀者的學習渠道，增強讀者的學習興趣，本書“練一練”欄目配有對應二維碼微視頻。讀者掃描下方二維碼可下載和使用本書實例相關素材、教學微視頻和PPT課件，使讀者能將學到的知識快速應用于實際工作中。同時，本書提供的教學PPT課件可方便老師輕松教學。

讀者對象

本書適合UI設計愛好者和想進入UI設計領域的讀者朋友，以及設計專業的大中專學生閱讀，同時對專業設計人員也有很高的參考價值。希望讀者通過對本書的學習，能夠早日成為優秀的UI設計師。

本書在寫作過程中力求嚴謹，但由于時間有限，疏漏之處在所難免，望廣大讀者批評指正。

編者