浅谈网页设计与制作中应遵循的一些原则.docVIP

PAGE PAGE 1 浅谈网页设计与制作中应遵循的一些原则 　　摘要：笔者拥有多年的网页设计和制作经验，本文以DreamweaverCs5为软件平台，把网页设计与制作中应遵循的一些基本原则总结并形成文字，和大家共同探讨，以提高大家的网页设计制作水平。 　　关键词：网页设计；DreamweaverCs5；重点；平衡；流；代码 　　中图分类号：TP393.092-4文献标识码：A文章编号：1007-9599（2012）21-0000-02 　　俗话说：“万丈高楼平地起”，要想学好网页设计制作，必须要了解在设计制作中应遵循的一些原则。一直以来，我学习设计和制作的方法都是直接分析范例，了解设计者是如何解决各种实际问题的，这样会起到事半功倍的效果。这种方法我觉得不仅对初学者有用，对于一些高手同样也大有裨益。下面我把设计原则和制作原则分作两块阐述。 　　我们首先解读一下网页设计，网页设计是一种建立在新型媒体之上的新型设计，是艺术设计类和计算机网络类的交叉学科。具有视觉性强和互动性强、受众面广等其他媒体所不具有的特点，它既有传统媒体的优点，又能使传播变得更为直接、便捷和有效。网页从最初到现在不断呈现出新的潮流与模式，风格日新月异，技术层出不穷，使人目不暇接。早期一些花里胡哨的设计目前已不再流行，代之的是更精致、更有目的性的样式。根据多年的设计经验我把设计原则归纳为以下几点： 　　1重点突出 　　重点即重要或意义重大的内容。我们可以采取列举页面所有要素，然后按照其重要性来编号的方法，再基于这样一个列表来设计视觉层次结构，从而在视觉上突出你要表现的重点内容。不能听其自然，试图强调一切，那么结果会是什么都没强调。例如：有些网站会用大而醒目的文本并把其放置在页面顶部的方法；有些网站会用色彩区域标出的方法；有些网站会用不同面积显示的方法等等。这些方法的使用都是一个目的吸引访客关注重点。 　　2对比 　　对比是两个或更多个元素之间的视觉差异。有大量的设计元素可供巧妙地利用来实现对比，包括颜色、尺寸、布局、字体及字号等。设计中的对比能给网站带来视觉上的变化，不会让人觉得索然无味。还能帮助网站聚集焦点，解决对某些元素作为重点的需求。 　　3平衡 　　平衡原则主要考虑设计中的元素如何分布，以及它们与页面中视觉重量的整体布局有何关系。这会给视觉的稳定性带来相当大的影响。平衡有两种方式：对称和不对称。当页面的设计关于某条轴线对称，并且轴线两边的视觉重量相同时，这就实现了对称平衡。当页面的视觉重量被均匀分布到对称轴上，而对称轴两边的个体元素并不相对应时，这就形成了不对称平衡。我们要用一些元素去实现整体上的视觉平衡，不对称平衡是一种在设计网页时更加自然的处理手段。我们可以用直觉来处理平衡问题。 　　4对齐 　　对齐是指以尽可能协调的方式将元素的自然边界排列起来的过程。这样，这些元素便统一成了一个更大的整体。网页中如果忽视了对齐，会使元素看上去很分散，缺乏统一性。这时我们常常会用到栏和网格，我们只需要看看边线就能完全达到我们的意图。当然对齐也是一个可以自我调整的原则，不必严格遵守，有时也可以打破它。 　　5重复 　　重复的表现形式多种多样，包括图像、颜色、线条、形状、以及整体的风格等。如果一个网页设计中没有重复的元素，它通常会给人缺乏统一性和衔接不紧密的感觉，因此重复往往是一个必不可少的设计原则。它的一个巨大的好处是可预测性。如果网站以统一的方式来展现各个关键元素，那么用户一看到那熟悉的样式就知道其代表的含义是什么了。 　　6流 　　流指用户浏览网页的路径。主要是由重点和对比等元素的具体使用情况而决定的。事实上流完全取决于其他元素的综合运用。每个网站都有一个流，选定的标准应该是：顺畅、舒适、以及尽可能自然。一般而言，人们的视线都是从左到右、由上至下的，所以我们必须考虑这种自然顺序。这样就会使流恰到好处，将会让用户顺着一条优美而稳定的路径浏览网页。 　　再好的设计也要通过制作才能把作品呈现给大家。网页制作就是对切割好的网页进行优化设置，对图片、文字、动画等进行排版操作。DreamweaverCs5是现在最为流行的页面编辑软件，可用于对Web站点、网页进行设计和开发。下面把笔者在使用此款软件制作网页时应遵循的主要原则简述如下： 　　6.1命名 　　一个网站不可能只由一个网页组成，它还有许多子页面。为了能使这些页面有效地被链接起来，网页开发者最好给这些页面起一些有代表性的而且简洁易记的英文或拼音网页名称。这样，既有助于方便地管理网页，又会有助于网站的关键词排名。 　　6.2网站的目录结构 　　目录结构的好坏，对浏览者来说并没有什么太大的感觉，但是对于站点本身的上传维护，内容未来的扩充和移植有着重要的影响。所以整个网站的架构和目录设计要清晰，复杂的目录有可能会使搜索