1.1　网页设计的原则

如果说网站是一家企业的家或是平台，那么网页就是这个家的门面。网页设计是否合理、美观，将直接影响浏览者对它的关注和认可，直接关系到企业经营的成败。就如同电视广告，蹩脚的广告看了使人大倒胃口，避之唯恐不及；而构思精巧的广告，则能让人欣然接受，百看不厌。网页艺术设计也是一样，美观大方、富于创意的网页不仅能够吸引大量的浏览者，使更多的人认识了解，过目不忘，还能让人青睐相应的品牌，赢来无限商机。

1.1.1　了解用户需要

网页设计是展现企业形象、介绍产品和服务、体现企业发展战略的重要途径，因此必须明确设计站点的目的和用户的需求，以用户为中心，根据市场的状况、企业自身的情况等进行综合分析，从而做出切实可行的设计计划。

设计师须在目标明确的基础上，完成网站的构思创意。对网站的整体风格和特色做出定位，规划网站的组织结构。一件完美、完整的网站设计作品，是设计师与客户不断进行沟通而设计出来的结果。

在构思网站时，需要充分了解客户的需求，其要达到什么目的、效果。因此前期与客户的沟通是很有必要的，以便准确、完善地满足客户预期的要求。

网站的类型、特性，以及所针对人群的特点，如年龄、性别等，这些都是网页设计师需要了解的方面。设计师们所面对的客户群里，文化背景、性格类型等的差异体现了各种各样的审美情趣。有些客户对于建立站点的目的并不是很明确，设计师就需要做一些建议。具体表现为：是建立信息门户网站还是企业网站？或是前期作为企业网站出现、后期逐渐发展演变为信息门户网站？以什么样的内容服务形式出现？主要针对的客户群体是什么？在设计形式方面，有的客户要求自己的网站具有信息门户网站形式的框架，有的客户则希望自己的网站颜色单一。这些要求需要设计师们静下心来，站在客户的角度共同探讨，以达到网站最终想要达到的目的和效果。

1.1.2　内容与形式的统一

网站需要在设计上做到吸引眼球是毋庸置疑的，那么怎样把网页设计的形式与内容良好地统一呢？

任何设计都有一定的内容和形式，网站内容是构成网页设计的一切内在要素的总和，也是设计存在的基础；形式则是内容的外部表现方式，主要体现在结构、风格或者颜色上。内容决定形式，形式反作用于内容。一个优秀的设计必定是形式对内容的完美表现。

一方面，网页设计所追求的形式美，必须适合主题的需要，这是网页设计的前提。只讲花哨的表现形式以及过于强调“独特的设计风格”而脱离内容，或者只求内容而缺乏艺术表现，网页设计都会变得空洞而无力。设计者只有将二者有机地统一起来，深入领会主题的精髓，再融合自己的思想感情，找到一个完美的表现形式，才能体现出网页设计独具的分量和特有的价值。图1-1所示即形式符合主题的需要。

另一方面，要确保网页上的每一个元素都有存在的必要性，不要为了炫耀而使用冗余的技术，那样得到的效果可能会适得其反。有些设计者在设计网页时，为了追求强烈的视觉冲击而采用了大量的图片或者多媒体元素，造成网页展开时间过长，影响了访问的效率和质量，给访客带来不好的访问体验，也会降低访客的访问积极性。所以网页设计者可以在形式上采用适当的变化以达到多变性，丰富整个网页的形式美，让形式与内容高度统一。图1-2为了炫耀而采用了大量的图片，给客户造成不好的体验。

文字和图片的统一，就是形式和内容的统一。文字口号是引起注意的元素之一，配上漂亮的导航按钮图标，瞬间让页面充满活力和美感，给浏览者丰富的视觉体验，如图1-3所示。

利用段落、加粗、斜体、描边、下画线或者字母大小写搭配一些图片，这些都能让文字部分更有视觉冲击力。图1-4中文字和图片的搭配，使得表述的内容更加有意义，加深浏览者的印象。

任何页面设计都是文字和图片搭配而成的。文字融入了图片做搭配，便富有文字生命力，而图片添加上对应文字内容，便构成了一道优美的旋律音符。网页的整体美感就是来源于形式和内容的统一。

1.1.3　主题鲜明

网页设计表达的是一定的意图和要求，有明确的主题，并按照视觉心理规律和形式将主题主动地传达给观赏者，以使主题在适当的环境中被人们及时地理解和接受，从而满足其需求。这就要求网页设计不但单纯、简练、清晰和精确，而且在强调艺术性的同时，更应该通过独特的风格和强烈的视觉冲击力来鲜明地突出设计主题，如图1-5所示。

1.1.4　易用性

网站易用是以用户为中心的网络营销思想的体现，具体体现于网站导航、网站内容、网站功能、网站服务、任务流程、外观设计、可信性等网站建设的方方面面。那些在“易用性”方面优秀的网站，视觉效果清晰，可以为访问者提供使用流程上的协助，能够大大降低访问者浏览过程中的知觉负担，并且能够从系统中得到及时的反馈，预知自己寻找内容的位置。

良好的网站易用性都有哪些特点？

（1）方便查找：浏览者容易找到自己想要的信息。从网站导航开始，要指引用户找到自己所需的内容，为用户带来极大的便利性。图1-6所示为网站的多级导航，非常便于查找。

（2）易懂／易学：用户在首次进入网站时，可以轻松地完成该网站的基本任务。

（3）易记：当用户中断使用网站一段时间后，再次回到网站时，能否再次熟练上手？

（4）出错率低：用户在使用网站时出现多少错误？这些错误有多严重？出错后能否轻易修正？

（5）满意度高：用户对于网站使用的整体满意程度？

从网站易用性角度看，专业的网页设计要以用户体验为标准，考虑到以下因素的合理性。

（1）界面风格：界面风格要与网站的用户群一致、与产品特性一致。品牌企业的风格在色彩运用上要考虑与VI视觉系统一致。图1-7所示的幼儿园网站采用卡通形象，风格与用户群一致。

（2）CSS样式：CSS样式要遵循Web标准建站规范。Web标准的典型应用模式是“CSS+Div”，对网页外观设计的要求主要体现在“表现层”标准语言方面，即网页样式CSS的合理应用。图1-8所示为使用CSS样式定义网页的外观。

（3）细节制胜：外观设计的专业与否，除了考虑以上基本方面，大量功夫体现在细节的设计上。不注重细节设计的网站，令人产生业余感，不利于建立起信任。反之，外观设计关注到细节，可大大提升用户对网站的印象分，有利于顾客转化。图1-9所示网页设计时就注意了各个细节。

（4）图片运用：图片运用对外观产生主要的影响，包括网站Logo、背景图片、广告图片、修饰性图片等。一般网站的图片面积不应超过文本信息的面积，但现实情况是，很多网站图片面积占据至少半屏版面，甚至全屏图片首页，大而空泛，对用户获取信息造成阻碍。

1.1.5　整体统一

“整体统一”是指网页各组成部分在内容上的内在联系和表现形式上的相互呼应，并注意整个页面设计风格统一、色彩统一、布局统一，即形成网站高度的形象统一，使整个页面设计的各个部分极为融洽。例如，整个网站的色彩要保持一致，选定主色调后，主色调贯穿网站的各个页面，达到了加强网站色调的效果。色彩在不同页面中也可以变化，如色相、饱和度、明度的变化均可，但始终注意要能给浏览者一种统一的视觉效果，变化中有统一。布局上，网站的页面也要保持统一，不要一个页面一种布局风格，没有整体的连贯性，缺乏网站页面与页面之间的承接关系，这样就在某种程度上降低了网站的整体性，甚至给人一种是不是同一个网站的质疑。图1-10网站首页和图1-11网站二级页面整体保持一种风格上的统一。

在网页艺术设计中，页面效果的整体统一是至关重要的，并且要贯穿始终，在设计中切勿将各组成部分孤立分散，使画面呈现出一种凌乱的效果。

1.1.6　对比性

对比性就是在网页设计过程中，通过运用多与少、曲与直、强与弱、长与短、粗与细、主与次、黑与白、动与静等对比手法，使网页主题更加突出鲜明，富有生机。例如，页面上使用花纹、文字或图案构成的壁纸，效果类似于边框和背景色，能够表现出稳重的格调；运用对比强烈的色调，则会产生传统和信心十足的感觉。在网页艺术设计实践中，还可以通过调整图片和文字段落所占的面积来调节对比的强弱。如果图片所占比例过大，文案使用的字体过于纤细，字距、行距、段落的安排又疏落，则易造成视觉的不平衡，显得生硬、强烈。应该指出的是，在使用对比时应慎重，对比过强容易破坏美感，影响统一。图1-12所示为页面中不同颜色的色块对比。