关于超链接的一些问题

本次薯片会我们总共讨论了三个议题
A、 如何让“用户”更容易识别超链接?
B、 超链接是否一定要带有“下划线”?
C、 是按钮还是链接?
一、 如何让“用户”更容易识别超链接?
感觉都像链接,又感觉都不像链接。我们一起看了几个例子。
新浪:
关于超链接的一些问题
有红色带下划线的,有红色不带下划线的,有蓝色带下划线的。等等
这种给人的感觉是什么都可点,到处都是链接。但是界面美观性非常的差。
Yahoo:
关于超链接的一些问题
图中1、3、4都是链接,2却是正文不可链接。初看去无法分辨那个是链接,哪个不是链接,当鼠标经过时才恍然大悟。
这种默认不带下划线的处理办法,虽然使得界面整体非常美观,但是在分辨上增加了一定的难度。满眼望去不知若何。
Amazon:
关于超链接的一些问题
Amazon的网站链接处理的很巧妙,正文中包含链接,不可链接的就是黑色文字,可以链接的就用蓝色加下划线。另外,它的分类是没有下划线的,不过大家都认为分类可以不用带下划线。
大家都都对amazon的这种处理方法比较赞同。
大家讨论过后没有形成很一致的结论,不过有一些相对一致的倾向,如 分类可以不用下划线。 要达到很好的区分链接,最土的办法就是蓝色加下划线。 对于一个网站,如果不加下划线,那么链接和非连接一定要用不同的颜色区分,链接的颜色最好一样。
#p#
很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下
二、 超链接是否一定要带有下划线?
在参看上面的分析时我们一并讨论了链接是否一定要带下划线的问题。虽然最终也没有得出一个结论,不过也达成了一定的共识。比如前面讲的分类可以不用带下划线;可以用一种颜色来区别链接和非连接。
对于上面两个话题,我们还提到了几点:
下划线只是区分链接和非连接,可是区分的方式有多种,比如说颜色。只是用户已经习惯了下划线,他们对下划线的认识非常深刻,一看就知道是链接。
鼠标经过才出现下划线这种表现方式不太直观,不能一眼望去就可以区分链接和非连接。
可以增加区分链接和非连接的方式,不过这样又会增加了用户的记忆负担。
一个网站,他的链接表现方式一定要一致。
三、 是按钮还是链接?
看下面两个例子:
关于超链接的一些问题
关于超链接的一些问题
在文中的这个可以点击的东西到底是按钮还是链接呢?
这两种表现主要是想起到一个突出的作用,让用户很明晰、准确的理解是什么意思。可是却有两种不同的表现,到底是那种更好呢?
第一种按钮打断了文本的段落结构,第二种的突出作用却不是那么强烈,在驱动性上面没有第一种好。
另外,这两种表现方式都是显得比较罗嗦,说了半天的事情完全可以由一个“加为好友”的按钮搞定。
最终我们得出结论,如果是简短的带有强烈祈使性质的文本可以在最后面加一个按钮,这样既能起到强调的目的,也不会影响文本的美观。如Qzone的一个例子,不过这个例子我找不到了,臭鱼帮忙补充上咯。

原创文章,作者:admin,如若转载,请注明出处:https://www.laofox.com/web/html-tutorial/166.html

(0)
上一篇 2022年7月3日 下午12:50
下一篇 2022年7月3日 下午1:21

相关推荐

  • 网页制作中使用规范的HTML代码的几点

    许多网站设计者最常犯的错误便是当其网页能够在IE下正常显示便认为其代码正确无误,甚至常看到有人在抱怨其网站排名不理想,到其网站简单看一下便可发现HTML代码中充斥各种各样的错误,在...

    html 2022年7月3日
    12500
  • 网页布局设计的简单原则

    本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。 本文整理了一些网页布局设计的简单原则,希望对网页设计者有一些用处。 ・重复:在整个站点中重复实现某些页面设计风格...

    html 2022年7月3日
    12200
  • 用Meta标签代码让360双核浏览器默认极速模式不是兼容模式

    一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何。其实360给网站开发者设计了一种选择的...

    2022年6月8日
    20500
  • W3C教程(13):W3C WSDL 活动

    Web Services 与应用程序到应用程序的通信有关。WSDL 是一门基于 XML 的 Web Services 描述语言。 Web Services 与应用程序到应用程序的通...

    html 2022年7月3日
    11400
  • 作用相似html标记:strong与em、q、cite、blockquote

    在XHTML标签中有一些标签的作用是相似的,当然这里的相似是指语义相似,以至于很多人都不清楚这些相似的标签如何使用,那么今天的主题就是分解相似的标签,明确各个标签的用途。在前面我们...

    html 2022年7月3日
    13100
  • HTML中img标签只显示图片中心位置的方法(三种方法)

    html中 img标签显示图片中心的方法目前知道三种,在此记录一下 第一种:用到css的clip:rect(top right bottom left);用法,需要配合positi...

    html 2022年6月8日
    93400
  • 网页设计之5种简单的XHTML网页表单

    网页设计之5中简单的XHTML网页表单。 技术1:标签三明治将输入框,选择框和文本框全部包含进 label 元素,并全部设置为块级元素。将单选按钮和多选框显示方式设置为 inlin...

    html 2022年7月3日
    12400
  • 使用整洁的HTML标记构建页面

    网络是个不断发展变化的有机体,如何建设可以长久适应互联网发展的页面是很重要的,它可以是你的网站在互联网发展的激流中迅速跟进。 使用整洁的HTML标记,构建符合标准的页面可以帮助你做...

    2022年7月3日
    17700
  • 入门:HTML的基本标签和属性简单介绍

    HTML是由标志和属性构成的,它们一起被用来告诉浏览器应该如何显示一页文档。标志用来引用一段文字或是一幅图片等文档部件,属性是标志的选项,在标志中修饰,如颜色,对齐方式,高度和宽度...

    html 2022年7月3日
    12100
  • HTML 文本转义小窍门

    今天在CSDN看到一种HTML文本转义的小窍门,很简便。 1、用dom的功能。先作为innerTEXT传给一个dom对象,再取innerHTML属性,就可以取到转义后的文本了。 例...

    html 2022年7月3日
    17300

发表评论

您的电子邮箱地址不会被公开。