Web开发和设计上容易被忽视的8个错误

有很多规则和实践帮助人们逐渐提高了制作网页的水平,我们更懂得如何设计网页和增加网站实用性。今天为大家整理了一些为了更好的用户体验,你需要避免的8个错误。 错误1:表单标签和各自的选择域不匹配

Web开发和设计上容易被忽视的8个错误

       使用“for”属性允许用户点击标签,就可以选择到表单中整个的输入区域,这对单选框和复选框扩大点击区域十分重要。但要注意选择内容的匹配。 错误2:Logo图片不能链接回首页

Web开发和设计上容易被忽视的8个错误

       点击网站的logo回到首页已经是一个基本的原则了,大多数的访问者也已经习惯于此。另外,将logo图片展现在网页的左上方也是需要的。

 

错误3:没有区分已经访问过的链接和未访问的链接


Web开发和设计上容易被忽视的8个错误

       处理已经访问过的链接不需要高超的CSS技术,但它经常被忽略。应该给用户一个视觉上的提示,告诉他/她网页中的哪些链接是已访问过的。

 

错误4:没有区别出当前处于激活态的表单


Web开发和设计上容易被忽视的8个错误

       尤其在使用输入框或输入域时,选择使用“focus”或其它方式,展示出哪一个区域在当前是处于激活状态的,这一点对用户很有帮助。这里可以是一种CSS样式,比如高亮的边框或背景色有些不同。

 

错误5:图片没有提示描述

Web开发和设计上容易被忽视的8个错误

       这也是一个相对强制性的规定,要有这样的思想和意识,除非你的图片是纯粹的装饰目的。另外,当你的图片存在链接时,图片的描述应该包括链接的地址。

 

错误6:错误的使用背景图片

Web开发和设计上容易被忽视的8个错误

       我们经常会使用背景图片,但要注意有时你的背景图片会影响到客户的阅读,背景颜色和文字的颜色应该有较大的反差,防止网页上的文字无法被识别。

 

错误7:不一致的接口设计

       有一种错误叫过度的设计。一些设计师对网站中的每一个页面都进行不同的设计,这就会让用户感到困惑和烦恼。无论你的网站多么的突出或吸引人,如果它的设计是不统一的,那么用户就会感到不自在,就会离开你的网站。所以建议你的网站中的每一个页面都使用统一的模板,设计尽可能的简洁,拥有好的用户体验。

 

错误8:非链接也带有下划线


Web开发和设计上容易被忽视的8个错误

      根据经验,我们通常认为带有下划线或阴影的内容很可能包括超链接,所以不要在你的内容下方到处加下划线,从而误导用户。如果你要强调突出一些文字,你可以选择加粗它或使用其它的一些标签。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3127303.html

(0)
上一篇 2025年3月29日 20:48:28
下一篇 2025年3月29日 20:48:42

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • 10个最常见的 HTML5 面试题及答案

    这是选择了10个 HTML5 面试问题并给出了答案。这是 Web 开发人员最常见的面试问题,相信你掌握了这些重要的面试问题后一定会觉得你的理解提高了。一起来看看吧。 1、新的 HTML5 文档类型和字符集是? HTML5 文档类型很简单: …

    编程技术 2025年3月29日
    000
  • HTML5仿苹果手机的面板合拢折叠效果

    这是一个HTML5折叠菜单,但更像是一个折叠面板,仿苹果手机的passbook应用中的代码例子,请在火狐或chrome下浏览。不知道有没有听说过手机琴菜单,觉得这一个从形式上来说,是挺像的。 passbook仿苹果手机的面板合拢折叠效果-h…

    编程技术 2025年3月29日
    100
  • LESS-Middleware:Node.js 和 LESS 的完美搭配

    LESS 是一个编写 CSS 的很好的方式 ,让你可以使用变量,嵌套规则,混入以及其它许多有用的功能,它可以帮助您更好地组织你的 CSS 代码。   最近我一直在研究 Node.js ,并想用 less-middleware 中间件,这样我…

    编程技术 2025年3月29日
    100
  • HTML教程:如何设置Iframe自适应高度

        不带边框的iframe因为能和网页无缝的结合从而不刷新页面的情况下更新页面的部分数据成为可能,可是 iframe的大小却不像层那样可以“伸缩自如”,所以带来了使用上的麻烦,给iframe设置高度的时候多了也不好,少了更是不行,现在,…

    编程技术 2025年3月29日
    100
  • 基于HTML5制作在线上海地铁图

           某市政项目要用到地铁图,展示上海地铁站点以及相关信息流,尝试使用HTML5技术来实现,自己折腾有点慢,找到一个HTML5的图形组件-Qunee for HTML5,简单学习一下,就可以很好的解决这类需求,做出优美的展现,下面以…

    编程技术 2025年3月29日
    100
  • jQuery & Canvas 制作相机快门效果

    在今天的教程中,我们将使用 HTML5 的 Canvas 元素来创建一个简单的摄影作品集,它显示了一组精选照片与相机快门的效果。此功能会以一个简单的 jQuery 插件形式使用,你可以很容易地整合到任何网站。

    编程技术 2025年3月29日
    100
  • HTML5全局属性和事件

    摘要:  全局属性和事件能够应用到所有标签元素上,在HTML4中有许多全局属性,比如id,class等。HTML5中又新增了一些特殊功能的全局属性和事件。属性:  HTML5属性能够赋给标签元素含义和语境,下面的全局属性可用于任何 HTML…

    编程技术 2025年3月29日
    100
  • 18个HTML5和JavaScript游戏引擎库

    1) Best HTML5 and javascript game engine Library-  Impactjs 2) Best HTML5 and javascript game engine Library – Cra…

    2025年3月29日 编程技术
    100
  • HTML插入Flash的全兼容完美解决方案-SWFObject

            flash 嵌入的问题朋友们可能认为很简单,但是具体到一些问题上来讲,就不是那么简单了,比如:ie浏览器对flash的拦截虚框怎么去掉?在ff、op、ns等其它浏览器是否兼容?代码是否符合w3c标准??等等         …

    编程技术 2025年3月29日
    100
  • html5学习笔记

    html5文档必须以开头lang为属性,属性值为en(定义语言为英语)或zh-CN(定义语言为中文)如果浏览器遵循w3c标准,lang属性可以用来定义样式,class定义了主要的样式,lang属性可以在此基础上做出修改, 比如:p{   f…

    编程技术 2025年3月29日
    100

发表回复

登录后才能评论