首页 | 建站资讯 | 建站问答 | 建站帮助 | 服务电话:021-61984272
Godzilla. 2016-12-21 网站建设

昆明网站设计人员总结:常见的设计错误

   在网页设计中很多设计师容易犯一些共同的错误,本文就来讨论一些在当今网站设计中比较常见的问题,下面请看由昆明网站设计人员总结的常见的设计错误。

  ·很难阅读

  通用设计中的第一个共同错误是文本内容,由于其设计,很难阅读。注意,认知阅读困难是一个单独的问题,不在本文的范围之内。良好的可读性使网站更有用和美观。顺便说一下,检查Readability.com网络应用程序超级容易阅读。小尺寸文本和低色彩对比度是使得网页排版难以阅读的两个关键问题。在下面的示例中,主文本内容在黑色背景上为灰色,这在颜色测试中的亮度差异中导致失败。文字大小设置为12像素,这对于许多用户来说相当小,包括我自己。当从CSS中删除文本大小时,浏览器显示的默认大小稍大,更可读!因此,不要将默认文本设置为12px或.75em,请尝试高一些,如16px或.95em。

  与文本相关的另一个最佳实践是使用CSS中的相对大小(ems或百分比)而不是固定大小(像素或点),以帮助确保用户能够根据需要调整浏览器中的文本大小,并使布局缩放文本。其他良好的指南包括提供用户友好的标题和充足的线间距。

  ·很难确定文本链接

  默认情况下,超链接文本使用下划线呈现。这是网络浏览中的长期惯例。 删除此约定不仅会打破用户的期望,而且可能会使色盲或视力不佳的人无法访问此链接。复杂的这个问题的很多时候是链接被定义为黑色文本之间的深色。

  我的验光师告诉我,从40岁开始,男性的视力开始失去区分颜色的能力。许多网站都有深蓝色的链接,没有下划线,我肯定不得不忍受我的眼睛,以确定文本链接。 让文本链接清晰可见是网站设计的基本原则。如果你有更多关于网站建设、网站优化、logo设计、品牌设计、印刷、APP/微信开发等产品服务的需求,欢迎咨询摩恩网络官网,新上线企业VI设计套餐和网站营销推广系统(强)!

  ·视觉噪声

  分散的布局和内容重载不仅在视觉上不吸引人,而且不是非常有用也不可访问。在加利福尼亚州的地方政府网页中,如下所示,有许多导航区域,两个大的子横幅图像,只是一个无组织,分散的外观。 结果,主内容直到页面的“折叠”才开始,这显然不是理想的。 此外,没有焦点,没有视觉层次,导致用户更可能在页面上疯狂地搜索用户需要什么。

  ·无键盘访问

  键盘访问,导航屏幕和单独使用键盘与可对焦对象交互的能力是必不可少的。不幸的是,许多网站不提供这一点。更准确地说,许多网站为键盘用户创造了障碍,因为HTML本质上是键盘可访问的。如果您设计了鼠标事件,请务必为键盘提供相同的访问权限。

  当编码一个网站时,有几个好的做法要考虑。在CSS中,如果使用:hover伪类,请确保还提供了:focus状态。此外,不应该删除锚元素上的轮廓,即{outline:0}(注意:大多数CSS重置样式表删除锚轮廓 - 请确保将它们添加到您自己的CSS中!)。如果绝对必要,那么某种视觉效果必须替代它。

  在Javascript中,不要使用双击处理程序(onDblClick),因为键盘不能执行此行为。如果使用onMouseOver和onMouseOut Javascript处理程序,则还必须实现onFocus和onBlur事件以允许键盘访问。

  ·缺少图像的替代文本

  如果图像提供相关内容,则必须伴随替代文本。 当无法看到图像时,如盲人用户,低频带用户和破碎的图像链接的情况,则仍然需要访问图像的“内容”。提供替代文本的最流行的方法是在图像元素的alt属性中输入文本。

文章标签: 网页设计错误 
文章评论:
客服图标
咨询电话
021-61984272

欢迎您给我们来电,已有13835人通过电话进行免费业务咨询,您也可以