-
3月19日
-
网站中哪里是用户可以点击的呢?我把鼠标移上去,如果箭头变成一只手,那就表示可以点击。这并不需要费多大功夫。但如果我们迫使用户去思考本来通过下意识就能知道的东西,这纯粹是在浪费人们对你网站的好感度。
人们在网络上做得最多的一件事就是点击超链接。如果一个地方可以点击,那作为网页设计的我们就应该明确告诉他。其实这些也不会造成太大影响:我们使用这么多年的互联网,已经具备了一定的经验,能够识别出什么是超链接。
哪是否说超链接这个问题可以不用考虑了呢?当然不是,关于网站超链接,我们需要把握一个原则:让用户清楚的区分这几个字是否可以点击。下面卢松松还是以新浪网为例,来说明下划线应该用在什么地方。
有时候下划线可有可无
如果是网站的导航区域,我潜意识里一定会知道这里的任何东西都可以点击,这就是经验告诉我的。所以不管导航区域有没有下划线,对用户来说都没什么影响。
很多门户网站,例如新浪、搜狐首页里面的内容全部是可以点击的,这时候可以有下划线,也可以没有。例如网易和腾讯就去掉了超链接中的下划线。

(新浪的首页全部带下划线)
有时候最好有下划线
一般来说,在文字连接和普通文本混排的时候,下划线更容易让我们去点击。尤其以博客为主,很多博客的文章都含有文字和图片,在这种时候,普通文字的表达方式最好明显区分于超链接。

(下划线是不是更容易让人知道这里可以点击?)
给大家出个问题
就拿新浪来说,它的首页、财经、娱乐、体育、房产等频道都是全站带有下划线,而它的科技、博客、读书频道全站都超链接都无下划线,这是为什么?简单来说,就是为什么新浪有的频道是全站有下划线,而有的频道全站无下划线?
如果你能搞清楚这个问题,你就知道你的网站那里应该使用下划线,那里不应该使用了。
如何给超链接加入下划线?
通常来说CSS文件定义的a{text-decoration:underline;}意思是全站所有超链接均有下划线,如果打算单独某区域加入链接下划线,就可以这样定义,如:以我博客的内容页为例,博客通常的CSS定义是post标签,那么设定.post a{text-decoration:underline;}就表明,文章部分所有带链接的文字都加入下划线。
除非注明,文章均为卢松松原创,欢迎转载!转载请注明出处,谢谢。分类: 网站设计
本文地址:http://lusongsong.com/reed/168.html





我使用的是wordpress,主题inove
现在 ?
不想当厨师的裁缝不是好司机!–我还是一个会计……
晓得了吧……
呵呵
underline
我就看到很多人上网点击超级链接都是用双击的,而且还很多
不过 那些新闻战什么的 到没这个需求~
非常专业
慷慨!
文章很好
卢老师最近过的如何?
哈哈,松哥周末愉快哦!
另外发现松松这有个小问题,就是文字第二段的第一句被adsense给盖住了(chrome下,firefox正常).
下划线用到恰到好处,作用真的很大哦
学习了
我还是习惯的去掉超链接的下划线
总觉得不美观
我现在看新闻一般去雅虎,雅虎的首页可以说是高UE了。
顶你!
最重要的是能决定是否加下划线的那个家伙是否喜欢下划线
发现新浪那么多下划线很难看
汗!你这个没搞清楚...受众不同?美观程度?
小卢就是一个了,呵呵
第二次再看到有文章说新浪下划线的问题了,之前在一本讲互交设计的书上体会过这个问题了。
觉得这个不是什么技术问题,设计问题大一些吧。
设计师没身在一个使用者去认真品味这个问题吧。
另,新浪网的首页,还有一个很累的,就是主页··超级长,拉啊拉才到底,全是小图加小字···很有中国网站的FEEL
还要自己琢磨~
不过学习CSS了~~知道怎么CSS带下划线了~
我倒是不喜欢下划线,感觉有点拥挤
还没看出个头绪呢,怎么就戛然而止了?