浅议网页设计及制作中应遵循一些原则

1、浅议网页设计及制作中应遵循一些原则摘要：笔者拥有多年的网页设计和制作经验，本文以 dreamweaver cs5为软件平台，把网页设计与制作中应遵循 的一些基本原则总结并形成文字，和大家共同探讨，以提高 大家的网页设计制作水平。关键词：网页设计；dreamweaver cs5；重点；平衡； 流；代码中图分类号：tp393. 092-4文献标识码：a文章编号： 1007-9599(2012) 21-0000-02俗话说：''万丈髙楼平地起”，要想学好网页设计制作, 必须要了解在设计制作中应遵循的一些原则。一直以来，我 学习设计和制作的方法都是直接分析范例，了解设计者是如 何解决各

2、种实际问题的，这样会起到事半功倍的效果。这种 方法我觉得不仅对初学者有用，对于一些高手同样也大有裨 益。下面我把设计原则和制作原则分作两块阐述。我们首先解读一下网页设计，网页设计是一种建立在新 型媒体之上的新型设计，是艺术设计类和计算机网络类的交 叉学科。具有视觉性强和互动性强、受众面广等其他媒体所 不具有的特点，它既有传统媒体的优点，又能使传播变得更 为直接、便捷和有效。网页从最初到现在不断呈现出新的潮 流与模式，风格日新月异，技术层出不穷，使人目不暇接。 早期一些花里胡哨的设计目前已不再流行，代之的是更精 致、更有目的性的样式。根据多年的设计经验我把设计原则 归纳为以下几点：1重点突出重点

3、即重要或意义重大的内容。我们可以采取列举页面 所有要素，然后按照其重要性来编号的方法，再基于这样一 个列表来设计视觉层次结构，从而在视觉上突出你要表现的 重点内容。不能听其自然，试图强调一切，那么结果会是什 么都没强调。例如：有些网站会用大而醒目的文本并把其放 置在页面顶部的方法；有些网站会用色彩区域标出的方法； 有些网站会用不同面积显示的方法等等。这些方法的使用都 是一个目的吸引访客关注重点。2对比对比是两个或更多个元素之间的视觉差异。有大量的设 计元素可供巧妙地利用来实现对比，包括颜色、尺寸、布局、 字体及字号等。设计中的对比能给网站带来视觉上的变化， 不会让人觉得索然无味。还能帮助网站聚

4、集焦点，解决对某 些元素作为重点的需求。3平衡平衡原则主要考虑设计中的元素如何分布，以及它们与 页面中视觉重量的整体布局有何关系。这会给视觉的稳定性 带来相当大的影响。平衡有两种方式：对称和不对称。当页 面的设计关于某条轴线对称，并且轴线两边的视觉重量相同 时，这就实现了对称平衡。当页面的视觉重量被均匀分布到 对称轴上，而对称轴两边的个体元素并不相对应时，这就形 成了不对称平衡。我们要用一些元素去实现整体上的视觉平 衡，不对称平衡是一种在设计网页时更加自然的处理手段。 我们可以用直觉来处理平衡问题。4对齐对齐是指以尽可能协调的方式将元素的自然边界排列 起来的过程。这样，这些元素便统一成了一个更

5、大的整体。 网页中如果忽视了对齐，会使元素看上去很分散，缺乏统一 性。这时我们常常会用到栏和网格，我们只需要看看边线就 能完全达到我们的意图。当然对齐也是一个可以自我调整的 原则，不必严格遵守，有时也可以打破它。5重复重复的表现形式多种多样，包括图像、颜色、线条、形 状、以及整体的风格等。如果一个网页设计中没有重复的元 素，它通常会给人缺乏统一性和衔接不紧密的感觉，因此重 复往往是一个必不可少的设计原则。它的一个巨大的好处是 可预测性。如果网站以统一的方式来展现各个关键元素，那 么用户一看到那熟悉的样式就知道其代表的含义是什么了。6流流指用户浏览网页的路径。主要是由重点和对比等元素 的具体使用

6、情况而决定的。事实上流完全取决于其他元素的 综合运用。每个网站都有一个流，选定的标准应该是：顺畅、 舒适、以及尽可能自然。一般而言，人们的视线都是从左到 右、由上至下的，所以我们必须考虑这种自然顺序。这样就 会使流恰到好处，将会让用户顺着一条优美而稳定的路径浏 览网页。再好的设计也要通过制作才能把作品呈现给大家。网页 制作就是对切割好的网页进行优化设置，对图片、文字、动 画等进行排版操作。dreamweaver cs5是现在最为流行的页 面编辑软件，可用于对web站点、网页进行设计和开发。下 面把笔者在使用此款软件制作网页时应遵循的主要原则简 述如下：6. 1命名一个网站不可能只由一个网页组成

7、，它还有许多子页 面。为了能使这些页面有效地被链接起来，网页开发者最好 给这些页面起一些有代表性的而且简洁易记的英文或拼音 网页名称。这样，既有助于方便地管理网页，又会有助于网 站的关键词排名。6. 2网站的目录结构目录结构的好坏，对浏览者来说并没有什么太大的感 觉，但是对于站点本身的上传维护，内容未来的扩充和移植 有着重要的影响。所以整个网站的架构和目录设计要清晰， 复杂的目录有可能会使搜索引擎迷失方向，从而错过一些网 站信息。网站的目录层级不要太深，资深人士建议网站上的 所有页面最多不要超过5次点击就能达到。越重要的网页放 在越顶层的目录里，这样既可以提高收录速度，也会提高相 应页面的权重

8、。目录名称尽量使用短小的英文，以免显示错 误。6. 3网站的内部链接好的网站内部链接应形成一个强大的网络，这样能够提 升网站的权重，也能够提高搜索引擎对网站的收录量和收录 速度。要想形成网络，首先每个页面都应该出现指向主页或 重要页面的链接。可以通过网站的logo、导航、关键词等链 接的形式进行指向。其次，在文章内容页，可以增加一些相 关链接。比如有一篇文章，是关于联想打印机的介绍。那么 在文章的最后可以加上同一个网站中关于惠普等品牌打印 机文章的链接。这样既丰富了用户的阅读体验，也增加了搜 索引擎对于网站“内容相关性”这一重要方面的认可。6. 4网站地图网站地图，又称站点地图，它就是一个页面，上面放置 了网站上所有页面的链接。大多数人在网站上找不到自己所 需要的信息时，可能会将网站地图作为一种补救措施。能够 帮助用户更快的查询到所需要的信息，同时为搜索引擎提供 绿色通道，使引擎程序迅速收录主要网页，得到较好的排名, 让用户更容易找到您的站。6. 5合理应用多媒体技术页面的内容可以用图片、三维动画、flash等来表现， 但同时也要保证快速的访问速度。大多数浏览者不会进入需 要等待5分钟才能进入的网站。所以设计网站时应该尽量合 理使用多媒体技术，通常将主要页面的容量控制在50kb以 内，平均30kb左右，以确保普通浏览者等待页面的时间不 超过10秒钟。要做一