10个错误让你的网页看起来不专业

最近在帮忙改版乐团的网站,很迷茫。偶然看到这篇文章,感觉对我特别有作用,我把它翻译过来,和大家分享。

原文地址:http://designmodo.com/10-mistakes-website/
作者:Heidi Pungartnik,原文发表于2015.8.10。

以下是正文:

做一个自己的网站可能对于资金紧张的创业者来说是个很好的idea。当你的初创公司略有起色的时候,你找到一个设计师就好了,之后可以考虑其他这样微不足道事情。

这样对吗?

事实上,设计对你刚起步业务的重要性要超过你所想象的。当你在发展线上业务的时候,用户的判断总是取决于一些设计细节。

最终,细节决定成败。如果你想要去打造一个值得信赖的品牌和增加收入的话,这些细节一定要去检查修正。在这篇文章里,我将讨论业余网页设计者通常会犯的错误。即使你的设计能力有限,你也可以认识到你的网页设计中潜在的错误。

Note:文中的这些例子是初创公司专门在他们各自网站上搜集的反馈。

1. Improper Use of Template

我并不提倡大型的公司去使用模版,但是我可以看到一些小的创业公司会用。但是如果你用了模版,再请设计师来为你的品牌做一些定制,那也是挺好的。你甚至可以得到一个很不错的产品。

使用这些模版存在的普遍问题是,在logo和其他网页内容之间没有很好的视觉联系。可能logo上用的颜色在网页其他地方都看不到,或者字体并不适合这个网页。

如果你在品牌发展规划上很节省都话,至少确定模版使用的不要太明显。

2. Using Default Bootstrap Look

和使用模版不同但是一样可怕的错误是给公司网站使用默认Bootstrap设计。你用Open Sans也糊弄不了别人。那些拥有一样设计的网站很难识别,这会损坏你的品牌。

用Bootstrap来建立网站的额外好处是 Font Awesome。它得到很好的普及(比如Bootstrap),因为它有超多你可能想要的具有统一视觉的图标。如果弄的很巧妙的话,使用它可以为复杂的界面增色不少。

当然,你的应用的受益难道比不上三个普通的图标吗? 为什么不去找点别的更好的图标来说明你的卖点,或者—— 疯狂的想法 —— 去搞一个illustrator 自己去画呢?

3. Typography Contrast Issues

字体的问题相对于非设计师的人所认识到的还要重要。它们会成就或者毁掉你的整个设计,尽管它们只是“letters”。

自制网页设计的常见问题是标题和征文的对比太不明显了。仅仅是一些尺寸的改变还不够。试着把你的标题加粗加宽,把它变得比其他的文段更明显更重要。

4. Using Dark Backgrounds

背景颜色覆盖网页最大的部分,所以要认真选择。

有一个经验法则,全黑的网页总是不会好看,除非进行了很专业的设计。白色很安全,但是更多的设计师选择浅灰色。注意,背景颜色越黑,黑色字体在背景上的可读性就越差。最好是灰度在15%以下。

5. Multiple Equal Calls to Action

在你的网页中,每一页最好只有一个请求执行的按钮。用户很困惑 —— 如果你没有给他们单独的一个执行按钮,他们会花更长的时间来做选择,然后才去点击。他们还可能离开页面,因为真的很费劲。

要尽量去除更多的执行请求的按钮。让人们的操作变的简单而不用有更多思考。不管是注册还是选择一个计划,让你想让他们执行的动作更有煽动性,同时把其他的选项弄的乏味和不明显一些。

6. Alignment and Spacing Problems

间距很难。离得比较远,但是有能让各个元素之间没有太多空白也许是最难搞定的设计了。但是一些原则可以把这个简单化。首先,确定所有的元素都放在一个组里面。然后在这个grounp周围留下足够的空白。

7. Unprofessional Copy

写出好东西很难,但是把你的观点在网上表达出来很有必要。特别是你在买东西的时候,你要确保你写的东西很容易理解,而且要校对和修改拼写错误。

我常常会在网站上看见一些尴尬的句子,就好像是在产品原型阶段放置的占为文本。在网站上线之前找个人来阅读所有的文本再好不过了。

8. Readability Issues

再好的文案也不能拯救你的业务,如果它可读性太差的话。很多小的细节便决定了你的文本是否可读,而且也影响了你公司的认知度。

认真修改这些问题,比如太小的高度,字号,或者文本和背景太过接近。也不是说这些问题会给大多数人造成巨大的阅读困难,只是这些问题的存在会让你的网站显得很不专业。你敢想象Facebook的网站有阅读性的问题出现吗?

9. Inconsistency

你的品牌必须高度一致。你出现的任何地方,无论是社会媒体,Facebook广告或者线下,你的用户应该能够第一眼就认出你的品牌。

但是让我们退回一步,首先要确保你的网站本身是一致的。你全文的字体是不是都是一致的?你的logo的颜色是不是和网页其他地方的颜色使用的一个色值?你是不是使用了一样的图形,还是仅仅是看起来一样?通常解决这些问题只需要管理你的CSS文件,删除不必要的代码就好了。

10. Off-trend Design

不管你喜不喜欢,我们现在已经跟 skeuomorphism说再见了,但是每个网站都还是使用渐变 —— 阴影 —— 沉重的网页设计看起来很过时。虽然你可以在许多地方避免3D的影响,但是flat design guidelines是最好的寻找创意的选择。

所以现在你已经了解了我从创业公司的网站里找到的10个最常见的设计问题。现在来对照上面的建议看看自己的网站吧。

顺便,我现在在写一本关于企业如何用设计来j建立自己业务的书。想在书出版的时候得到通知吗?点击这里

2015-08-14 17:371386