建站经验 experience
当前位置:首页 > 网站建设专题 > 建站经验
广州网站建设之五大提升网页可用性的实用设计技巧
发布日期:2016-06-28 阅读次数:985 字体大小:

  依靠简单的色彩可读性规则和普通的可供性设计原则,其实并不一定能够解决这些问题。下面的建议也许无法面面俱到,但是绝大多数网页设计可能牵涉到的问题,在下面的列表中都有所覆盖。

  一、文字和图片的叠加

  图文混排中,文字和图片的叠加通常会相对更加棘手一些,因为在很多情况下,要保证文本和图片之间有明显的对比度并不是那么容易。

  二、文本的可读性

  为了确保文本的可读性,应当根据可访问原则来选择背景的配色和文本的配色以及尺寸:

  “
  “WCAG 2.0 AA 要求正文文本的对比度达到4.5:1,而标题文本达到3:1。(正文粗体14pt+,标题18pt+)——WebAim color contrast checker ”

  三、配色

  现实世界中,色彩往往是不可控的:红色的苹果旁边,可能会有一堆绿色的树叶。但是在网页中则不然,设计师通常都有着足够的权限来控制好这些问题。

  四、表单占位符

  在网页表单设计中同样存在问题,苹果官网创建Apple ID的页面表单当中,每个字段都有相应的占位符,但是占位符的对比度通常不够高,弱视的用户很难分辨。在这种情况下,字段的标签说明就很重要了,然而这个表单又没有,这就非常尴尬了。

  五、提示信息

  通常成功和失败两类信息都是通过绿色和红色来进行区分的。然而这两种色彩又正好让用户很难区分,这样一来,他们压根就无法区分信息的对错与否。

  本章关键词:广州网站建设,网页设计