使网站设计看起来很好的7个关键原则

网站设计在很大程度上是一个创作过程，因此可以被称为艺术而不是科学。但由于它本质上是一种介绍媒介，因此适用某些规则（或至少是原则）。通过遵循一些简单的指针，任何人都应该能够创造一个视觉上令人愉悦的设计，并更进一步成名。好吧，它不是那么简单，人才和经验都很重要，但任何人都可以在几分钟内将主页变成更漂亮的东西。

将Web设计视为不同元素的共生。没有一个元素是最重要的; 相反，元素的总和使设计看起来很好。

1.保持设计平衡。

平衡就是确保您的设计不会向一侧或另一侧倾斜。这就像实现对称或不对称时的重量平衡。

这就是我们所说的不对称平衡，这就是平衡。如果你不小心如何摆放东西，设计会很快变得不平衡。您可以通过多种方式操纵设计的视觉重量，例如颜色，大小以及元素的添加或删除。如果你要做十字架，比如一个充满活力的橙色，它会变得更重，也许会让布局再次失去平衡。实现不对称的平衡是一个特别微妙的问题，需要时间来微调和有点训练的眼睛才能真正实现。

2.使用网格划分您的设计。

网格的概念与平衡的概念密切相关。网格是一系列水平和垂直标尺，可帮助您“划分”设计。想想专栏。提高了可读性，使页面内容更容易被吸收。间距和使用三分法（或类似的黄金比例）使一切变得更容易。

例如，三分法和黄金比例解释了为什么侧边栏通常约为页面宽度的三分之一，以及为什么主要内容区域大致等于设计宽度除以1.62（等于数学中的phi）。我们不会理解为什么会这样，但它在实践中似乎也是如此。这也是为什么专业拍摄的照片中的主题通常不位于中间，而是位于假想的九平方网格（三乘三，两条水平线和两条垂直线）的交点处。

虽然设计本身在视觉上并不令人印象深刻，但明确严格的元素结构使其易于实现。左栏大小是右侧栏的两倍，这只是有意义的，在创建自己的设计时需要考虑。

3.最多为您的设计选择两种或三种基色。

找出适合自己的东西。尽可能多地吸收网站设计，例如许多CSS展示网站（如最佳网络图库）中的任何一个，以了解颜色如何相互作用。为您的设计选择最多两种或三种基色，然后使用这些基色的色调（较浅，混合为白色）和阴影（较暗，混合黑色）在必要时扩展调色板。

挑选漂亮的颜色与选择正确的颜色（即工作的正确颜色）同样重要。一个舒适的小餐馆的网站设计可以很好地与“朴实”的色调：红色，棕色等。当然，没有一个万无一失的食谱。每种颜色都会发出一条消息，由您决定是否正确。

4.尝试使图形很好地结合在一起。

伟大的设计不需要花哨的图形。但糟糕的图形肯定会损害设计。图形添加到可视消息中。

你可能不是一个伟大的插画家或摄影师，但这并不意味着你不能在你的网站上放置出色的图形。您需要一些基本的Photoshop技能，可能是一些库存图片和很棒的品味。尝试使图形很好地结合在一起，并确保它们体现了您的目标。但是，我们并不是都具备相同的天赋。你可以通过向别人学习来获取一些东西，但有时你只需要选择最适合你的风格（如果你不是最伟大的插图画家就像一个干净的风格）。

5.改进您网站的排版。

类型的艺术是一个棘手的主题，因为它涵盖了许多元素。虽然它可以被视为设计的一个分支，但人们可以花一生时间掌握其所有方面。这不是提供完整印刷参考的地方，因此我们将讨论限制在短期内对您有利的内容。

与印刷排版相比，Web排版是有缺陷的。最大的区别在于，由于其动态特性，我们缺乏对Web上类型外观的完全控制。显然，动态渲染有其优势，但Web设计者几乎无法控制结果，至少目前如此。用户计算机上缺少字体，浏览器和平台渲染方面的差异以及CSS中的低级支持使得Web排版成为令人生畏的令人生畏的任务。但是，虽然我们可能不得不等待Web排版的CSS 3充分发挥它的潜力，但我们现在有办法让它看起来很有趣，更重要的是，非常漂亮。

6.通过在它们周围添加空白区域来突出元素。

白色空间，或负空间，有做什么是不存在。像测量和引导，白色空间给文本一些喘息空间和空间和平。你可以通过在它们周围添加空白来使元素脱颖而出。例如，复制不应该显得狭窄。为确保可读性，请确保段落具有足够的填充。

白色空间为设计增添了许多等级。不要害怕留下一些洞，甚至是张开的洞。缺乏经验的设计师很想在每个角落里放些东西。设计是关于传达信息。因此，设计元素应支持此消息，而不是为其添加噪声。

7.连接所有元素。

“连接”在这里是一个虚构的术语，但它似乎是我们所说的最好的一个。这里的连接是指具有统一性和一致性的Web设计。这两个属性展示了设计（以及设计师）的专业主义。它们的属性非常广泛。设计应该在颜色的使用，字体范围，图标等方面保持一致。所有这些方面都很重要; 设计看起来很棒并且仍然存在不一致性。

当设计不一致时，它的统一性可能会丢失给用户。Unity与一致性略有不同。Unity指的是设计中的不同元素如何相互作用和组合在一起。例如，颜色和图形是否匹配？一切都有助于统一消息吗？另一方面，在设计页面之间找到一致性。

在本文讨论的七个原则中，连接是最重要的。连接与所有元素如何组合在一起：平衡，网格，颜色，图形，类型和空白。它是一种将所有东西联系在一起的胶水。没有这种胶水，设计就会崩溃。你可以拥有漂亮的类型和精心挑选的精美调色板，但是如果图形很糟糕或根本不匹配，或者如果所有东西都没有想到就塞满了，那么设计就会失败。

良好的网站设计不仅限于此处讨论的七个关键原则。可访问性，可读性和可用性等方面也起着重要作用。

这就是网站设计如此困难的原因。让您的设计变得简单易用，特别是在今天，有如此多的内容管理系统，博客工具和主题随时可用。但是，真正掌握网站设计的所有方面需要时间，而且说实话，才能。