如果你去google搜索“网站教程”，“网页设计教程”，“如何设计一个网站”，那么你将无法找到一个结果，将采取从年初设计过程中，HTML过程结束。而这正是我什么都做在这个精心设计的教程，而且完全免费！还检查了我的新文章，如何使一个网站后你读完这篇文章在我的其他网站。

 

我不仅要包括详细的每一步，但也为我做出的决定背后的推理和原则。还有其他设计教程只集中在指令方面，但要真正成为一名优秀的设计师，你要明白到有效的网站设计的原则和概念。所有这些原则将帮助您了解如何使一个网站。

 

我有8年以上设计经验（网络和印刷）和回馈社会，我开始这些设计教程 。我知道当你真的想设计一个漂亮的网站是多么困难，但根本不知道从哪里开始，因为巨大的质量教程缺乏。我想通8年后，会有一个很大的来源，从中学习很多，但有根本不是。

 

项目

 

我想，因为我将要抽出时间来写一个精心制作的教程，我也可以尝试杀死1石2鸟。因此，我认为一个网站，我认为是很独特的想法，我可能使一个或两个降压关闭。我想出了yiyada.com，和它的网站，我将在本教程中记录。这是一个简单的Web 2.0设计，但都看起来很大，很容易使用和理解。

 

网站背后的想法是提供服务，允许设计师/网站管理员接收质量反馈和评论他们的网站，以作出改善 - 并最终增加收入的潜力。为了审查您的网站后，你有：（一）复查X的网站数量，但没有成功。有网站管理员论坛，有专门指定的网站审查和批判的论坛，但有一个完整的网站，致力于在审查/反馈的质量和准确性方面的理想得多。

 

网站设计原则

 

许多网站管理员都希望他们能设计漂亮的网站，但根本不可能。他们给它一些尝试，但无论是由于缺乏应用知识（应用程序如Photoshop），或缺乏“艺术才华”，他们放弃了。这很好，因为它使设计健康的市场！;），但没有的，它确实没有像。如果你是一个有抱负的设计师，也有一些，我想首先概述的关键原则。他们什么帮助我通过我的路径，成为一名优秀的设计师，他们应该帮助你太多，如果你跟随他们。

 

这不是90年代了

 

，当互联网时代早期的开拓者开始在90年代设计的网站，他们成了执着像Photoshop方案所提供的过滤器。镜头耀斑，斜角，阴影，发光，使用他们的最大程度。你需要避免滥用这些过滤器，或者我应该说，你需要避免滥用这些过滤器 。有实例中，这些过滤器可以是一个伟大的好处，但你必须知道如何正确地使用它们，不只是一巴掌予取予求 。

 

可用性，而不是杂乱

 

的可用性是所有有关访问者的经验好您的网站上 。事情应该易于阅读，易于访问和最重要的，容易理解。当访问者访问你的网站，他们应该知道，正是你的网站是第一对夫妇秒内。这是明显在设计和布局开始发挥作用。您需要在物理意义上，以避免弄乱你的网站。我不是说“内容太多”，而是如何选择显示的内容。事情应该是奠定了间距和边距。

 

文本的

 

一个真正的大潮流是在本世纪初流行的，使用小字体 。我是那些白痴之一，因为我认为它“看上去”酷。但对于所有的实际目的，我总是嗤之以鼻使用字体大小10px或更少的人 。千万不要低于11px字体-甚至11px只应谨慎使用。大小14px的（这是什么）段文字似乎最为理想。当然12px您可以蒙混过关，但屏幕分辨率都在增加，12px突然变小。

线的高度是非常重要的的。行高是每个段落中的文本之间的间距。标准线的高度，我觉得是一个稍微有点太薄了，我想扩大它多一点。它使人们更容易阅读。

 

颜色和对比度

 

的颜色主题的网站，显然是重要的 。很多有抱负的设计师有租赁使用太多的颜色，只是因为它们的存在。但我喜欢使用不超过2原色和第三个“次要”的颜色，我将整个设计有节制地使用 。一个简单的颜色的主题是对眼睛更容易，更容易“领悟”，整体看起来更好 。当然也有例外，但9 10倍，它始终是更好地保持简单的颜色主题。

颜色主题也需要连接的访客和网站的目的。举例来说，我不会用蓝色和绿色/黄色荧光有关健康的网站 - 它根本没有意义，我认为这是一个给定的。：）

 

对比度是非常重要的。这是非常重要的，您的内容和导航是正确的对比。前景文本需要在比较与背景颜色很暗，或很轻。我看到很多网站的文本将是一个浅灰色的背景为白色 - ERR！这是非常恼人的难读。

 

周围

 

很多设计师设计网站的目的，这些经验和没有，总是使用相同的布局和设计元素的“公式” 。要真正使一个令人印象深刻，有效的网站，你需要充分了解网站的目的是什么，而且目标是什么 。网站是否根据各地销售的成员，或只是一般的基于广告的内容-设计应照顾最有效的目的。这是我在出发此页的教程将展示 。

 

例如了解

 

一个常见的错误有抱负的设计师是想他们应该能够打开Photoshop和设计上一个伟大的网站，他们的第一次尝试。不，不会发生这样的。你不会拿起吉他开始写不先学习几首歌曲的音乐 ？对，它应该没有网页设计的不同 。我建议初学者尝试重建，他们认为好看的现有设计 。

 

如果你这样做了几次，它会（1）帮助您了解应用程序，（2）帮助你成为一个更好的设计师。你下意识地学习，当您重新创建一个现有的设计。您将自动拿起设计感，当您这样做，而且它确实有助于走一段很长的路要走，它归结为自己的网站设计。