设计一个优秀的网站不仅需要美观，还要兼顾用户体验（UX）和功能性。在做网站时会遇到许多的问题，所以网页规划师一般要扮演多种人物，并且要把握怎么构建一个有用有用的网站布局知识。

你在网页规划所学到的大多数教训都来自作业经验。学习是一个反复持续的进程，并且没有比犯错更好的办法来取得知识(从过错中学习)。在本文中，咱们将评论10个重要并惯例的技巧，这是每位网页规划师新手都应该知道。

1. 优化图片，取得更好的页面加载速度

学习怎么经过挑选正确的格局，来优化网页图片，并保证文件巨细在可行的规模你是满足小的。尽管现在人们已经都在运用宽带，但仍然有人是拨号上网。此外，尽管移动装置技能的普及，但移动装置却不必定支撑像宽频相同的速度，图片文件的巨细或许仍是会延长网页的加载时刻，有或许把用户赶开的。

这里有个挑选合适的文件格局的技巧：假如图片是单色，那好保存成PNG或者GIF格局;假如是连续性的色调(如相片)则好保存成 JPG格局。

有许多的东西能够协助你进一步优化你的图片，下降他们的文件巨细。能够参考这个东西列表来协助优化你的图片。尽量把图片数量减到低，并且灵活运用图片，并且尽或许地减小文件巨细。如此一来，将能够大大的削减页面的读取时刻和改善网页的性能。

2. 坚持洁净和简略(即：简练)

一个好的网页规划不但只是看起来好看罢了，还要是用户友好型的。一般来说，一个洁净、简略的网页规划终究会成为一个可用性高的网页规划，由于它在与用户的交互中不会使其发生混杂。当页面上有太多的网站功用和组件时，将会涣散网站用户的注意力而失掉原本阅览网站的意图。保证每个页面元素都有其意图，然后问自己以下问题：

是否真的需求这个规划么?

这是什么组件是做什么用，它怎么协助用户阅览?

假如我忽然删去这个组件，大多数人会期望它“回来”吗 ?

怎么把这些元素和方针、消息和网站的主旨相互结合?

此外，尽管它或许是一个超酷的新概念或界面规划方式，但你仍是要保证对你的用户而言该规划仍然是方便和直观的。人们习惯于通用性的交互方式、网站功用、和网络接口，假如你的规划的确很独特，保证它不是太模糊和晦涩。 要有创意，但还要坚持简略。

3. 导航(条/栏)是重要的规划

一个网站重要的部分就是整个网站的导航。没有它，无论在哪个页面中，用户都会发生卡在这个页面离不开的状况。有了这显着的实际方向，咱们将评论一些建构网站导航时重要的点。

首先，在网站的导航结构上，投入满足的时刻和许多规划是非常重要的。尽管这是知识，但仍然有许多规划师想当然地规划网站导航。

摆放方位、风格、所用技能(javascript或CSS)、可用性和网页易读性，这些是你制造导航规划时需求考虑的。

在没有CSS的状况下，你的导航规划应该也是可用的，这是基于文字基础的阅览器相容性。你能够尽量去嘲笑文字基础的阅览器，但它们在许多的移动设备上仍是盛行的。也许更为重要的是，对屏幕用户来说(99.99%的情况下)，没有CSS的导航功用照样可用拜访。

在没有客户端技能情况下(如JavaScript或Flash)，导航功用应该简单进入和运用的。用户或许因安全性或公司方针而没有开启或安装。

所以，制定一个导航系统能够放置的杰出方位是必须的，例如放在一个显眼可见的地方。一个好的导航功用，只要网页载入就出现，而不需求鼠标再向下翻滚。这是为什么页面要坚持洁净和简略的重要作用，一个杂乱且非惯例的规划或许会让用户困惑。

哪怕只要一瞬间，用户也必定不会纳闷：“网站导航在哪里?”

后，对网站树立阶级结构，多层次的办理。保证它在父层与子层之间易于导航。此外，不管在哪一个网页当中，也应该能很简单抵达高层的页面(例如网站主页)。

主要的方针就是你的网站导航，尽或许削减操作(动作)，努力而让用户抵达他想要阅览的内容。

4. 明智和有条理地运用字体

尽管有成千上万的字体，但你真的能用的只是一小部分(至少要等到主要的阅览器彻底支撑CSS3)。 所以坚持运用网页安全字体。假如你不喜欢网页安全字体，能够考虑运用sIFR或Cufon逐渐增强的网页规划。

坚持字体的一致性，承认标题和段落的内容看起来有所不同。运用空白、调整行高、字体巨细和字母间距属性，运用户轻松愉快地阅览和扫描内容。

也许一个网页规划师常常犯的过错就是运用不对的字体巨细。由于咱们想尽或许的将内容都塞在一个网页中呈现，所以咱们有时设置字体巨细而让用户感觉到不舒服。假如或许的话，尽量坚持字体巨细12像素以上，特别是对段落内容。尽管许多没有遇到由于字体太小而造成阅览上的困难，但是想想老人家、近视眼和其他类似视觉障碍的族群吧。

5. 了解色彩无障碍性

说完字体后，咱们还需求指出运用正确色彩的重要性。例如，黑色文字在白色布景，假如运用高对比度，橙色布景上的红色文字会令你的眼睛感到紧张。

此外，运用一些对特殊方式色盲的用户友好的色彩(查看东西名为Vischeck，能够测验某些类型的色盲)。

有些色彩组合只合适运用在前景色的部分，而不合适做布景色。举个比如来说，深蓝色的文字搭配粉红色的布景与粉红色的文字搭配深蓝色的布景，都是运用两种相同的色彩，但用在不同的部分则影响了它的可读性和阅览的舒适度。重要的是，不只要运用杰出的色彩组合，并且要把它用在页面中的合适元素上。

6. 知道怎么编写代码

随著各种所见即所得的网页编辑器充满商场，网页规划已经成为简略的1-2-3步骤就能规划好一个网站。然而，大多数网页编辑器掺杂了不必要的代码，使你的HTML结构规划不当，难以保护和更新，导致网页胀大。

经过自己编写的网页代码，能得到简练的代码，能够愉快方便地阅览和保护。你能够骄傲地说是自己写出来的代码。但知道怎么运用所见即所得的IDE或预览功用并不会妨碍学习 HTML和CSS。你要知道发生了什么事情，才干发明有用并高度优化的网页规划。

7. 不要忘记搜索引擎优化

在规划网站时，一个好的网页规划师应该永远紧记基本的SEO概念。例如，网页内容结构、用文字表示标题(即网页的标题和标志)。此刻，曾经学习的怎么合理编码的能力就派上用场。知道正确、语义和基于规范的HTML/CSS 后，你会很快知道到Div比表格布局好得多，不只更为准确地展现内容，并且对搜索引擎排名也有协助。别的，知道用CSS替换布景、文字和图片也是一个好主意。

8. 了解人是没有耐性的

普通人用几秒钟就决定是否要阅览更多网页内容或到另一个网站。因此，作为一个网页规划师，要有个好办法，能在这宝贵的几秒钟鼓励用户挑选前者(看更多内容)。

要知道，假如用户在网页头部看不到感兴趣的内容，没有多少人会向下翻滚，去查看整个网页的内容。所以，在网页头部很简单看到的地方放置网站上的重要元素，但也不要过度拥堵在上半部分网页，否则会吓到用户，而不会往下继续看内容。记住上半部分网页规划的卖点：视其为推销员，使人们有购买主意，即他们想在你的网站上看到什么。

9. 了解(并意识到)阅览器的兼容性

当一个网页规划师必须要知道的一件事，就是你的作业环境(阅览器)是挑剔和难以预料的。假如你的网页规划只能运行在的几种网页阅览器，那是不够的，你需求尽或许多阅览器下测验。这里有一款东西Browsershots，能够测验阅览器兼容性。

10. 使规划有灵活性和可保护性

一个好的网页规划师能够保证以后能够很简单更新或修正网站。规划一个有可塑性、易于保护的网站，是一个伟大网页规划师的标志。让你的作业尽或许从结构化转向模块化。

网页规划这个职业是动态的，并且还很“年青”。事情往往在时间短中变化。紧记这种思维，将推动树立愈加灵活的网页规划。

那么，你的网页规划技巧是什么?持续测试和改进，提升用户体验！