前言

在计算机网络日益普及的今天, 需要越来越多的UI 设计专业人才，而随着移动端设备在人们生活中使用的频率越来越高，PC 端页面设计和移动端界面设计都成为UI 设计人员必须要掌握的技能。Photoshop 作为目前非常流行的网页设计软件，凭借其强大的功能和易学易用的特性深受广大从业者的喜爱。

《Photoshop CC网站UI设计全程揭秘（第2版）》从网站图标和按钮、网站导航、网站图片、网站广告条、网站配色和布局等多方面进行讲解，采用基础知识+ 应用案例的方式，将Photoshop 软件操作技术和网站UI 设计完美结合，确保读者能够快速掌握网站UI 设计的设计方法和技巧。 全书共分11 章，各章内容介绍如下。

第 1 章 网站UI 概述，主要讲解网页界面的分类、网站建设的大致流程、网页界面的设计原则和重要的构成要素，以及网页设计的命名规范等内容。

第 2 章 Photoshop 基本操作， 主要详细讲解Photoshop 的一些基本操作， 包括Photoshop 简介、Photoshop 的安装、Photoshop 的文件操作、裁剪图像、图像的复制和粘贴、图像变换操作和还原恢复操作等知识。

第 3 章 选区、形状和网站图标，主要讲解选区、形状在网页设计中的应用方法，包括选区的创建、填充与描边、渐变工具、形状的创建和加减，以及如何使用Adobe Color Themes 辅助配色等内容。

第 4 章 图层与网页中的按钮，主要讲解图层的功能和操作，包括使用图案增加质感、图层的基本操作、图层样式的添加和修改、使用画笔工具和图像的变换操作等内容。

第 5 章 钢笔、文字和网站导航，主要讲解钢笔工具和文字在网页设计中的使用方法，主要包括网页设计的辅助操作、选区的修改、加深和减淡工具、钢笔工具的操作技巧、文字工具，以及快速对齐多个对象等内容。

第 6 章 调整命令与优化图像，主要讲解修饰图像和调整图像色调的方法，包括使用图章工具修饰图像、修复网页中的图像、自动调整图像色调、自定义调整图像色调、锐化图像，以及自动批处理图像等内容。

第 7 章 设计网站中的广告条，主要讲解使用不同工具进行抠图的方法，包括使用磁性套索工具、快速选择工具、魔棒工具、快速蒙版和调整边缘抠图，使用修边优化抠图效果和使用蒙版合成图像等内容。

第 8 章 网站页面的配色，主要讲解色彩的基础知识、色彩的视觉心理感受、网页配色标准、网页风格与配色，以及影响网页配色的因素等内容。

第 9 章 网页的版式和布局，主要讲解常见的网页布局方式、网页文字的设计原则、网页文字的排版规则和常用手法、根据内容确定布局方式的方法，以及页面分割方式等内容。

第 10 章 移动端网站UI 设计，主要讲解移动端UI 设计的规范和技巧，包括常见的手机系统、iOS 系统界面设计、Android 系统界面设计以及移动端与PC 端网页UI 设计的区别。

第 11 章 商业网站综合案例，主要讲解两款商业网站界面的设计和制作步骤，包括儿童类网站和手机购物网站设计。

《Photoshop CC网站UI设计全程揭秘（第2版）》由赵中华编著，另外张晓景、李晓斌、高鹏、胡敏敏、张国勇、贾勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了《Photoshop CC网站UI设计全程揭秘（第2版）》的部分编写工作。《Photoshop CC网站UI设计全程揭秘（第2版）》在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。

QQ 群名称：网页设计与开发交流群；QQ 群号：705894157。

为了方便读者学习，《Photoshop CC网站UI设计全程揭秘（第2版）》为每个实例提供了教学视频，只要扫描一下书中实例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。《Photoshop CC网站UI设计全程揭秘（第2版）》配套的立体化学习资源中提供了书中所有实例的素材源文件、最终文件、教学视频和PPT 课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源( 注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容)。

编　者