浅谈网页的设计与制作技巧

李阳阳

摘要：文章对网页设计的总体要求与常用工具进行了介绍，并总结了网页在设计过程中需要注意的问题。

关键词：网页设计制作

1、前言

网页就是包含了文字、图片、动画、声音等内容的一个文件，可以在网上传输的界面。它可以用来共享信息、宣传自己、服务用户等，且随着计算机互联网络的发展，已经成为人们浏览信息不可或缺的媒质之一。而这种优质的传媒作用是否能够取得预期的效果往往取决于网页的设计与制作是否精良。

2、网页的设计

网页设计，是一种建立在新型媒体之上的新型设计。是在平面设计的基础上，适应网络传播与网页浏览的需求，所从事的视觉传达工作。它具有艺术与技术高度结合的特点。网页设计是网站的视觉内容部分，它是浏览者进入站点内第一时间接收到的视觉信息。它可以给浏览者一个概念，一种印象，这种印象有时候是致命的。一个可用性强的、独特创新的网页设计是网站长期发展的必要条件之一。

一个成功的网页设计，首先在观念上要确立活跃的思维方式，其次，要有效地将图形引入网页设计之中，增加人们浏览网页的兴趣，在崇尚鲜明个性风格的今天，网页设计应增加个性化因素。

3、网页设计与制作的技巧

3.1 设计前要有筹划

设计主页也许并不是很困难，但这一工作与编制传统的宣传品一样，都需要我们谨慎处理和筹划。换言之，我们必须首先确定自己需要传达的主要信息，然后细意斟酌、把所有意念合情合理地组织起来；之后是设计一个页面式样，试用于有代表性的用户，接着重复修订，务求尽善尽美。

3.2 选择内容要有新鲜感

万维网上不断有新事物出现、每天都有新花样。如果主页从不改变，用户很快会厌倦。因此网页内容的选择要不落俗套，要重点突出一个“新”字，这个原则要求在设计网站内容时不能照抄别人的内容，要结合自身的实际情况创作出一个独一无二的网站。

3.3 内容相对实用性大

一个网页尽管设计得趣味盎然，引人入胜，但这不是吸引用户最好的理由，要想最大限度地留住用户首要的是要让它有用处。这样做的一个很简单的办法是提供相互参与--让读者做一些事情，如报名获取定期发送的通讯，并用某种方式报答他们的参与，如每周抽奖或给予下载一些东西的机会。

3.4 网页命名要简洁

由于一个网站不可能就是由一个网页组成，它有许多子页面，为了能使这些页面有效地被连接起来，用户最后能给这些页面起一些有代表性的而且简洁易记的网页名称。这样既会有助于以后方便管理网页，在向搜索引擎提交网页时更容易被别人索引到。在给网页命名时，最好使用自己常用的或符合页面内容的小写英文字母，这直接关系到页面上的连接。

3.5 确保页面的导览性好

主页的其中一个很重要的功能就是作为导航工具，指引用户查阅你存储在网址或其他地点的信息。因此在设计主页时，应尽量使导览过程变得很轻松。基于清晰明确和速度的考虑，主页上的超级联接内容应只限于几个高级的类别，例如公司、产品、服务等等。

一般一个A4页面大小的网页用6-8个超级联接比较合适。此外，还要保证超级联接的层数不能太多，超过４层以上的联接信息将会使人感到厌烦。因此，必须在广度和深度之间求取平衡。如果网址上有太多信息，可能要制作较长的页面或使用更多联接层数，甚至可能要建立多个主页、使每个主页载有不同的信息。如果能够让用户在主页上以关键字或词语查找所需的信息，肯定受用户欢迎。

3.6 合理设计视觉效果

不必在以页面上填满图像来增加视觉趣味。尽量使用彩色圆点--它们较小并能为列表项增加色彩活力(并能用于彩色列表)。彩色分隔条也能在不扰乱带宽的情况下增强图形感。另外网页设计好后，一定要在不同类型的浏览器和不同分辨率的情况下测试主页，例如，许多浏览器使用640×480的分辨率，尽管在800×600高分辨率下一些Web页面看上去很具吸引力，但在640×480的模式下可能会黯然失色。作一点小小的努力，设计一个在不同分辨率和不同类型的浏览器下都能正常显示的网页。

3.7 排版时要注意细节

在排版时，注意不要轻易让文字居中和使用粗体或斜体字符。除了视感混乱之外，很多流览器不能很好地显示斜体字，也不能补偿由于字母倾斜引起的空白变化。利用短的段落，加点列示，适当的整块引用文字，用水平线分节，用影象地图指引主要连接，使你的页面能吸引人和容易阅读。另外还需要注意的是，不要把重要的内容排版放到网页的结尾，因为读者的视线可能停留在主页上面较多一点，或者有些读者没有耐心往下看那么远。

3.8 面长度要适中

当一个页面很长时就应该要注意了，因为它的传输时间明显要比较短的页面的传输时间长，太长的页面传输会使访问者在等待中失去耐心。而且为了阅读这些长文本，访问者不得不使用卷滚条，从而也浪费了用户在网上冲浪的时间。如果有大量的基于文本的文档，应当以AdobeAcrobat格式的文件形式来放置，以便访问者能离线阅读，从而节省宝贵的时间。

参考文献

[1]徐亚先.《试论网页制作》.情报科学,2001.

[2]周琦.《关于网页设计与制作技术的探讨》.电脑知识与技术,2009.

[3]郝录,詹秦川.《试析数字化背景下网页设计中版式设计的发展运用》.电影评介,2010.

[4]黄海燕,张辉.《网页设计与平面设计》.包装工程,2004.

[5]严晨,杨智坤.《网页设计中的功能性与艺术性关系研究》.科技与出版,2011.

[6]杨永斌.《网页设计的认知因素》.重庆工学院学报(自然科学版),2008.

[7]王巍.《图形艺术在网页设计中的应用》.电影评介,2007.

[8]李健.网页设计的色彩调配和应用[期刊论文]《安庆师范学院学报（自然科学版）》,2010.