前言

网站是通过视觉语言与浏览者进行交流的平台，浏览者进入网站之后，首先注意到的是整个网站页面的布局和色彩搭配，只有在浏览者进入网站后其关注度被迅速吸引，才能够使浏览者关注网页中感兴趣的内容。在这个过程中，如果浏览者感觉到不便或者是麻烦，就会离开甚至以后不再访问该网站。

网页设计师必须发挥可以快速传递网站整体性、内容可用性的创造力，通过出色的网站色彩搭配，有效突出网站主题的表现力并吸引浏览者，加上出色的网站页面布局设计，使页面内容排版合理，便于浏览者阅读。因此，当今的网页设计师不仅需要掌握网页制作的技术，还需要掌握有关网页布局与配色设计等方面的知识，再通过自己的实践积累，才能逐步成为一名优秀的网页设计师。其中，网页布局设计尤其需要网页设计师具备一定的设计知识和审美能力。

本书力求跟随当前网站设计的潮流趋势，从汲取国内外的优秀网站出发，精选其中的网页作为本书案例，提供具有吸引力的网页布局和配色方案，帮助读者设计出出色的网站作品。

本书内容安排

本书全面解析了网站页面布局与配色设计的相关知识，完全抛开了网页设计必须遵循的限制条件及有关设计软件的内容，而是运用可以激发创意、拓展设计思路的方法对网站页面布局与配色设计进行讲解，并分析具体的案例。全书共分为9章，每章的主要内容如下。

第1章 网站设计基础，主要介绍网站设计的相关基础知识，包括网站设计构成元素、设计原则、色彩在网站设计中的作用，以及如何提升网站的用户体验等内容，使读者对网站设计有更深入的认识。

第2章 网站页面规划与元素设计，主要介绍网站栏目结构与页面策划，以及网站页面中各种元素的设计要点及要求。

第3章 网站中的图形与文字排版设计，主要介绍网站页面中图形设计的方式和排版布局形式，以及网站页面中文字排版的相关知识。

第4章 网站页面布局与视觉风格，网页的布局与整体的视觉风格有很大的关系，本章主要介绍网页布局结构标准、网页布局的基本方法、页面的分割等内容。

第5章 网站页面视觉布局形态，主要介绍各种网页布局形态的含义和情感，以及各种常见的网页视觉风格。

第6章 网页配色基础，主要介绍色彩的相关基础知识、网页配色的联想作用和网页配色的常见问题。

第7章 网页元素的基本配色，主要介绍网页配色的基本方法、各种网页元素的配色关系，以及如何根据不同的受众群体和产品销售阶段对网站页面进行配色。

第8章 网页配色的方法，主要介绍各种网页配色的方法，包括基于色相进行配色、基于色调进行配色、色彩感觉在网页中的应用、色彩对比配色等内容。

第9章 网页配色的技巧，主要介绍突出主题和整体融合的配色技巧、各种网页配色印象，以及辅助设计师进行网页配色的软件。

本书特点

本书内容丰富、通俗易懂、实用性强，几乎涵盖了网站设计的方方面面。通过学习网站布局和配色的基础原理，读者能够运用学习到的网站布局知识和技巧对网站页面进行布局设计，并且能够在设计中合理搭配色彩，将具有感染力的配色和能够有效传达信息的页面布局应用到设计中。

本书适合准备学习或者正在学习网站设计的初中级读者。本书充分考虑到初学者可能遇到的困难，内容讲解细致深入，结构安排循序渐进，使读者在掌握知识要点后能够有效总结，并通过实例分析巩固所学知识，提高学习效率。

本书作者

本书由张晓景编写，另外李晓斌、解晓丽、孙慧、程雪翩、刘明秀、陈燕、胡丹丹、杨越、陶玛丽、张玲玲、王状、赵建新、胡振翔、张农海、聂亚静、曹梦珂、林学远、项辉、张陈等也为此书的编写提供了各种帮助。由于时间仓促，加之作者水平有限，书中难免有错误和疏漏之处，希望广大读者批评、指正。

编者

2017.12.1