资讯频道 → Web前端
阅读更多

1顶
0踩

Web前端

翻译新闻 7个让Web页面布局成为败笔的设计误区

2011-11-22 13:24 by 资深记者 jjfat 评论(4) 有5094人浏览
布局 网页 误区

 

虽然Web设计领域已经步入了产业化方向，但是开发一个网站仍然是技术和艺术的结合。网站的设计既可以为其带来大量流量，也可能吓走大量用户，这些无疑取决于设计师的设计水平。经验、天份和能力是一个设计师最强大的工具，好的Web布局完全基于这些，当然，这也是一个非常耗时的工作。 

设计一个好的布局是件不容易的事情，而且对布局的判断也非常主观化。一个设计可能能够取悦你，却可能让他人厌恶。尽管如此，在Web设计中还是有一些“久经考验”的设计误区。 

为了帮助设计初学者少走弯路，我们整理了一份列表供大家参考。 

1. 缺乏空白区域 

没有比把页面塞得像麻袋一样满更让人讨厌的设计了。你应该在页面上保留一定的空白让访问者可以放松他们的眼睛。很多设计者都想在首页提供更多的内容。似乎初学设计的人更容易犯这个错误，但其实各个设计水平的人都有这个倾向。设计者太依赖于布局而不敢尝试其他方式。有时候，最简单的因素胜于一切。 

2. 糟糕的颜色组合 

糟糕的颜色搭配绝对是最吓人的。一个很常见的错误就是使用高对比颜色，藉此来创建一个富有视觉张力的设计。 

对比色的设计大部分是为了突显某一部分，也许你可以尝试使用一种颜色而通过不同的色调及饱和度来实现。这里有一个小技巧非常不错：降低你的文件饱和度，直到各个元素之间的区别非常清晰。其思路非常简单：视觉没有问题的人可以非常清晰地看到各个元素，有视觉问题的人则将看到黑色、白色或者是灰色的布局。接下来就简单了，如果他们查看布局颜色没有困难，那么便可提交无障碍测试了。 

3. 单个页面里包含了太多的内容 

这听起来似乎与第一点类似，但是在一个页面中也可能同时拥有很多空白区域以及大量信息。通常人们浏览网站时都会先扫上几眼，因此设计人员应该让整个布局更加清晰。一个充斥着大量信息而又插入了太多图标、按钮或是图片的网站，将会非常难以浏览，会让网站的易用度大打折扣，对用户来说也是不友善的。 

4. 图片使用不当 

一图抵千言，但是如果使用不当的话，你的布局设计就失败了。文字、布局和图片应该融合成一体，它们并不是分离的。任何Web设计人员都应该理解创意并且有效的实现。图片应该能有效地说明网站需要表达的信息，这在设计之初就需要考虑到。 

5. 忽略字体排版 

仅仅因为文字太多认为其过于平凡琐碎就忽略字体排版是一个非常大的错误。字体排版不是一个简单的如何选择字体的过程，它还包含了句子、段落及标题的组织方式。你可能想这里需要做的工作太多了，但是一个富有成效的设计将会对页面布局产生非常重要的影响。 

6. 没有考虑到可达性和所有人的使用感受

可达性（Accessibility）可能被很多人认为是一件多余的事情，但是一个未完全实现无障碍标准的网站只是一个自私设计者的作品。网络世界对于任何人都是平等的，如果你的设计不能让每个人都能享受到，那么将会是一件很不尊重人的事情。美国有一项法规规定：任何机构和部门的网站都必须通过Web Accessibility测试。实际上可达性并不是个高科技的东西。 例如，你只需要简单加上alt标签属性，这并不会给你带来任何麻烦。这里用不着遵循什么法规，从道德和道义上来讲，我们应该自觉地将这个考虑用到设计中去。 

7. 没有事先思考 

由于缺乏经验，我们可能需要不停地修改自己的东西。滑稽的是，我们可能晚上设计的东西，第二天可能就会被推翻。聪明的设计者会在一开始便思考整个布局。这可以节省很多时间和资源。很明显，在实际做之前思考是一件很不容易的事情，但是至少能够帮助我们少些去修改许多设计。不用担心，经验可以帮助我们做到这一点。 

Via  Webdeveloperjuice

1
顶
0
踩
评论 共 4 条 请登录后发表评论
4 楼 allenny 2011-11-26 20:01
happysoul 写道
感觉说的没啥深度，也许因为不是做前端开发。。。

人说的是设计，不是程序
3 楼 b_l_east 2011-11-23 09:15
happysoul 写道
感觉说的没啥深度，也许因为不是做前端开发。。。


2 楼 happysoul 2011-11-23 00:16
感觉说的没啥深度，也许因为不是做前端开发。。。
1 楼 mengyancui 2011-11-22 16:35
  

发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Global site tag (gtag.js) - Google Analytics