恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
使网站显得业余的10个错误
0.0°
2015-08-16 自译外文 经验/观点 原作者: Heidi Pungartnik 举报 31974 147 59 4

网页设计中有一些低级错误,细微的差异就可能导致网站看起来很不专业。

创建自己的网站对于资金拮据的企业主似乎是个好主意。可以以后再找设计师,等你的创业项目取得了一定的地位,那时你才会开始考虑这些无意义的事情。

是这样吗?

事实证明,对于初具雏形的业务,设计远比你想象得重要。当你运营线上业务时,访客的判断往往取决于设计中的小细节。

顾客都是三心二意的。他们对一些主流品牌已经产生了信任。为什么忽然要开始信任你?除非你在头几秒就吸引住他们,否则他们就走了。

最终,最微小的细节产生了最大的差异。如果你要树立一个值得信任的品牌,创造收入,这些细节必须仔细查验、精心准备。本文中,我就来谈谈网页设计中常见的业余错误。即使设计能力有限,你也能辨认出一些常见的错误,它们或许也渗入了你的网页设计中。

注:本文中使用的案例,都来自于创业项目,它们都特别重视各自网站的反馈。

1. 模版的不恰当使用

Improper Use of Template

我不赞成在大型业务中使用网站模版,不过小型的、基于bootstrap的创业公司确实有此需求。无论如何,如果你最终用了一套模版,最好还是找个设计师为你的品牌适当定制化。最终甚至可能得到非常棒的产出。

预先设计好的模版网站存在一个普遍问题,logo和网站其余部分的视觉关联很弱。logo色彩并没有重复出现在网站的其他地方,或者与网站使用的字体并不搭配。

如果你要节省品牌包装开支,至少这模版不能太明显。

2. 使用默认的Bootstrap外观

另一个同样骇人的错误,是在公司网站上使用Bootstrap的默认设计。使用Open Sans可愚弄不了大家。很难区分各个使用相同设计的网站,这对你的品牌有害。

Bootstrap网站的一个赠品是极佳的字体。(正如Bootstrap那样)它全面的基础图标库,为它聚集了大量人气,你会需要它们来创建统一的视觉语言。非常适合的情况下,它可以作为复杂界面的一种有益补充。

当然,如果原创图标比通用图标对你的品牌更好呢?为什么不找找更精细的图标集,来描绘你的主要卖点——或是异想天开?找个插画师来帮你吧。

3. 文字对比问题

Typography Contrast Issues

多数非设计师都远没有意识到字体的重要性。它们会成就或破坏整个设计,即使只是些“字母”。

“小作坊出品”的网页设计有个常见问题,标题和正文之间的对比太不明显。单单选用几个字号通常并不能解决。尝试在标题上使用更粗的字重,让它显然比其余文字重要。这有助于建立层级,温和地引导视线浏览网站。

4. 使用深色背景

Using Dark Backgrounds

背景色覆盖了网站的绝大部分区域,所以要谨慎选择。

首要规则,纯黑网站几乎没有好看的,除非经过专业的设计。白色比较无风险,不过更多设计师使用非常浅的灰色。当心更深的灰色,更糟的是黑色字母在这种背景上的易读性。灰度最好在15%以下,保持设计的明亮。

5. 多个同等的行动召唤

Multiple Equal Calls to Action

网站的每个页面都应该只有一个主要的行动召唤。如果不止给出一个操作——访客会困惑,他们可能会需要更多时间来做决策,然后采取行动。他们甚至会因为这样的认知负担而离开!

尽可能多地去除行动召唤。让人们更容易采取行动,无需思考。无论是注册按钮还是选择套餐,通过图形符号来使你期望的操作更加显眼,同时让其他选项更加温和,削弱吸引力。

6. 对齐与间距问题

Alignment and Spacing Problems

间距很难处理。保留适当间距,元素周围不要太多留白,这可能是设计要考虑的最困难的部分。但通过一些规则可以简化。首先,确保所有元素都恰当地分组。其次,在这些组周围保留足够的空白。

7. 不专业的文案

Unprofessional Copy

写作同样很难,但它必不可少,能让你的卖点通过互联网传播。尤其如果你在卖东西,你得确保文案容易理解,并且有校对者检查修正所有拼写错误。

我常常在网站文案中看到一些令人尴尬的句子,似乎从设计的原型阶段开始,就以一段占位符卡在那里。最好在网站上线前找人通读所有文案。

8. 易读性问题

Readability Issues

如果无法阅读,再多再好的文案也拯救不了你的业务。许多小细节可能损害文字的易读性,结果会影响人们对你公司的印象。

要小心地修复这些问题,比如行高太小、字号太小无法阅读,或者是文字与背景反差太小。尽管这些对于多数人不会造成实际的阅读困难,但事实是这些问题存在于网站上,使得网站看上去显得不太专业。你想象一下Facebook会有易读性问题么?

9. 不统一

Inconsistency

你的品牌最好保持统一。在所有出现的地方,无论是社交媒体、Facebook广告,或是线下,顾客都要能立刻辨认出你的品牌。

不过我们回退一步,首先要确保网站本身的一致性。有没有继承的无序列表样式覆盖了正文字体?logo的颜色和网站上使用的完全一致吗?你是否在各处使用相同的阴影,还是说只是“足够接近”?通常要好好组织CSS文件,删除一切不需要的代码就能修复这些不统一的问题。

10. 过时的设计

Off-trend Design

不论喜欢与否,我们现在要向拟物主义告别了,每个仍然在重度使用渐变和阴影的网站一定会显得过时。尽管你的一些3D效果或许在某处侥幸成功,最好还是在扁平化设计指南中探索创意。

都在这里了:这是我通过分析一些不同的创业公司主页,得出的10个最常见的问题。现在再去看看你的网站,是否触犯了上面的哪条?

顺便提一下,我在写一本关于设计如何帮助企业主建立业务的书。想在发行时得到通知吗?来名单中留个名吧


原文链接:http://designmodo.com/10-mistakes-website/

作者信息:
Heidi Pungartnik
Heidi Pungartnik is helping bootstrapping entrepreneurs grow their business with design atDesignforFounders.com. She's writing a book on the topic as well so be sure to jump on the launch list!



原文链接:http://designmodo.com/10-mistakes-website/

IFEC译者:http://weibo.com/greenzorro 

审校:http://weibo.com/greenzorro

更新:2015-08-16

收藏

147人已收藏

可乐橙

UI/UX设计师,现居杭州

  • 113

    作品

  • 6675

    粉丝

  • 14

    关注

  • 移动应用弹窗设计指南
  • 短期记忆与用户体验
  • 记忆的工作原理与设计诀窍
  • 老年用户的体验思考
相关标签
IFEC译文网页设计

    猜你喜欢

      2015-08-16 自译外文 经验/观点 原作者: Heidi Pungartnik 举报 31974 147 59 4

      使网站显得业余的10个错误

      0.0°

      你确定要举报使网站显得业余的10个错误

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2015年08月16日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      59
      147
      4

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录