[首页]
[文章]
[教程]
首页
Web开发
Windows开发
编程语言
数据库技术
移动平台
系统服务
微信
设计
布布扣
其他
数据分析
首页
>
Web开发
> 详细
关于超链接的一些问题
时间:
2016-02-06 23:49:22
阅读:
214
评论:
0
收藏:
0
[点我收藏+]
很高兴参加了这一期的薯片会,认识了几个朋友~~不料的却是今天我要来总结一下
本次薯片会我们总共讨论了三个议题
:
A、 如何让“用户”更容易识别超链接?
B、 超链接是否一定要带有“下划线”?
C、 是按钮还是链接?
一、 如何让“用户”更容易识别超链接?
感觉都像链接,又感觉都不像链接。我们一起看了几个例子。
新浪:
有红色带下划线的,有红色不带下划线的,有蓝色带下划线的。等等
这种给人的感觉是什么都可点,到处都是链接。但是界面美观性非常的差。
Yahoo:
图中1、3、4都是链接,2却是正文不可链接。初看去无法分辨那个是链接,哪个不是链接,当鼠标经过时才恍然大悟。
这种默认不带下划线的处理办法,虽然使得界面整体非常美观,但是在分辨上增加了一定的难度。满眼望去不知若何。
Amazon:
Amazon的网站链接处理的很巧妙,正文中包含链接,不可链接的就是黑色文字,可以链接的就用蓝色加下划线。另外,它的分类是没有下划线的,不过大家都认为分类可以不用带下划线。
大家都都对amazon的这种处理方法比较赞同。
大家讨论过后没有形成很一致的结论,不过有一些相对一致的倾向,如 分类可以不用下划线。 要达到很好的区分链接,最土的办法就是蓝色加下划线。 对于一个网站,如果不加下划线,那么链接和非连接一定要用不同的颜色区分,链接的颜色最好一样。
二、 超链接是否一定要带有下划线?
在参看上面的分析时我们一并讨论了链接是否一定要带下划线的问题。虽然最终也没有得出一个结论,不过也达成了一定的共识。比如前面讲的分类可以不用带下划线;可以用一种颜色来区别链接和非连接。
对于上面两个话题,我们还提到了几点:
下划线只是区分链接和非连接,可是区分的方式有多种,比如说颜色。只是用户已经习惯了下划线,他们对下划线的认识非常深刻,一看就知道是链接。
鼠标经过才出现下划线这种表现方式不太直观,不能一眼望去就可以区分链接和非连接。
可以增加区分链接和非连接的方式,不过这样又会增加了用户的记忆负担。
一个网站,他的链接表现方式一定要一致。
三、 是按钮还是链接?
看下面两个例子:
在文中的这个可以点击的东西到底是按钮还是链接呢?
这两种表现主要是想起到一个突出的作用,让用户很明晰、准确的理解是什么意思。可是却有两种不同的表现,到底是那种更好呢?
第一种按钮打断了文本的段落结构,第二种的突出作用却不是那么强烈,在驱动性上面没有第一种好。
另外,这两种表现方式都是显得比较罗嗦,说了半天的事情完全可以由一个“加为好友”的按钮搞定。
最终我们得出结论
,如果是简短的带有强烈祈使性质的文本可以在最后面加一个按钮,这样既能起到强调的目的,也不会影响文本的美观。如Qzone的一个例子,不过这个例子我找不到了,臭鱼帮忙补充上咯。
关于超链接的一些问题
原文:http://www.jb51.net/web/6538.html
踩
(
0
)
赞
(
0
)
举报
评论
一句话评论(
0
)
登录后才能评论!
分享档案
更多>
2021年09月23日 (328)
2021年09月24日 (313)
2021年09月17日 (191)
2021年09月15日 (369)
2021年09月16日 (411)
2021年09月13日 (439)
2021年09月11日 (398)
2021年09月12日 (393)
2021年09月10日 (160)
2021年09月08日 (222)
最新文章
更多>
2021/09/28 scripts
2022-05-27
vue自定义全局指令v-emoji限制input输入表情和特殊字符
2022-05-27
9.26学习总结
2022-05-27
vim操作
2022-05-27
深入理解计算机基础 第三章
2022-05-27
C++ string 作为形参与引用传递(转)
2022-05-27
python 加解密
2022-05-27
JavaScript-对象数组里根据id获取name,对象可能有children属性
2022-05-27
SQL语句——保持现有内容在后面增加内容
2022-05-27
virsh命令文档
2022-05-27
教程昨日排行
更多>
1.
list.reverse()
2.
Django Admin 管理工具
3.
AppML 案例模型
4.
HTML 标签列表(功能排序)
5.
HTML 颜色名
6.
HTML 语言代码
7.
jQuery 事件
8.
jEasyUI 创建分割按钮
9.
jEasyUI 创建复杂布局
10.
jEasyUI 创建简单窗口
友情链接
汇智网
PHP教程
插件网
关于我们
-
联系我们
-
留言反馈
- 联系我们:wmxa8@hotmail.com
© 2014
bubuko.com
版权所有
打开技术之扣,分享程序人生!