前言

UI设计是指对互联网、移动互联网、软件等产品的人机交互、操作逻辑、界面美观的整体设计。网站是通过网页UI与访问者进行交流的，浏览者浏览了网站的整体性、功能性、可用性后，接下来只会查看页面中感兴趣的内容；在这个过程中如果浏览者感觉到不便或者麻烦，就会离开甚至以后不再访问该网页。

因此，设计师在网页UI设计过程中必须发挥可以快速传递网站整体性、内容可用性的创造力。本书以网页UI设计的理念为出发点，配以专业的图形处理软件Photoshop做讲解，重点向读者介绍了Photoshop在网页UI设计方面的理论知识和相关应用；同时通过大量网页UI设计案例的制作和分析，让读者掌握实实在在的设计思想。

本书章节安排

本书内容浅显易懂，从网页UI的设计思想出发，向读者传达一种新的设计理念；通过专业的理论知识讲解与精美案例制作的完美结合，循序渐进地介绍网页UI设计中的有关知识，让读者在学习欣赏的过程中丰富自己的设计创意，并提高动手制作的能力。本书内容章节安排如下：

第1章：关于网页UI设计，介绍了网页UI设计的相关基础知识，包括什么是网页UI、网页UI设计要点、网页UI构成元素、设计原则，还讲解了网页UI创意设计方法，使读者对网页UI设计有更加深入的认识和理解。

第2章：网站基本图形元素设计，主要介绍了网站页面中各种基本图形元素的设计方法，包括图标、按钮、LOGO等，并通过对网站页面中各种不同类型的设计元素的制作讲解，使读者快速掌握各种网站页面素的设计和表现方法。

第3章：网站导航设计，主要讲解了网站导航设计的重要性及特点，包括导航的表现形式、导航菜单在网页中的布局、网站导航的视觉风格等；通过对不同网站导航制作过程的讲解，提高读者对网站导航设计的认识。

第4章：网页文字与广告设计，主要讲解了文字在网页中的作用及其设计特点和要求，也介绍了有关文字排版设计的常识性信息；通过对网页中常见文字效果和广告图片的设计制作讲解，使读者掌握网页文字和广告设计的常规思路及过程。

第5章：网页布局与版式设计，主要介绍了网页布局的方法和目的，也向读者介绍了常见的网页布局方式；通过对多种不同网页的设计讲解，让读者明了布局在网页UI设计中所遵循的设计原则和要求。

第6章：网页UI配色，色彩在网页UI设计中占有相当重要的地位，在本章中主要介绍了网页UI设计的色彩搭配，以及网页UI配色的设计方法和原则；通过对多种典型网页的设计制作讲解，使读者掌握网页UI设计配色的方法，并认识到网页UI的多种设计特点和风格。

第7章：儿童类网页UI设计，主要介绍了儿童类网站各页面的设计特点，以及儿童类网页UI的要素和技巧；通过儿童类网站页面的设计与制作，使读者掌握儿童类网站页面的灵活设计方法及具体的表现形式。

第8章：企业类网页UI设计，主要介绍了企业类网站各页面的设计要点，了解企业类网页UI设计的特点和技巧；通过对企业网站页面的设计与制作，使读者掌握企业类网站页面的灵活设计方法及具体的表现形式。

第9章：游戏类网页UI设计，主要介绍了游戏类网站页面的设计特点和技巧，以及游戏类网页UI设计的要素；通过经典游戏网站页面的设计与制作，使读者掌握游戏类网站页面的灵活设计方法及具体的表现形式。

本书特点

全书内容丰富、条理清晰，通过9章内容，为读者全面、系统地介绍了各种类型网页UI设计知识，以及使用Photoshop进行网页UI设计的方法和技巧。全书采用理论知识和具体案例相结合的方法，使知识融会贯通。

语言通俗易懂，精美案例图文同步，涉及大量网页UI设计的丰富知识讲解，帮助读者深入了解网页UI设计。

案例涉及面广，几乎涵盖了网页UI设计所涉及的各个领域；每个领域下通过大量的设计讲解和案例制作，帮助读者掌握各领域中的专业知识点。

注重设计知识点和案例制作技巧的归纳、总结，在知识点和案例的讲解过程中穿插了大量的软件操作技巧提示等，使读者更好地对知识点进行归纳和吸收。

每一个案例的制作过程，都配有相关视频教程和素材，步骤详细，使读者轻松掌握。

本书读者对象

本书适合有一定Photoshop软件操作基础的设计初学者及设计爱好者阅读，也可以为一些设计制作人员及相关专业的学习者提供参考。本书配套光盘中提供了本书案例的源文件及素材，方便读者借鉴和使用。

本书由盛意文化编著，参与编著的人员有张晓景、姜玉声、鲁莎莎、吴潆超、田晓玉、佘秀芳、王俊平、陈利欢、冯彤、刘明秀、谢晓丽、孙慧、陈燕、高金山。由于时间仓促，编者水平有限，书中难免有错误和疏漏之处，希望广大读者朋友批评、指正。

编者