在计算机网络日益普及的今天，需要越来越多的UI设计专业人才，而随着移动端设备在人们生活中使用的频率越来越高，．PC端页面设计和移动端界面设计都成为UI设计人员必须要掌握的技能。Photoshop作为目前非常流行的网页设计软件，凭借其强大的功能和易学易用的特性深受广大从业者的喜爱。
　　本书从网站图标和按钮、网站导航、网站图片、网站广告条、网站配色和布局等多方面进行讲解，采用基础知识+应用案例的方式，将Photoshop软件操作技术和网站UI设计完美结合，确保读者能够快速掌握网站UI设计的方法和技巧。全书共分1 1章，各章内容介绍如下。
　　第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章商业网站综合案例，主要讲解两款商业网站界面的设计和制作步骤，包括儿童类网站和手机购物网站设计。
　　本书由赵中华编著，另外张晓景、李晓斌、高鹏、胡敏敏、张国勇、贾勇、林秋、胡卫东、姜玉声、周晓丽、郭慧等人也参与了本书的部分编写工作。本书在写作过程中力求严谨，由于作者水平所限，书中难免有疏漏和不足之处，希望广大读者批评、指正，欢迎与我们沟通和交流。QQ群名称：网页设计与开发交流群；QQ群号：705894157。
　　为了方便读者学习，本书为每个实例提供了教学视频，只要扫描一下书中实例名称旁边的二维码，即可直接打开视频进行观看，或者推送到自己的邮箱中下载后进行观看。本书配套的立体化学习资源中提供了书中所有实例的素材源文件、最终文件、教学视频和PPT课件，并附赠海量实用资源。读者在学习时可扫描下面的二维码，然后将内容推送到自己的邮箱中，即可下载获取相应的资源（注意：请将这两个二维码下的压缩文件全部下载完毕后，再进行解压，即可得到完整的文件内容）。

　　本书是一本关于网站UI设计的经典之作，以Photoshop CC为设计工具，对主流网站UI设计流穗和制作技巧进行了全面、细致的剖析。
　　本书内容简洁、通俗易懂，通过知识点与案例相结合的方式，让读者能够清晰明了地理解网站UI设计的相关内容，从而达到学以致用的目的。全书共分11章，包括网站UI概述，Photoshop基本操作，选区、形状和网站图标，图层与网页中的按钮，钢笔、文字和网站导航，调整命令与优化图像，设计网站中的广告条，网站页面的配色，网页的版式和布局，移动端网站UI设计，商业网站综合案例等内容。
　　本书结构清晰、实例经典、技术实用，适合网站UI设计初、中级读者，包括广大UI设计爱好者、UI设计工作者，也可以作为高等院校UI设计课程的教材。

第1章 网站UI概述
1．1 了解网站UI
1．1．1 什么是网页界面
1．1．2 网页界面的分类
1．2 网站建设流程
1．2．1 域名注册
1．2．2 购买虚拟主机
1．2．3 确定网页设计
1．2．4 网站建设
1．2．5 网站测试
1．2．6 网站维护
1．3 网页设计的原则
1．3．1 视觉美观
1．3．2 主题明确
1．3．3 内容与形式相统
1．3．4 快速加载
1．3．5 为用户考虑
1．4 网页的构成元素
1．4．1 文字
1．4．2 图像
1．4．3 色彩
1 4 4多媒体
1．5 网页设计的命名规范
1．6 移动端UI设计
1．6．1 移动端UI设计概述
1．6．2 移动端和PC端UI设计的区别

第2章 Photoshop基：操作
2．1 Photoshop简介
2．2 Photoshop的安装
实例1——安装Photoshop
2．3 Photoshop的文件操作
2．3．1 新建文件
2．3．2 打开文件
2．3．3 保存文件
实例2——制作简单的网页图标
2．3．4 修改图像大小
2．3．5 修改画布大小
实例3——制作艺术小网页
2．4 裁剪图像
2．4．1 裁剪固定尺寸
2．4．2 透视裁剪
2．4．3 裁剪获得好的构图
2．5 图像的复制和粘贴
2．5．1 复制文档
实例4——制作网页背景
2．5．2 拷贝和粘贴
实例5——制作网页广告插图
2．5．3 选择性粘贴
实例6——制作茶叶广告
2．6 变换图像
2．6．1 移动图像
2．6．2 缩放图像
2．6．3 旋转图像
2．6．4 自由变换
实例7——制作网页广告
2．7 还原与恢复操作
……
第3章 选区、形状和网站图标
第4章 图层与网页中的按钮
第5章 钢笔、文字和网站导航
第6章 调整命令与优化图像
第7章 设计网站中的广告条
第8章 网站页面的配色
第9章 网页的版式和布局
第10章 移动端网站UI设计
第11章 商业网站综合案例