简洁规则！ 它使网站看起来更时尚，减少导航混乱，并有助于实现预期的目标和结果（即更多的注册，订户和销售）。 但是，简化网站设计常常看起来难以捉摸。 无论您多么努力，都无法使工作看起来像Apple的。 那么，网站设计师真正需要做什么？ 不用担心，因为有5个起点可以简化您的网站设计。
简单的网站设计不应该是一项艰巨的考验，您可以通过少量步骤简化您的设计。 简单的任务包括将焦点仅放在网站的基本元素上，摆脱不必要的内容，减少网站的页面数，让更多的内容翻倍以及限制使用的颜色数。 您总是可以微调和改进您的简单设计，但是重要的是要开始使用。
准备开始简化您的网站设计了吗？ 太棒了 事不宜迟，这里有5个起点来简化您的网站设计 。
这第一步可能看起来额头打耳光明显： 当然 我应该把重点放在网站的基本元素上，白痴我是什么？ 但是，数量惊人的网站未能实现这一目标，其结果是大量重要和不重要的元素散布在页面上。 我过去和任何人一样都为此感到内。 很难客观地确定重要或不重要的优先级，因为一切似乎都是必不可少的。 如果您希望网站设计更简单，请确定需要重点关注的内容 ，就像任何出色的视觉设计或艺术品一样。 这意味着只将重点放在基本要素上。
页面上20％的内容能为人们提供80％的价值和内容？ 例如，它可能是副本，一些社会证明（评论摘要，推荐词，媒体徽章）以及注册表格或号召性用语按钮。 那就是那里的20％。 在您的网站以及每个单独的页面上， 重点仅显示20％的网站元素，这些网站元素可提供80％的有用性。
这不是技术性的步骤，而是可以用作指导以不断简化网站设计的原则。 80-20规则将推动您将网站元素精简为基本要素，从而有助于简化网站设计。 真正酷的是80-20规则还可以帮助您增加希望在网站上实现的预期结果。 例如，提高了订阅，注册或购买访客的转化率。 怎么样？ 您正在这样做，以便减少访问者的注意力和杂物，让访客单击即可离开该页面。
众所周知，我们一直在寻找一个借口，不要在最后一步购买任何东西，而任何离开的理由都是一个很好的理由。 使用80-20规则减少这些原因和单击选项。
流行的Thesis WordPress主题框架的创建者Chris Pearson 表示，这正是帮助他的网站提高销售量的原因 。
我们在这里继续执行80-20规则。
现在，您已经确定了20％的网站元素可以为您带来80％的预期结果，是时候摆脱所有不必要的元素了 。 换句话说，网站元素的80％仅能为您带来20％的结果。 可能是社交媒体共享小部件，侧边栏元素，博客文章元详细信息（日期，时间，作者，评论数等），也可能是页脚中的链接（在很多时候这尤其是大罪魁祸首，尤其是当访问者正在寻找上述借口以离开页面。
简化网站设计的很大一部分就是减少浏览和单击的地方。 您可以通过减少页数来做到这一点。 摆脱不必要的页面，这些页面不需要您知道，或者至少将多个页面融合为一个页面。 我的意思是，您实际上不需要分开“关于站点”页面和“关于我”页面。
首先，要了解访问者的心态–如果要访问您的网站， 您想做什么关键的事情？ 例如找出您的东西是关于什么的？ 或与您联系？ 接下来，请确保您的页面简化了必要的内容，仅此而已 。 不要因为您认为需要或其他网站拥有不必要的页面而在您的网站上保留不必要的页面。 当您减少网站上的页面数时，不仅因为单击的位置更少，而且访问者可以更轻松地专注于您的内容，而且导航菜单也更加简单。
我们所有人都访问过导航菜单项太多的网站。 我们不知道从哪里开始导航，因为我们不知所措。 当我们面临太多选择而感到不知所措时，我们什么也没有选择。 通过尽可能少的导航菜单项，您不仅可以使您的网站更简单，而且对访问者更有吸引力和更友好。
研究表明，大多数人将大部分时间都花在网页上方（屏幕上显示的内容没有向下滚动）。 因此，如果您想提高网站的效率，请优先考虑主要内容和号召性用语。 如果您在网站顶部有徽标和导航菜单，则可以做一些简单的事情来缩短标题高度。
这只涉及更改样式表（通常是style.css或stylesheet.css ）中标题的“ height”值。 另外，请查看折页下方是否有注册表格或按钮。 将元素在页面中上移至更高，这是访问者首先看到的内容。 毕竟，这是您期望的访客号召性用语， 因此减少进行访问所需的工作（即滚动） 。
很容易被色彩所吸引。 当您拥有12或13种颜色时，为什么要选择2或3种颜色？ 但是为了从视觉上简化您的网站设计，您需要限制配色方案。 如有疑问，请使用较少的颜色。 当然，它会根据您的设计而有所不同，但是尝试坚持使用不超过2或3种颜色开始。 如果您的视觉设计需要更多的细节和质感，请使用相同颜色的阴影-浅蓝色表示背景，深蓝色表示标题和菜单项。
我和任何过去迷恋色彩的人一样内anyone。 我将添加这种颜色，然后再添加另一种颜色–在我不知不觉中，它看起来像是整个网站上的彩虹腹泻。 您可以建设性地简化您的网站，但是如果颜色在您浏览时分散了眼睛的注意力，而不是赞美内容，那么所有这些工作都是徒劳的。 因此，请在您的网站设计中使用更少的颜色。
在选择颜色时遇到麻烦吗？ 《 Before＆After 》杂志提供了一本有用的免费电子书，介绍了如何在此处找到理想的颜色。 在选择配色方案时需要帮助吗？ 试试这个方便的配色方案生成器 。
希望您现在已准备好开始简化网站设计。 炫耀您的网站将使您倍感自豪，因为它看起来性感到极致，最后，您的访问者将在您的网站上浏览时获得更多愉悦的体验。
回顾一下，这是简化网站设计的5个起点：
由您掌握：您最喜欢的网站设计简化技巧是什么？ 您是否看到简化设计会增加预期结果？
编者注： ??此帖子由Oleg Mokhov为?? Hongkiat.com撰写。 奥列格·莫霍夫（Oleg Mokhov）是世界上移动性最强的电子音乐家，是网络和视觉设计爱好者，也是高级免版税音乐商店Soundtrackster的联合创始人。
">翻译自: https://www.hongkiat.com/blog/5-tips-to-simplify-your-web-design/