网页设计制作的细节掌控

    细节决定成败。网页设计也是一个细活，从每一个成功的网页设计作品都能看出设计师对细节的良好把握和控制。这里将从网页的色彩掌控、 网页下载速度的控制和基础的文本排版技巧来阐述网页设计制作细节问题。  新疆二域设计www.xjcncn.com整理， 希望能对网页设计人员起到帮助作用。

    一：网页色彩的掌控

    网页的色彩是树立网站形象的关键之一，色彩搭配却是网友们感到头疼的问题。网页的背景，文字，图标，边框，超链接...，应该采用什么样的色彩，应该搭配什么色彩才能最好的表达出预想的内涵呢？网页设计制作用彩色还是非彩色好呢？根据专业的研究机构研究表明：彩色的记忆效果是黑白的3.5倍。也就是说，在一般情况下，彩色页面较完全黑白页面更加吸引人。
    我们通常的做法是：主要内容文字用非彩色(黑色)，边框，背景，图片用彩色。这样页面整体不单调，看主要内容也不会眼花。

    随着网页设计制作经验的积累，我们用色有这样的一个趋势:单色->五彩缤纷->标准色->单色。一开始因为技术和知识缺乏，只能制作出简单的网页，色彩单一；在有一定基础和材料后，希望制作一个漂亮的网页，将自己收集的最好的图片，最满意色彩堆砌在页面上；但是时间一长，却发现色彩杂乱，没有个性和风格；第三次重新定位自己的网站，选择好切合自己的色彩，推出的站点往往比较成功；当最后设计理念和技术达到顶峰时，则又返朴归真，用单一色彩甚至非彩色就可以设计出简洁精美的站点。

    二:网页下载速度的掌控

    A:在设计网页时就应考虑到浏览器的缓存：那些在网站中重复出现的像 - 比如通用标志、页首或导航条,不必一遍一遍地下载。缺省地，Netscape和Internet Explorer在RAM或硬盘上设置缓存来存储最近用到的图像。例如，如果网站有大量相似的页首图形，应试图把它进行分割，使其中不变的部分能从缓存中立刻读出来。虽然在每页还要调用一个新图，因为这个图很小，所以下载很快。

    B:优化表格：表格的使用增加了显示页面的时间，有时这样的时间很长。因为浏览器需要在填充表格的内容之前完全理解表格的结构，在大部分（如果不是全部）表格的内容下载之前，浏览器什么 也不能渲染。当表格变大时，需要处理的信息将呈指数性增长。在先前的计算机上，这些处理性工作很不容易，表格渲染 需要大量时间。
    使用表格时间长了，你会发现大量小表格渲染起来比一个有很多行的大表格快。至少看起来是这样 - 真象那么回事（记住：是感觉到的速度，而不是实际速度）。
    如果你在用一个九行的表格（每个单元有很多信息），可以把它分成三个各有三行的小表格。如果你的网页很长，这种策略特别有益 - 在后面的表格下载时用户可以看前面的表格。

    C：优化图像和网页背景：一部分网页设计人员总喜欢在其中塞满漂亮的图片，这似乎是“人之常情”，然而，这是专业网页设计的忌讳。另外他们喜欢用鲜艳的色彩或亮丽的图片，作为网页背景，这也是网页设计制作中易犯的毛病之一，
    记住，只有在语言难于表达的地方，才使用图片，而且图片应该简洁，文件尺寸要尽量小。不要轻易用图片代替文本，如标题、导航栏等。的确， HTML 中的文本不是在各种浏览器中都能正确显示，但是如果使用层叠样式表( CSS )，情况就要好得多。文本具有装载速度快的优势，不会出现象图片有时无法打开的问题，而且修改起来也更加方便。
    另外，不要使用图片背景。回想一下，在你浏览过的知名网站中，有多少使用图片背景的?几乎没有吧?其实，道理很简单，人们来到你的网站(尤其是商务网站)，你希望他们读你的内容，还是欣赏漂亮的图片?况且这种背景还有一个缺点——减慢了网页装入速度。另外，不使用图片背景，也等于在向来访者表明:“我们以高质量的内容(产品或服务)取胜，而不是花哨的装饰”。

    三：文本排版的技巧

    我们在做网页的时候会发现：自己画的图也不错，自己做的布局也很精致，做的图标也很漂亮，第一眼看起来都觉得很漂亮，但是看看就觉得不舒服，这里可能没有应用好文本排版技巧 .

    页面排版不合理产生的视觉效果会让读者的眼睛产生的疲劳感，基本的毛病在于“字间距太挤或太宽”、“行距太小或太大”、“每行字数太多或太少”等这几个常见因素。
    我们主要来分析行距的问题

    行距太小、太挤了，文字会给人粘在一起的感觉，这样眼睛在看这个文本的时候会需要花点时间去分辨，这样的排版会让读者看得很累。很不舒服。大家看一下自己手头上所做文本的是不是太挤了，如果是那就改一下吧!

    行距太大的情况，看起来也很清楚，但是当你的文章不是一两行而是十几行与几十行的时候你就会觉得文章的连贯性产生了很严重的脱节，一般排版不会越过两个字体高度(2em)。