他们只能打开一个界面, 没有起" />
当前位置:首页 >> 互联网 >> 2006年12月3日

"Times New Roman", Times, serif; align="center">臭鱼:接受伪按钮

推荐者:笑笑生 (积分 12508) | 原作者:
这 一篇关于文字链接与按钮 分析. 这里所说 "文字链接” 指那些点击后能打开一个界面 文字, 他们只能打开一个界面, 没有起其它功能. "按钮” 指具有表单提交,下载等功能 可点击 元素. 实际上, 这样 定义本身就 区分文字链接与按钮 一种观点. window图形用户界面 设计标准. 而在网页上, 这样 区分并不总 合适 .

在网页 设计中, 经常会遇到这样 问题:"这 一个很重要 文字链接, 我们 不 应该把它做成一个按钮, 这样会更突出……”

关于按钮 问题, 我曾经写了一篇《谁 按钮?它在干嘛?》, 先简单复述一下:目前网页上普遍 有一些按钮并不 真正意义上 按钮, 只 一个文字链接, 我称他们 "伪按钮”. 伪按钮不应该使用按钮 表现形式.

那篇文章里并没有给出一个更好 方法来表现伪按钮, 现在, 我不得不说, 或许伪按钮还 要用按钮 形式来表现.

伪按钮需要存在
在现实生活中, 电视遥控器上有按钮, 门铃 按钮, 手机上有按钮, 您面前 电脑键盘上 一大堆按钮. 按钮清楚 告诉用户:"这个可以点击. ”正 因 它表达 够清楚, 所以在电脑 图形用户界面中 模仿现实 样子, 出现了按钮. 按钮本质 含义 "可点击”, 而点击后 效果则 后来被设计师强行赋予 . 就 说, 我们完全可以说, 按钮并不意味着将要提交什么表单. 这样说来, 将一个很重要 文字链接表现 按钮似乎 没什么不对 .

一个网页不能期望着自己 用户象使用word软件那样熟悉自己 网页, 网页设计面临 总 比较"新手” 用户, 绝大多数页面对于用户来说都 陌生 , 在面对一个陌生 页面时, 一个斗大 按钮无疑 一盏指路 明灯.

没有其他 表现方式, 伪按钮还只能 按钮 样子
一行带下划线 蓝色文字 表示可点击, 但 , 如果把他们做成按钮会更突出,更抢眼.

显然, 把这个文字链接改成按钮后, 在页面上会更突出. 但 google却没有这样做, 实际上, google 网页上根本没有伪按钮, 他们不会把一个文字链接化妆成按钮来引导用户. 而这种做法显然不能满足大多数网站 需求. 即使 象flickr这样设计 很精良 网站 需要下图这样 伪按钮:

或许可以把文字链接图形化?但 图形化后又很容易被误认 广告.

由于找不到一种比按钮形式更好 表达方式表示"可点击”, 伪按钮还只能 按钮 样子. 而伪按钮 存在违背了图形用户界面 设计标准. 那么,

尝试着区分真,伪按钮
"设计两类不同样式 按钮”---这似乎 个好办法. 然而, 却并不容易做到. 首先, 需要设计出两个样子不同 图像, 让用户知道这些东西 可点击 , 按钮. 它们应该 有立体感 , 上面还要能足够清楚 显示文字.

除了看上去像 能点击 , 他们两个还要表达出文字链接与按钮 区别:文字链接指向另外一个界面, 点击后不会出现什么严重 后果, 如果您后悔了, 那就点击一下浏览器上 "后退”按钮. 而按钮就比较恐怖了, 点击后, 邮件将发送到对方 邮箱中, 文章将被成千上万 人看到……两个这么抽象 概念, 要想通过两个方寸大小 图像表达出来 很困难 , yahoo进行了偿试:

在鼠标经过"My Yahoo!” 时候, 会出现下划线, 与这个页面上 其他文字链接 样式一样. 看上去 一个按钮, 但 不失时机 告诉用户这个"按钮”和页面上 其他文字链接有某些相似 地方. 而"Web Search”这个真按钮就没有类似文字链接 表现. 设计者用这个下划线来区别真按钮与伪按钮.

1 2 下一页

[ 关键词:ue ui 自鱼 原文/来源链接 ]

>> 相关文章
相关资料下载
[收藏至站内网摘] [ 'del','scrollbars=no,width=475,height=575,left=75,top=20,status=no,resizable=yes'));del.focus();">Del.icio.us收藏] [%22_blank%22,%22scrollbars=no,width=600,height=450,left=75,top=20,status=no,resizable=yes%22); void 0">百度搜藏] [抓虾 订阅] [鲜果 订阅]
1楼楼长:评论员 (抢沙发奖牌)在2009-9-14 8:15:32评价道:
顶一个呀.659466
验证码: 20ju
1,请不要在评论中发广告, 如需增加外链请注册成个人会员试用个人签名与自助广告.
2,把《臭鱼:接受伪按钮》推荐给您 好友