學(xué)习如何通过选择正确的格式，来优化网页图片，并确保文(wén)件大小(xiǎo)在可(kě)行的范围你是足够小(xiǎo)的。虽然现在人们已经都在使用(yòng)宽带，但仍然有(yǒu)人是拨号上网。此外，虽然移动装置技术的普及，但移动装置却不一定支持像宽频一样的速度，图片文(wén)件的大小(xiǎo)可(kě)能(néng)还是会延長(cháng)网页的加载时间，有(yǒu)可(kě)能(néng)把用(yòng)户赶走的。

这里有(yǒu)个选择适合的文(wén)件格式的技巧：如果图片是单色，那最好保存成PNG或者GIF格式;如果是连续性的色调(如照片)则最好保存成 JPG格式。

        有(yǒu)很(hěn)多(duō)的工具可(kě)以帮助你进一步优化你的图片，降低他(tā)们的文(wén)件大小(xiǎo)。尽量把图片数量减到最低，并且灵活使用(yòng)图片，并且尽可(kě)能(néng)地减小(xiǎo)文(wén)件大小(xiǎo)。如此一来，将可(kě)以大大的减少页面的读取时间和改善网页的性能(néng)。

       一个好的网页设计不光只是看起来好看而已，还要是用(yòng)户友好型的。通常来说，一个干净、简单的网页设计最终会成為(wèi)一个可(kě)用(yòng)性高的网页设计，因為(wèi)它在与用(yòng)户的交互中不会使其产生混淆。当页面上有(yǒu)太多(duō)的网站功能(néng)和组件时，将会分(fēn)散网站用(yòng)户的注意力而失去原本浏览网站的目的。确保每个页面元素都有(yǒu)其目的，然后问自己以下问题：

       1.是否真的需要这个设计么?

       2.这是什么组件是做什么用(yòng)，它如何协助用(yòng)户浏览?

       3.如果我突然删除这个组件，大多(duō)数人会希望它“回来”吗 ?

       4.如何把这些元素和目标、消息和网站的宗旨互相结合?

       此外，尽管它可(kě)能(néng)是一个超酷的新(xīn)概念或界面设计模式，但你还是要确保对你的用(yòng)户而言该设计仍然是方便和直观的。人们习惯于通用(yòng)性的交互模式、网站功能(néng)、和网络接口，如果你的设计的确很(hěn)独特，确保它不是太模糊和晦涩。 要有(yǒu)创意，但还要保持简单。

       一个网站最重要的部分(fēn)就是整个网站的导航。没有(yǒu)它，无论在哪个页面中，用(yòng)户都会发生卡在这个页面离不开的状况。有(yǒu)了这明显的实际方向，我们将讨论一些建构网站导航时重要的点。

       首先，在网站的导航结构上，投入足够的时间和很(hěn)多(duō)规划是非常重要的。虽然这是常识，但仍然有(yǒu)很(hěn)多(duō)设计师想当然地设计网站导航。

       摆放位置、风格、所用(yòng)技术(javascript或CSS)、可(kě)用(yòng)性和网页易读性，这些是你制作导航设计时需要考虑的。

       在没有(yǒu)CSS的状况下，你的导航设计应该也是可(kě)用(yòng)的，这是基于文(wén)字基础的浏览器相容性。你可(kě)以尽量去嘲笑文(wén)字基础的浏览器，但它们在很(hěn)多(duō)的移动设备上还是流行的。也许更為(wèi)重要的是，对屏幕用(yòng)户来说(99.99%的情况下)，没有(yǒu)CSS的导航功能(néng)照样可(kě)用(yòng)访问。

       在没有(yǒu)客户端技术情况下(如Javascript或Flash)，导航功能(néng)应该容易进入和使用(yòng)的。用(yòng)户可(kě)能(néng)因安全性或公司政策而没有(yǒu)开启或安装。

       所以，制定一个导航系统可(kě)以放置的良好位置是必须的，例如放在一个显眼可(kě)见的地方。一个好的导航功能(néng)，只要网页载入就出现，而不需要鼠标再向下滚动。这是為(wèi)什么页面要保持干净和简单的重要作用(yòng)，一个复杂且非常规的设计可(kě)能(néng)会让用(yòng)户困惑。

       哪怕只有(yǒu)一瞬间，用(yòng)户也必定不会纳闷：“网站导航在哪里?”

       最后，对网站建立阶层结构，多(duō)层次的管理(lǐ)。确保它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能(néng)很(hěn)容易到达最高层的页面(例如网站首页)。

       最主要的目标就是你的网站导航，尽可(kě)能(néng)减少操作(动作)，努力而让用(yòng)户到达他(tā)想要浏览的内容。

       虽然有(yǒu)成千上万的字體(tǐ)，但你真的能(néng)用(yòng)的只是一小(xiǎo)部分(fēn)(至少要等到主要的浏览器完全支持CSS3)。 所以坚持使用(yòng)网页安全字體(tǐ)。如果你不喜欢网页安全字體(tǐ)，可(kě)以考虑利用(yòng)sIFR或Cufon逐步增强的网页设计。

       保持字體(tǐ)的一致性，确认标题和段落的内容看起来有(yǒu)所不同。使用(yòng)空白、调整行高、字體(tǐ)大小(xiǎo)和字母间距属性，使用(yòng)户轻松愉快地阅读和扫描内容。

       也许一个网页设计师常常犯的错误就是使用(yòng)不对的字體(tǐ)大小(xiǎo)。因為(wèi)我们想尽可(kě)能(néng)的将内容都塞在一个网页中呈现，所以我们有(yǒu)时设置字體(tǐ)大小(xiǎo)而让用(yòng)户感觉到不舒服。如果可(kě)能(néng)的话，尽量保持字體(tǐ)大小(xiǎo)12像素以上，特别是对段落内容。虽然很(hěn)多(duō)没有(yǒu)遇到因為(wèi)字體(tǐ)太小(xiǎo)而造成阅读上的困难，但是想想老人家、近视眼和其他(tā)类似视觉障碍的族群吧。

       说完字體(tǐ)后，我们还需要指出使用(yòng)正确颜色的重要性。例如，黑色文(wén)字在白色背景，如果使用(yòng)高对比度，橙色背景上的红色文(wén)字会令你的眼睛感到紧张。

       此外，使用(yòng)一些对特殊形式色盲的用(yòng)户友好的颜色(检查工具名為(wèi)Vischeck，可(kě)以测试某些类型的色盲)。

       有(yǒu)些色彩组合只适合运用(yòng)在前景色的部分(fēn)，而不适合做背景色。举个例子来说，深蓝色的文(wén)字搭配粉红色的背景与粉红色的文(wén)字搭配深蓝色的背景，都是使用(yòng)两种一样的颜色，但用(yòng)在不同的部分(fēn)则影响了它的可(kě)读性和阅读的舒适度。重要的是，不仅要使用(yòng)良好的色彩组合，而且要把它用(yòng)在页面中的合适元素上。

       随著各种所见即所得的网页编辑器充斥市场，网页设计已经成為(wèi)简单的1-2-3步骤就能(néng)设计好一个网站。然而，大多(duō)数网页编辑器掺杂了不必要的代码，使你的HTML结构设计不当，难以维护和更新(xīn)，导致网页膨胀。

       通过自己编写的网页代码，能(néng)得到简洁的代码，能(néng)够愉快方便地阅读和维护。你可(kě)以自豪地说是自己写出来的代码。但知道如何使用(yòng)所见即所得的IDE或预览功能(néng)并不会妨碍學(xué)习 HTML和CSS。你要知道发生了什么事情，才能(néng)创造有(yǒu)效并高度优化的网页设计。

       在设计网站时，一个好的网页设计师应该永遠(yuǎn)牢记基本的SEO概念。例如，网页内容结构、用(yòng)文(wén)字表示标题(即网页的标题和标志(zhì))。此时，以前學(xué)习的如何合理(lǐ)编码的能(néng)力就派上用(yòng)场。认识正确、语义和基于标准的HTML/CSS 后，你会很(hěn)快认识到div比表格布局好得多(duō)，不仅更為(wèi)准确地展现内容，而且对搜索引擎排名也有(yǒu)帮助。另外，知道用(yòng)CSS更换背景、文(wén)字和图片也是一个好主意。

       普通人用(yòng)几秒(miǎo)钟就决定是否要阅读更多(duō)网页内容或到另一个网站。因此，作為(wèi)一个网页设计师，要有(yǒu)个好方法，能(néng)在这珍贵的几秒(miǎo)钟鼓励用(yòng)户选择前者(看更多(duō)内容)。

       要知道，如果用(yòng)户在网页头部看不到感兴趣的内容，没有(yǒu)多(duō)少人会向下滚动，去查看整个网页的内容。所以，在网页头部很(hěn)容易看到的地方放置网站上的重要元素，但也不要过度拥挤在上半部分(fēn)网页，否则会吓到用(yòng)户，而不会往下继续看内容。记住上半部分(fēn)网页设计的卖点：视其為(wèi)推销员，使人们有(yǒu)購(gòu)买想法，即他(tā)们想在你的网站上看到什么。

       当一个网页设计师必须要知道的一件事，就是你的工作环境(浏览器)是挑剔和难以预料的。如果你的网页设计只能(néng)运行在的几种网页浏览器，那是不够的，你需要尽可(kě)能(néng)多(duō)浏览器下测试。这里有(yǒu)一款工具Browsershots，可(kě)以测试浏览器兼容性。

       一个好的网页设计师可(kě)以确保以后可(kě)以很(hěn)容易更新(xīn)或修改网站。设计一个有(yǒu)可(kě)塑性、易于维护的网站，是一个伟大网页设计师的标志(zhì)。让你的工作尽可(kě)能(néng)从结构化转向模块化。

       网页设计这个行业是动态的，而且还很(hěn)“年轻”。事情往往在短暂中变化。牢记这种思想，将推动建立更加灵活的网页设计。

       那么，你的网页设计技巧是什么?