新手Web设计师应该避免的 6 宗罪

新手Web设计师和开发人员往往以有缺陷的创作而告终，却不知道真正的故障出自于哪里。虽说有这么多的设计书籍，但即使都读了，也不会对后的设计有任何意义。在个原型中创建一个无缝的设计真的是一个挑战——事实上，只是做好单个部分就是一个难点。

有时候设计是如此糟糕，以致于完全不值得挽救。因为有这么多的毛病，以致于小的调整根本不起效果。那么，当你的确不知道设计出什么问题的时候，你该去修复什么呢？在这里源代码教育小编将介绍新手设计人员经常深受其害的6个陷阱。了解如何避免这些错误并及时修正这些错误，可以神奇地改进设计。

1.错误的颜色对比

当用户访问一个网站时，他会做的件事就是扫描网站以得到网站的要点，并看看网站是否可以解决他的问题。如果用户无法立即找到正确的按钮，选项或其他的导航形式，很大的可能是他不会再看，并终离开页面。这通常是由于不恰当的颜色对比所造成的，导致用户从直观上错过了重要的内容。

颜色对比是一个要做的重要决策，当你试图引导用户从一个页面到另一个页面，或引发动作（Call to Action）的时候。确保网站上如CTAs这样的按钮，能够显眼。因为显眼就意味着用户将能够迅速找到它们，提高转化率。至于颜色设计指南，可以看看来自于谷歌的这个详细工作。它不仅从理论上帮助你，而且还提供了工具帮助你更轻松地完成工作。

2.忽略图标

用户自己会阅读文本的，你是这么认为的吧？那么，为什么有些人会使用图标来代替文本？只提供文本不是更容易吗？诚然，这可能会更容易，但它有吸引力吗？大多数人的回答都会是，NO。纯文本的界面通常不会那么美观，而是会让用户觉得枯燥乏味……这就是图标变得必要的原因。并非所有的设计师都明白这一点，所以他们往往忽略了图表用来抓住用户注意力的重要性。

如果你用纯文本编写，并希望用户坚持并阅读每一标题，那么你可能会大失所望。但是，如果你添加图标，那么用户就能立即知道发生了什么，同时页面不会纯是文本而令人两眼迷茫。所以，请记住要在导航和其他每个地方的选项旁边添加小图标，以帮助用户快速识别。需要一些例子吗？ Awwwards收集了一些关于图标的超棒例子。

3.内容太多

解释概念主要有两种方式：要么使用大量的词语用实例和故事来表述氛围和情景，要么就简明扼要地直述要点。初次用户可能不会对阅读大量的内容感兴趣，可能只想尽可能快地接收信息。这是因为在次访问时，他们大多会先进行扫描，然后决定是否应该继续深入。你怎么能期望他们会在这种行为上消费大量的内容？

要想更好和更容易地办好这件事，标题（尤其是页的）应该做成3-7个单词的，如果超出这个长度，那么标题就得是对用户充满诱惑的。如果你有更多要分享的话，标题下面的解释可以通过“Read More”按钮包括一到两行内容。但是，要让用户自己决定要不要阅读剩下的内容。可以看看Lumosity是如何完美整合这一点的。

4.不考虑一致性

一致性对于一个伟大的网站设计是一个关键因素。很多设计师在铺设内容时会忽略一致性，忘记设计一致性的重要性。

为临近的相关信息片段保持一种类似的格式很重要，并且一致的颜色/模式/等可以帮助用户创建那些在没有连贯设计时迷失的连接。保持这些元素相一致是关键。每当有指令说明的时候，任何CTAs，到下一页的按钮，或者起着类似作用的任何其他内容，都应该和整个网站设计保持一致，相同的字体和相同的字体大小，不论它们在网站的什么位置。

5.没有做好色彩平衡

色彩平衡是另一个经常被遗弃的重要问题。细心的色彩管理可以使得网站显得清晰和有秩序。如果有太多类似的颜色，区分就变得很难，另一方面，强烈的颜色冲突会显得杂乱和毫无吸引力。

为了保证更佳的可读性和总体可用性，颜色不应该越界。在彼此之间应该有一种颜色的和谐，这样网站才不会显得突兀和难看。无论是web设计还是经典艺术设计，关注色彩平衡对于整体外观有很大的影响。对于初学者来说，你可以试试这个超快的颜色生成器：Coolor。

6.不在意对齐

如果你想要观众阅读网页上的大部分信息，那么你需要让这些信息看起来有用且易消化。对齐在这个问题上起很大的作用。确定用户的视角应该从哪里开始是对齐的全部内容。对齐能慰藉用户的眼睛。

网站上的内容可以是居中对齐，也可以是左对齐。如果你选择把内容放在中间，那么在左右两边就要留出大量的负空间，否则用户将很难消化内容。另外，可视内容，如果有的话，如果放在居中文本的远处会显得无关。大多数的网站会选择文本左对齐，因为它模仿了我们如何学习阅读印刷文字的方式。网站上的一切内容都需要对齐，网格可以帮助你实现这一点。可以阅读Tuts+关于对齐和网格的这篇文章以了解更多信息。

总结

如果你是一个新手设计师，并且犯过这些错误，那么好好查看下你的设计，看看有没有可以修复的地方。一些曾经似乎无法挽回的设计或许会因此而突然焕发生机。不要忘了，专业的设计师曾经也是初学者，他们之所以渐渐变得起来，是因为他们肯积极地尝试理解一些细微的事情，并且愿意去重新认识他们先前忽略了的内容。因此，从错误中学习并立刻修改，创建出一个用户友好的网站——这是提高设计技术的途径。

web前端培训：http://www.its***/