前言

随着信息量不断增加，人们的生活越来越离不开软件，提到软件就不得不说图形用户界面。图形用户界面是用户与各种机器和设备进行交互的平台，一款好的用户界面设计应该同时具备美观与易操作两个特点。

本书主要采用理论知识与操作案例相结合的方法，介绍使用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课件可方便老师轻松教学。

微视频

素材

PPT课件

本书适合UI设计爱好者和想进入UI设计领域的读者朋友，以及设计专业的大中专学生阅读，同时对专业设计人员也有很高的参考价值。希望读者通过对本书的学习，能够早日成为优秀的UI设计师。

本书在写作过程中力求严谨，但由于时间有限，疏漏之处在所难免，望广大读者批评指正。

编者