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

摘要

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

英文原文:Six Deadly Sins to Avoid as a Beginner Designer

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

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

1468392733-9641-20160713001656873-160407434

1. 错误的颜色对比

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

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

2. 忽略图标

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

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

3. 内容太多

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

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

4. 不考虑一致性

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

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

5. 没有做好色彩平衡

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

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

6. 不在意对齐

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

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

总结

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

祝你好运!

译文链接:http://www.codeceo.com/article/six-deadly-sins-begin-designer.html

翻译作者:码农网 – 小峰

  • 版权声明: 本文源自 码农网, 于5个月前,由整理发表,共 2221字。
  • 原文链接:点此查看原文

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: