引发网页布局灾难的7个大错误

标签: Web前端 | 发表时间:2012-02-15 08:00 | 作者:Administrator
出处:http://www.scriptlover.com

即使 web 设计已经成为一个真正的产业,开发一个网站仍旧是技术和艺术的结合。一个网站的设计即可以带来大量流量,同时也可以吓走大量用户。当然这些都和设计师相关。经验,天份和能力三方面的努力是一个设计师最强大的工具,一个设计精良的布局是所有这些的基础。而且,这也是一个非常耗时的工作。

  设计一个非常好的布局是一件非常不容易的事情,而且判断的方式也非常的主观。任何一个设计可能会取悦你,也可能让其它人厌恶。尽管这样,这里仍旧有些大家都承认的设计误区。

  为了帮助大家来避免这些错误和误区,我们列出了一些设计的小技巧。我们同时也希望大家能够帮助我们完善这些小技巧。不管怎么说,希望大家能帮助我在下面留言 ,带给大家更多的想法和建议。谢谢!

   1. 缺乏空白的区域

  没有比把页面塞得像麻袋一样满更让人烦人的设计了。你应该保留一定得空白页面让访问者放松他们的眼睛。很多设计者都想提供更多的内容在第一个页面。感觉初学设计的人更容易犯这个错误,但其实各个设计水平的人都有这个倾向。因为设计界错误心态这个错误大家犯得比较多。设计者太依赖于布局而不敢尝试其它的方式。正确的心态是忽略掉任何的规则,创建一个你认为对于用户来说是正确的布局。最简单的因素绝对一切。

   2. 非常糟糕的颜色组合

  这里有很多的糟糕的布局形式,但是糟糕的颜色搭配绝对是最吓人的。一个很常见的错误就是使用高对比颜色创建一个富有视觉张力的设计。这里有不同的来自学校的观点。我们应该学会如何区别对待。

  很多的对比设计都希望通过一种颜色来通过色彩和饱和度重点突出最重要的部分。这里有一个小花招非常不错:降低你的文件饱和度然后如果各个元素之间的区别非常清晰的话,那就足够了。这个逻辑非常简单:视觉没有问题的人会看的非常清晰,然而有视觉问题的人将看到布局黑色,白色或者灰色。现在简单了,如果他们没有困难查看布局颜色,那么布局就通过了色彩可用性测试。

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

  听起来非常的简单但是布局可以拥有很多的空白区域,但是同时也可以会包含太多信息。通常人们都是先扫上几眼页面布局,因此设计人员应该让整个布局可被快速浏览。一个拥有信息太多的网站,例如,插入太多的图标,按钮和图片将会非常难以浏览。因此会让用户的易用度大打折扣。

   4. 图片的使用没有任何灵感

  一个图片可能抵得过成百的文字,但是如果这些文字都是批评你的话,你的布局设计就有问题了。书写的内容,布局和图片应该组合使用,并不是分离的实体。任何 web 设计人员都应该理解创意并且有效的实现。图片应该能有效的说明网站需要表达的信息及其选择,这是一个设计时最初需要考虑的因素。

   5. 忽略了字体排版

  因为数量多,或者非常小就忽略了字体排版是一个非常大的错误。如果说一个简单演讲是网站的其中一个特殊目地的话,字体排版就是一个关键的因素。另外一个问题是大家如何理解字体排版,它不是一个简单的如何选择字体的过程,它绝对了句子,段落及其标题的组织方式。你可能想这里需要做的工作太多了,但是一个富有成效的设计将会对于页面布局具有非常绝对性的冲击。

   6. 没有照顾所有人的使用感受和可用性

  可用性可能被很多人认为是一个多余的事情但是一个可用性差的网站是一个自私设计者的作品。在线的世界对于任何人都是平等的,无论你是正常还是残疾,如果你的设计不能让每个人都享受那么将会是一件很不尊重人的事情。美国有一项法规规定:任何的机构和部门的网站都必须通过可用性的测试。实际上可用性的使用并不是个高科技的东西。例如,你只需要简单的加上 alt 标签属性,这并不会带来任何麻烦。个人来说我认为这里用不着什么法律。道德和道义上我们应该自觉地将这个考虑到设计中去。

   7. 没有事先思考

  缺乏经验使得我们不停的修改自己的东西。 滑稽的是,我们可能晚上设计的东西白天可能会被删除。一个聪明的设计者会在最开始的时候思考整个布局的大概设计。这种方式可以省去很多时间和资源。很明显,在实际做之前思考是一件很不容易的事情,不可能不去修改任何设计,但是至少能够帮助我们尽量少的去修改我们的设计。不用担心,经验可以帮助我们做到这一点。

阅读这个文章可能像理解一个布局一样困难,但是这样更加容易让大家避免错误,请让我们知道是否这篇文章帮助了你,谢谢!

  原文出处: 7 big mistakes that make your layout a disaster

相关 [网页 布局 灾难] 推荐:

引发网页布局灾难的7个大错误

- - 脚本爱好者
即使 web 设计已经成为一个真正的产业,开发一个网站仍旧是技术和艺术的结合. 一个网站的设计即可以带来大量流量,同时也可以吓走大量用户. 经验,天份和能力三方面的努力是一个设计师最强大的工具,一个设计精良的布局是所有这些的基础. 而且,这也是一个非常耗时的工作.   设计一个非常好的布局是一件非常不容易的事情,而且判断的方式也非常的主观.

了解网页设计中的分割布局

- - 微博UDC
随着互联网的高速发展,各种各样的网站层出不穷. 在这样的环境下,用户是如何在浩瀚的互联网海洋中快速挑选网站的呢. 网页设计师又如何能让自己的网站在用户匆匆一瞥后就迅速吸引到他们进一步注意的呢. 本文作者向用户介绍了一种简单的页面布局方式——分割布局,这种布局方式试图让用户初览页面时感受到一种友好的浏览体验.

网页设计创新式布局与交互

- - 互联网的那点事
设想并构建出区别于常见网站布局的创新式设计是一件很难的事情,但是一旦把这件事做好,就可以设计出那些最富有趣味又令人着迷的网站. 你几乎每天都可以见到这些网站,每次看到他们,你都会感慨到:“多希望我当初能够想到这个点子. ”设计师们正在完成一项了不起的工作,设计出一系列精美的网页元素并将其组合在一起,这些网页不但具备可用性,同时又富有新鲜感和原创味道.

移动端网页布局注意事项及解决

- - JavaScript - Web前端 - ITeye博客
1.winphone系统a、input标签被点击时产生的半透明灰色背景怎么去掉. 1、关闭iOS键盘首字母自动大写. 3、移动端如何清除输入框内阴影. 在iOS上,输入框默认有内部阴影,但无法使用 box-shadow 来清除,如果不需要阴影,可以这样关闭:. 4、忽略页面的数字为电话,忽略email识别.

Linux 灾难恢复

- - 博客 - 伯乐在线
来源: developerworks. 简介: Linux 发行版本众多,现如今也得到了越来越广泛的应用,同时也面临着系统出现故障的潜在风险,本文将详细介绍几种 Linux 灾难恢复技术和方法,以确保 Linux 系统安全恢复. Linux 发行版本众多,现如今也得到了越来越广泛的应用,同时也面临着系统出现故障的潜在风险,本文将以发行版本 RHEL6 为例详细介绍几种 Linux 灾难恢复技术和方法,以确保 Linux 系统的安全恢复.

8个神奇的网页动态流体布局及其做法揭秘

- atu0830 - 译言-每日精品译文推荐
来源8 Magical Dynamic and Fluid Layout and How to Make It. 最近,有一种新的网页布局 ——动态流体布局,很让我感到兴趣. 它巧妙地重排元素,并填补了网页的所有空间,而在每个浏览器上显示效果都十分出色,而且通常配以流畅的动画效果. 其中有些甚至针对不同类别有不同效果..

6款强大的 jQuery 网页布局创建及优化插件

- pathfinder - ITeye资讯频道
本文将为您介绍6款功能强大的jQuery插件,它们能够帮助您方便快捷地创建复杂的网络布局并进行优化. 该插件可以创建任何你想要的UI形式:包括从简单的标题或侧边栏,到一个包含工具栏,菜单,帮助面板,状态栏,子表格等复杂的应用. 动态布局jQuery插件,折叠式CSS浮动面板. 该插件灵感来自于Aza Raskin的UI工作中.

使用jQuery插件轻松实现动态流动的网页布局

- 可乐加糖 - ITeye资讯频道
   本文将介绍一种新兴的网页布局——动态和流动布局,它可以巧妙填补网页中的所有空间,并重新显示在每个页面和浏览器中,此布局通常具备平滑的动画效果,部分甚至能够提前根据不同的类别进行筛选.    下面将列举8个具备这些布局的网站,在这篇文章的最后列举了3个jQuery插件,使用它们可以轻松实现同样的效果.

MySQL数据库灾难恢复

- - SQL - 编程语言 - ITeye博客
当 MySQL Server 因为各种无法预期的原因而损坏(Crash)的时候,你就必须要进行灾难恢复. 如果你有做好定期的数据库备份那么灾难还原的时候应该会轻松很多,只要将备 份起来的数据还原回去即可,但光是这样子还是会造成部份数据的遗失,例如 "现在" 至 "最后一次备份" 之间的数据,这时我们可以通过 MySQL 提供的 Binary Log 机制将可能遗失的数据降至最低.