用户界面讨论:网页中超链接的下划线

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,最重要的原则即:让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击。但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解。

不妨分几个场景讨论一下:

1. 导航区域,潜意识我会去点击。

 

即便有下划线也是个“古老形式”的摆设,所以一般没有下划线;好的设计不仅满足点击,还满足视觉的层级关系。

2. 整页全是链接,下划线成了可有可无的表现。

象新浪、搜狐首页都是可以点击的,所以下划线的有无意义也就不大,猫扑在首页设计中就去掉了可有可无的下划线。(下图自上而下依次为:新浪、搜狐、猫扑。)

 

3. 可以点击吗?别让我去猜!

 

看下面的设计抓图,只有Google和百度的设计我没有疑惑,其他两个的设计我要自己去猜。

4. 在超链接和文本混排的情况下,下划线更容易让我们去点击。

 

5. 独立超链接,不加下划线不足以“明示”。

 

6. 需要特别突出显示的链接,必要的时候使用“伪按钮”。

关于伪按钮的问题,臭鱼在其接受伪按钮已阐述的比较明确,在此不再赘述。

说明:大家根据具体的环境而定,目的是让超链接更容易被潜意识的点击,避免过多的尝试和思考而浪费浏览者更多的时间。

附:超链接的作用
  
罗嗦一下基本概念,所谓的超链接是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。而在一个网页中用来超链接的对象,可以是一段文本或者是一个图片。当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

超链接的基本分类:

按照链接路径的不同,网页中超链接一般分为以下3种类型: 内部链接,锚点链接和外部链接。
 
如果按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像超链接,E-mail链接,锚点链接,多媒体文件链接,空链接等。

时间: 2024-08-29 07:14:35

用户界面讨论:网页中超链接的下划线的相关文章

如何清除WPS 2005文档中超链接的下划线

我们用WPS文字编辑文档时,插入超链接之后,系统会自动在超链接的下面显示一个下划线,这是为了让用户更好的区分超链接与普通文本而设置的.可当我们要打印该文档时,这个额外的下划线就有些讨厌了,会影响文档的打印效果.我们如何在保持其超链接特征的前提下轻松清除这些下划线呢,且看我的方法. 我们可以在编辑完文档后,打印前一次性清除所有超链接的下划线. 点击"格式"工具栏上的"样式和格式"按钮 () , 或通过菜单栏上的"格式→样式和格式"来打开"

怎样隐藏PowerPoint2013中超链接的下划线

  1.点击"开始"→"程序"PowerPoint2013 2."插入"→"文本框"→"横排文本框",在空白处写字,调整字的大小等 3.插入"→"超链接",出现"插入超链接"对话框,选择需要链接到的位置,点击确定 4.这时出现的超链接字体就会有下划线,如图 5.选中超链接字体→右击→选择"字体" 6.在弹出的对话框中,选择"下划

关于超链接的下划线 使用说明_经验交流

关于超链接中的下划线这个及细节的问题,想必大家都有过讨论和思考,大家都知道,把握一个原则即可:"让使用者清楚的区分超链接文本和其他文本形式,并潜意识知道可以点击.":但对于是否可以潜意识知道可以点击,还是有争议的,不同的人,不同的环境会有不同的见解. 不妨分几个场景讨论一下: 1. 导航区域,潜意识我会去点击. 即便有下划线也是个"古老形式"的摆设,所以一般没有下划线:好的设计不仅满足点击,还满足视觉的层级关系. 2. 整页全是链接,下划线成了可有可无的表现. 象新

Microsoft FrontPage技巧之如何去除超链接的下划线

frontpage|技巧|链接 一日在网上,有朋友看了我的"梦溪河"后问:"你主页里的下划线是怎么去掉的?"因为当时手头正有事做,没顾得上回答,只好告诉对方说:"我是用FrontPage做网页的,此软件中就有去除的下划线的功能,你多玩玩FrontPage软件就知道了."也不知他后来去除超链接的下划线没有? 今天刚好有时间来更新网页,便想起了这个问题.可又不知道朋友是哪位了,只好写这篇短文,让爱好做网页的朋友共同交流. 我也和众多的初学者学做网页一

用FrontPage去除超链接的下划线

frontpage|链接 一日在网上,有朋友看了我的"梦溪河"后问:"你主页里的下划线是怎么去掉的?"因为当时手头正有事做,没顾得上回答,只好告诉对方说:"我是用FrontPage做网页的,此软件中就有去除的下划线的功能,你多玩玩FrontPage软件就知道了."也不知他后来去除超链接的下划线没有?     今天刚好有时间来更新网页,便想起了这个问题.可又不知道朋友是哪位了,只好写这篇短文,让爱好做网页的朋友共同交流.     我也和众多的初学者

win8.1系统如何去除IE浏览器超链接的下划线

  1.进入win8系统后在metro菜单中直接双击进入到IE浏览器程序之中,如果大家发现win8电脑的metro界面中没有IE浏览器的话,则可以先返回到win8电脑的传统桌面,然后双击进入到IE浏览器; 2.在打开的IE浏览器界面中,依次点击上方的设置-Internet选项,然后就会出现一个Internet选项窗口;   3.在打开的Internet选项窗口中,您将界面切换到高级这一栏中,然后在下面找到"为链接加下划线"选项; 4.然后将它的状态设置为"从不",完

Android 中美腻的下划线

本文讲的是Android 中美腻的下划线, 在过去两年里,我经常发现一些尝试去如何提高有关在网页中渲染下划线文本修饰的文章和库.此类问题也同样发生在Android(平台):下划线的文本修饰与降部相交.比较下Android当前如何绘制下划线文本(上图)以及它的替代方案(下图): 你更喜欢哪一种? 尽管我完全认可这些努力,但是我从未喜欢过任何公开的解决方法.目前最新的技术(追求艺术般的状态)-毫无疑问地会强迫开发者们受限于CSS-似乎是通过绘制线性渐变以及多重阴影(我见过多达12层的!)来实现的.这

text decoration-在css中特定某个下划线去掉,不是在html中直接改

问题描述 在css中特定某个下划线去掉,不是在html中直接改 在html中有N个超链接,我想要其中的一个超链接没有下划线,我赋予这个超链接一个类选择器class=""s1"" 在css中要怎么弄才可以去掉这个超链接的下划线呢 解决方案 .s1{text-decoration: none;} 解决方案二: s1{text-decoration: none;}

JavaScript返回网页中超链接数量的方法_javascript技巧

本文实例讲述了JavaScript返回网页中超链接数量的方法.分享给大家供大家参考.具体如下: 下面的JS代码通过document.links获取网页中的所有超级链接,从而获得超链接的数量 <!DOCTYPE html> <html> <body> <img src ="planets.gif" width="145" height="126" alt="Planets" usemap