新手Web设计师和开发人员往往会开发出缺陷的软件,却不知道真正的故障出自于哪里。虽说有这么多的设计书籍,但即使都读了,也不会对最后的设计有任何意义。在第一个原型中创建一个无缝的设计真的是一个挑战——事实上,只是做好单个部分就是一个难点。
有时候设计是如此糟糕,以致于完全不值得挽救。因为有这么多的毛病,以致于小的调整根本不起效果。那么,当你的确不知道设计出什么问题的时候,你该去修复什么呢?
这里将介绍新手设计人员经常深受其害的6个陷阱。了解如何避免这些错误并及时修正这些错误。
1.错误的颜色对比
当用户访问一个网站时,他会做的第一件事就是扫描网站以得到网站的要点,并看看网站是否可以解决他的问题。如果用户无法立即找到正确的按钮,选项或其他的导航形式,很大的可能是他不会再看,并最终离开页面。这通常是由于不恰当的颜色对比所造成的,导致用户从直观上错过了重要的内容。
颜色对比绝对是一个要做的重要决策,当你试图引导用户从一个页面到另一个页面,或引发动作(Call to Action)的时候。确保网站上如CTAs这样的按钮,能够显眼。因为显眼就意味着用户将能够迅速找到它们,提高转化率。至于颜色设计指南,可以看看来自于谷歌的这个详细工作。它不仅从理论上帮助你,而且还提供了工具帮助你更轻松地完成工作。
2.忽略图标
用户自己会阅读文本的,你是这么认为的吧?那么,为什么有些人会使用图标来代替文本?只提供文本不是更容易吗?诚然,这可能会更容易,但它有吸引力吗?大多数人的回答都会是,NO。纯文本的界面通常不会那么美观,而是会让用户觉得枯燥乏味……这就是图标变得必要的原因。并非所有的设计师都明白这一点,所以他们往往忽略了图表用来抓住用户注意力的重要性。
如果你用纯文本编写,并希望用户坚持并阅读每一标题,那么你可能会大失所望。但是,如果你添加图标,那么用户就能立即知道发生了什么,同时页面不会纯是文本而令人两眼迷茫。所以,请记住要在导航和其他每个地方的选项旁边添加小图标,以帮助用户快速识别。需要一些例子吗? Awwwards收集了一些关于图标的超棒例子。
3.内容太多
解释概念主要有两种方式:要么使用大量的词语用实例和故事来表述氛围和情景,要么就简明扼要地直述要点。初次用户可能不会对阅读大量的内容感兴趣,可能只想尽可能快地接收信息。这是因为在第一次访问时,他们大多会先进行扫描,然后决定是否应该继续深入。你怎么能期望他们会在这种行为上消费大量的内容?
要想更好和更容易地办好这件事,标题(尤其是第一页的)应该做成3-7个单词的,如果超出这个长度,那么标题就得是对用户充满诱惑的。如果你有更多要分享的话,标题下面的解释可以通过“Read More”按钮包括一到两行内容。但是,要让用户自己决定要不要阅读剩下的内容。可以看看Lumosity是如何完美整合这一点的。
4.不考虑一致性
一致性对于一个伟大的网站设计是一个关键因素。很多设计师在铺设内容时会忽略一致性,忘记设计一致性的重要性。
为临近的相关信息片段保持一种类似的格式很重要,并且一致的颜色/模式/等可以帮助用户创建那些在没有连贯设计时迷失的连接。保持这些元素相一致是关键。每当有指令说明的时候,任何CTAs,到下一页的按钮,或者起着类似作用的任何其他内容,都应该和整个网站设计保持一致,相同的字体和相同的字体大小,不论它们在网站的什么位置。
5.没有做好色彩平衡
色彩平衡是另一个经常被遗弃的重要问题。细心的色彩管理可以使得网站显得清晰和有秩序。如果有太多类似的颜色,区分就变得很难,另一方面,强烈的颜色冲突会显得杂乱和毫无吸引力。
为了保证更佳的可读性和总体可用性,颜色不应该越界。在彼此之间应该有一种颜色的和谐,这样网站才不会显得突兀和难看。无论是web设计还是经典艺术设计,关注色彩平衡对于整体外观有很大的影响。对于初学者来说,你可以试试这个超快的颜色生成器:Coolor。
6.不在意对齐
如果你想要观众阅读网页上的大部分信息,那么你需要让这些信息看起来有用且易消化。对齐在这个问题上起很大的作用。确定用户的视角应该从哪里开始是对齐的全部内容。对齐能慰藉用户的眼睛。
网站上的内容可以是居中对齐,也可以是左对齐。如果你选择把内容放在中间,那么在左右两边就要留出大量的负空间,否则用户将很难消化内容。另外,可视内容,如果有的话,如果放在居中文本的远处会显得无关。大多数优秀的网站会选择文本左对齐,因为它模仿了我们如何学习阅读印刷文字的方式。网站上的一切内容都需要对齐,网格可以帮助你实现这一点。可以阅读Tuts+关于对齐和网格的这篇文章以了解更多信息。