谈谈网页中超链接的下划线

2016-02-19 22:39 12 1 收藏

人生本是一个不断学习的过程,在这个过程中,图老师就是你们的好帮手,下面分享的谈谈网页中超链接的下划线懂设计的网友们快点来了解吧!

【 tulaoshi.com - Web开发 】

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

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

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

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)

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

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

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

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

超链接的基本分类:

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

来源:http://www.tulaoshi.com/n/20160219/1628655.html

延伸阅读
标签: 电脑入门
大家知道,在Word中,为字符添加的下划线,默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢?答案是肯定的。 1.启动Word2003(其它版本请仿照操作),输入字符分离下划线的制作。 2.选中下划线及前后各一个(多个也可以)字符(即离下划线的),按格式工具栏上下划线按钮右侧的下拉箭头,在随后弹出的快捷菜单中,选定一种下...
标签: 电脑入门
可是当这些空格一起呈现在上一行末和下一行最初时,不论你怎么按空格行末的空格也不会进入下一行最初。有时还会形成文字距离被摆开或紧缩(图1)。一般咱们只能在上一行的空格后回车才能在下一行开头重新输入空格。但这样在设置字号从头排版时无法自动调整空格位置,就会变得很乱。 图1 烦恼又多一项是不?不用着急,有第九软件图老师小编在...
标签: word
word下划线怎么输入   下划线,大家经常接触到的一般用在名字的输入中,(只可以输入数字,字母,下划线)而在一些文档(如WORD)中,下划线常被用作增强注意。而在网页中,可以连接的文字(超链接)下面一般都有下划线。 看到键盘上挨着删除键和加号等号键的那个有两条-的键了吗?那是减号键和横线键,下划线就是同时按住这个键和Shift...
标签: 电脑入门
选中文字,再点击下划线按扭,如果只要下划线,那可以敲几下空格键,选中,按下划线按扭,如果要加长,就在空格的中间位置敲空格键就可以。
标签: 办公软件
大家知道,在Word中,为字符添加的下划线,默认情况下是紧靠字符下方的。能不能调整一下字符和下划线之间的距离呢?答案是肯定的。 1.启动Word2003(其它版本请仿照操作),输入字符“分离下划线的制作”。 2.选中“下划线”及前后各一个(多个也可以)字符(即“离下划线的”),按“格式”工具栏上“下划线”按钮右侧的下拉箭头,在随...

经验教程

777

收藏

25
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部