当前位置:首页 >> 互联网 >> 2006年12月3日
"Times New Roman",![](dot.gif)
Times,![](dot.gif)
serif; align="center">臭鱼:接受伪按钮
[ 关键词:ue ui 自鱼 原文/来源链接 ]
![](http://www.huimanxiang.com/images/is_hit_button.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
推荐者:笑笑生 (积分 12508) | 原作者:
这 一篇关于文字链接与按钮 分析. 这里所说 "文字链接” 指那些点击后能打开一个界面 文字,![](dot.gif)
他们只能打开一个界面,![](dot.gif)
没有起其它功能. "按钮” 指具有表单提交,![](dot.gif)
下载等功能 可点击 元素. 实际上,![](dot.gif)
这样 定义本身就 区分文字链接与按钮 一种观点. window图形用户界面 设计标准. 而在网页上,![](dot.gif)
这样 区分并不总 合适 .
在网页 设计中,![](dot.gif)
经常会遇到这样 问题:"这 一个很重要 文字链接,![](dot.gif)
我们 不 应该把它做成一个按钮,![](dot.gif)
这样会更突出……”
关于按钮 问题,![](dot.gif)
我曾经写了一篇《谁 按钮?它在干嘛?》,![](dot.gif)
先简单复述一下:目前网页上普遍 有一些按钮并不 真正意义上 按钮,![](dot.gif)
只 一个文字链接,![](dot.gif)
我称他们 "伪按钮”. 伪按钮不应该使用按钮 表现形式.
那篇文章里并没有给出一个更好 方法来表现伪按钮,![](dot.gif)
现在,![](dot.gif)
我不得不说,![](dot.gif)
或许伪按钮还 要用按钮 形式来表现.
伪按钮需要存在
在现实生活中,![](dot.gif)
电视遥控器上有按钮,![](dot.gif)
门铃 按钮,![](dot.gif)
手机上有按钮,![](dot.gif)
您面前 电脑键盘上 一大堆按钮. 按钮清楚 告诉用户:"这个可以点击. ”正 因 它表达 够清楚,![](dot.gif)
所以在电脑 图形用户界面中 模仿现实 样子,![](dot.gif)
出现了按钮. 按钮本质 含义 "可点击”,![](dot.gif)
而点击后 效果则 后来被设计师强行赋予 . 就 说,![](dot.gif)
我们完全可以说,![](dot.gif)
按钮并不意味着将要提交什么表单. 这样说来,![](dot.gif)
将一个很重要 文字链接表现 按钮似乎 没什么不对 .
一个网页不能期望着自己 用户象使用word软件那样熟悉自己 网页,![](dot.gif)
网页设计面临 总 比较"新手” 用户,![](dot.gif)
绝大多数页面对于用户来说都 陌生 ,![](dot.gif)
在面对一个陌生 页面时,![](dot.gif)
一个斗大 按钮无疑 一盏指路 明灯.
没有其他 表现方式,![](dot.gif)
伪按钮还只能 按钮 样子
一行带下划线 蓝色文字 表示可点击,![](dot.gif)
但 ,![](dot.gif)
如果把他们做成按钮会更突出,![](dot.gif)
更抢眼.
显然,![](dot.gif)
把这个文字链接改成按钮后,![](dot.gif)
在页面上会更突出. 但 google却没有这样做,![](dot.gif)
实际上,![](dot.gif)
google 网页上根本没有伪按钮,![](dot.gif)
他们不会把一个文字链接化妆成按钮来引导用户. 而这种做法显然不能满足大多数网站 需求. 即使 象flickr这样设计 很精良 网站 需要下图这样 伪按钮:
或许可以把文字链接图形化?但 图形化后又很容易被误认 广告.
由于找不到一种比按钮形式更好 表达方式表示"可点击”,![](dot.gif)
伪按钮还只能 按钮 样子. 而伪按钮 存在违背了图形用户界面 设计标准. 那么,![](dot.gif)
尝试着区分真,![](dot.gif)
伪按钮
"设计两类不同样式 按钮”---这似乎 个好办法. 然而,![](dot.gif)
却并不容易做到. 首先,![](dot.gif)
需要设计出两个样子不同 图像,![](dot.gif)
让用户知道这些东西 可点击 ,![](dot.gif)
按钮. 它们应该 有立体感 ,![](dot.gif)
上面还要能足够清楚 显示文字.
除了看上去像 能点击 ,![](dot.gif)
他们两个还要表达出文字链接与按钮 区别:文字链接指向另外一个界面,![](dot.gif)
点击后不会出现什么严重 后果,![](dot.gif)
如果您后悔了,![](dot.gif)
那就点击一下浏览器上 "后退”按钮. 而按钮就比较恐怖了,![](dot.gif)
点击后,![](dot.gif)
邮件将发送到对方 邮箱中,![](dot.gif)
文章将被成千上万 人看到……两个这么抽象 概念,![](dot.gif)
要想通过两个方寸大小 图像表达出来 很困难 ,![](dot.gif)
yahoo进行了偿试:
在鼠标经过"My Yahoo!” 时候,![](dot.gif)
会出现下划线,![](dot.gif)
与这个页面上 其他文字链接 样式一样. 看上去 一个按钮,![](dot.gif)
但 不失时机 告诉用户这个"按钮”和页面上 其他文字链接有某些相似 地方. 而"Web Search”这个真按钮就没有类似文字链接 表现. 设计者用这个下划线来区别真按钮与伪按钮.
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
在网页 设计中,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
关于按钮 问题,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
那篇文章里并没有给出一个更好 方法来表现伪按钮,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
伪按钮需要存在
在现实生活中,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
一个网页不能期望着自己 用户象使用word软件那样熟悉自己 网页,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
没有其他 表现方式,
![](dot.gif)
![](dot.gif)
一行带下划线 蓝色文字 表示可点击,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
显然,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
或许可以把文字链接图形化?但 图形化后又很容易被误认 广告.
由于找不到一种比按钮形式更好 表达方式表示"可点击”,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
尝试着区分真,
![](dot.gif)
![](dot.gif)
"设计两类不同样式 按钮”---这似乎 个好办法. 然而,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
除了看上去像 能点击 ,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
在鼠标经过"My Yahoo!” 时候,
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
![](dot.gif)
[ 关键词:ue ui 自鱼 原文/来源链接 ]
![](http://www.huimanxiang.com/images/is_hit_button.gif)
|
|
[收藏至站内网摘] [![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() |
顶一个呀.659466