这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个最常见的设计问题。现在来对照上面的建议看看自己的网站吧。

也欢迎到我的个人blog里面浏览:

作者: Heidi Pungartnik

文章来源:站酷

翻译作者:徐小鸣Juliebug

(0)

相关推荐

  • OS X Yosemite系统下载失败怎么办?OS X 10.10下载错误解决方法

    苹果在2014年最后一场发布会中结束以后,开放了 Mac 上最新的 OS X Yosemite 系统下载。相信有很多小伙伴在升级更新时,会遇到不少问题,比如下载速度慢,下载错误等。那么OS X Yos ...

  • 网站设计的10大错误

    早在1996年,我们就汇总了网站的10种错误设计.今年,我们访问了215位英美用户,就当代网站存在的错误设计进行了新一轮大规模可用性研究.从小型的地方性商业网站.娱乐网站,到非盈利性网站,再到国际组织 ...

  • 10个让人惊讶的网页设计创意

    每天,用于访问互联网的设备.平台和浏览器的数量都在不间断的增加.大多数的用户仍然在用传统的平台来访问网络.但是在不同的设配上如何最好的让网页去兼容成为更多的网页设计师需要考虑的问题.很多设计师已经在注 ...

  • 如何解决Windows 10 BSOD错误0x00000139?

    问题:如何解决Windows 10 BSOD错误0x00000139(KERNEL_SECURITY_CHECK_FAILURE)? 嗨,大家好!这个月我再次遇到BSOD!不能再烦人了.在随机场合,蓝 ...

  • 网页上有错误怎么修复,网页上有错误如何解决

    在浏览网页的时候,我们可能会经常遇到这个网页上有错误的提示,这对于我们正常浏览造成极大的不便,下面我来说下网页上有错误怎么修复,网页上有错误如何解决. 操作方法 01 我们先关闭当前浏览出错的网页返回 ...

  • 网页证书错误怎么回事 打开网页提示证书错误的解决方法

    不知道大家有没有遇到这样的情况,打开一些网页总会遇到证书错误的提示,时不时的弹出IE提示“证书错误”,那么遇到此类证书错误是什么原因呢?下面本文将于大家简单分析下(如何截图整个网页),遇到类似问题的朋 ...

  • 10个人人必知的网页设计术语

    今天的环境相比过去已经是一百倍的复杂,因为我们在网络上使用工具和框架,语言和库的开发使得一切进步飞快。 设计师 —— 即使是专业的网页设计师,也必须努力保持对所有不同的专业术语和技术的理解,所以在这里 ...

  • win7系统提示域名解析错误105无法打开网页的解决方法

    有win7系统用户反映在操作系统的过程中,经常需要使用浏览器浏览网页,可是在浏览的时候,却遇到了网络连接正常、网页无法打开的情况,这时候网页提示域名解析错误(错误代码:105)的情况,那么遇到这种情况 ...

  • 360浏览器提示域名解析错误打不开网页怎么办?解决方法

    有一部分用户喜欢在电脑中使用360浏览器浏览网页内容,不过有时可能会因为一些网络配置等问题,导致无法上网的情况.比如在360浏览器打开网页时提示“域名解析错误”,导致打不开网页.如果遇到这样的问题,大 ...