新手网站如何建立一个网站布局

你在网页设计中学到的大部分经验都来自于工作经验。学习是一个持续的过程，没有比犯错误更好的方法获得知识。在本文中，我们将讨论10个重要的和常见的提示，每一个新手网页设计师应该知道。

了解如何通过选择正确的格式来优化web图像，并确保文件大小足够小。虽然现在人们正在使用宽带，但仍有一些人使用拨号上网。此外，尽管移动设备技术普及，但移动设备并不一定支持与宽带相同的速度。图像文件的大小可能会延长网页的加载时间，这可能会赶走用户。

在制作网站的过程中会遇到很多问题，因此网站设计者通常要扮演各种角色，掌握如何构建一个有效的、实用的网站布局知识。

你在网页设计中学到的大部分经验都来自于工作经验。学习是一个持续的过程，没有比犯错误更好的方法获得知识。在本文中，我们将讨论10个重要的和常见的提示，每一个新手网页设计师应该知道。

了解如何通过选择正确的格式来优化web图像，并确保文件大小足够小。虽然现在人们正在使用宽带，但仍有一些人使用拨号上网。此外，尽管移动设备技术普及，但移动设备并不一定支持与宽带相同的速度。图像文件的大小可能会延长网页的加载时间，这可能会赶走用户。

有许多工具可以帮助您进一步优化图像并减小其文件大小。您可以参考此工具列表来帮助优化图像。尽量减少图片数量，灵活使用图片，尽量减少文件大小。这样可以大大减少页面的阅读时间，提高页面的性能。

2保持简洁（即简洁）

一个好的网页设计不仅好看，而且用户友好。一般来说，一个干净简单的网页设计最终会成为一个高可用性的网页设计，因为它不会在与用户的交互中造成混乱。当网页上有太多的网站功能和组件时，会分散网站用户的注意力，失去浏览网站的初衷。确保每个页面元素都有一个目的，然后问自己以下问题：

这个部件是做什么用的？它如何帮助用户浏览？

如果我突然删除这个组件，大多数人会希望它“回来”吗？

如何将这些元素与网站的目标、信息和目的结合起来？

此外，尽管这可能是一个很酷的新概念或界面设计模式，但您仍然需要确保设计对用户来说仍然是方便和直观的。如果你不习惯一般的设计，界面和网络，确保它不是太通用。要有创意，但要简单。

网站最重要的部分是整个网站的导航。没有它，无论在哪个页面，用户都会被困在这个页面。有了这个明显的实践方向，我们将讨论网站导航建设中的一些要点。

首先，在网站的导航结构中，投入足够的时间和大量的规划是非常重要的。虽然这是常识，但仍有许多设计师认为设计网站导航是理所当然的。

位置、风格、技术（JavaScript或CSS）、可用性和web可读性是设计导航时需要考虑的问题。

在没有客户端技术（如JavaScript或Flash）的情况下，导航功能应该易于访问和使用。由于安全或公司策略的原因，用户可能无法打开或安装它。

因此，有必要对导航系统进行良好的定位，比如在可见的地方。一个不错的导航功能，只要网页加载就会出现，而且不需要鼠标向下滚动。这就是为什么保持页面整洁和简单很重要的原因。一个复杂和非传统的设计可能会迷惑用户。

即使只是一瞬间，用户也不会疑惑：“网站导航在哪里？”

主要目标是你的网站导航，尽量减少操作（动作），努力让用户达到他想要浏览的内容。

尽管有数千种字体，但只有一小部分可以使用（至少在主流浏览器完全支持CSS3之前）。所以坚持使用安全字体。如果你不喜欢安全的字体，可以考虑使用sifr或cufon逐步增强网页设计。

保持字体一致，确保标题和段落内容看起来不同。使用blank，调整行高、字体大小和字母间距属性，以方便用户阅读和扫描内容。

也许一个网页设计师经常犯的错误就是使用了错误的字体大小。因为我们希望尽可能多地呈现网页中的内容，所以有时我们会设置字体大小，让用户感到不舒服。如果可能，尽量保持字体大小在12像素以上，尤其是段落内容。虽然很多人不会因为字体太小而出现阅读困难，但想想老年人、近视眼和其他有类似视力障碍的人。

完成字体之后，我们还需要指出使用正确颜色的重要性。例如，白色背景上的黑色文字，如果使用高对比度，橙色背景上的红色文字会让你的眼睛紧张。

此外，对于特殊形式的色盲，使用一些用户友好的颜色（检查工具称为vischeck，它可以测试某些类型的色盲）。

有些颜色组合只适用于前景，不适用于背景。例如，深蓝色的粉色背景文本和深蓝色的粉色背景文本都使用相同的颜色，但不同的部分会影响其可读性和阅读舒适性。重要的是不仅要使用好的颜色组合，而且要在页面的正确元素上使用它。

随着各种所见即所得的网页编辑充斥市场，网页设计已经成为一个简单的1-2-3步骤来设计一个网站。然而，大多数网页编辑器都夹杂着不必要的代码，这使得您的HTML结构设计不当，难以维护和更新，并导致网页扩展。

通过自己编写的网页代码，我们可以得到简洁的代码，并愉快、方便地阅读和维护。你可以自豪地说，你自己写的代码。但是知道如何使用所见即所得ide或预览并不能阻止您学习HTML和CSS。你需要知道如何创建有效和高度优化的网页设计。

当设计一个网站，一个好的网页设计师应该始终牢记SEO的基本概念。例如，网页的内容结构，使用文本来表示标题（即网页的标题和徽标）。在这一点上，如何合理地编写过去学到的代码的能力将派上用场。在理解了正确的、基于语义和标准的HTML/CSS之后，您很快就会意识到div比table layout好得多。它不仅能更准确地呈现内容，而且有助于搜索引擎排名。另外，知道如何用CSS改变背景、文本和图片也是个好主意。

一般人需要几秒钟的时间来决定是阅读更多的网页内容还是去其他网站。因此，作为一个网页设计师，应该有一个很好的方法来鼓励用户在这宝贵的几秒钟内选择前者（查看更多内容）。

要知道，如果用户看不到页面头部感兴趣的内容，没有多少人会向下滚动查看整个页面的内容。因此，网站的重要元素应该放在页面最前面容易看到的地方，但不要把页面的上半部分挤得太多，否则用户会害怕，不会继续往下看。记住网页设计前半部分的卖点：把它想象成一个推销员，让人们知道他们想在你的网站上看到什么。

当一个网页设计师必须知道你的工作环境（浏览器）是挑剔和不可预测的。如果您的web设计只能在几种web浏览器中运行，这是不够的，您需要测试尽可能多的浏览器。下面是一个测试浏览器兼容性的工具browsershots。

一个好的网页设计师可以确保网站可以很容易地更新或修改在未来。设计一个具有可塑性和易于维护的网站是一个伟大的网页设计师的标志。使您的工作尽可能结构化和模块化。

网页设计行业是一个充满活力和“年轻”的行业。事情往往在短期内改变。牢记这一点将促进建立更灵活的网页设计。