接受偽按鈕_網(wǎng)頁(yè)設(shè)計(jì)教程
推薦:網(wǎng)頁(yè)按鈕的功能與表現(xiàn)作者:http://www.chouyu.com.cn/目前在網(wǎng)頁(yè)中普遍出現(xiàn)的按鈕可以分為兩類(lèi):一種是有提交功能的按鈕---真正意義上的按鈕;另一類(lèi)是僅僅表示鏈接的按鈕,在
這是一篇關(guān)于文字鏈接與按鈕的分析。這里所說(shuō)的“文字鏈接”是指那些點(diǎn)擊后能打開(kāi)一個(gè)界面的文字,他們只能打開(kāi)一個(gè)界面,沒(méi)有起其它功能�!鞍粹o”是指具有表單提交、下載等功能的可點(diǎn)擊的元素。實(shí)際上,這樣的定義本身就是區(qū)分文字鏈接與按鈕的一種觀點(diǎn)。也是window圖形用戶界面的設(shè)計(jì)標(biāo)準(zhǔn)。而在網(wǎng)頁(yè)上,這樣的區(qū)分并不總是合適的。
在網(wǎng)頁(yè)的設(shè)計(jì)中,經(jīng)常會(huì)碰到這樣的問(wèn)題:“這是一個(gè)很重要的文字鏈接,我們是不是應(yīng)該把它做成一個(gè)按鈕,這樣會(huì)更突出……”
關(guān)于按鈕的問(wèn)題,我曾經(jīng)寫(xiě)了一篇《誰(shuí)是按鈕?它在干嘛?》,先簡(jiǎn)單復(fù)述一下:目前網(wǎng)頁(yè)上普遍的有一些按鈕并不是真正意義上的按鈕,只是一個(gè)文字鏈接,我稱他們?yōu)椤皞伟粹o”。偽按鈕不應(yīng)該使用按鈕的表現(xiàn)形式。
那篇文章里并沒(méi)有給出一個(gè)更好的方法來(lái)表現(xiàn)偽按鈕,現(xiàn)在,我不得不說(shuō),或許偽按鈕還是要用按鈕的形式來(lái)表現(xiàn)。
偽按鈕需要存在
在現(xiàn)實(shí)生活中,電視遙控器上有按鈕,門(mén)鈴是按鈕,手機(jī)上有按鈕,您面前的電腦鍵盤(pán)上也是一大堆按鈕。按鈕清楚的告訴用戶:“這個(gè)可以點(diǎn)擊。”正是因?yàn)樗磉_(dá)的夠清楚,所以在電腦的圖形用戶界面中也模擬現(xiàn)實(shí)的樣子,出現(xiàn)了按鈕。按鈕最本質(zhì)的含義是“可點(diǎn)擊”,而點(diǎn)擊后的效果則是后來(lái)被設(shè)計(jì)師強(qiáng)行賦予的。也就是說(shuō),我們完全可以說(shuō),按鈕并不意味著將要提交什么表單。這樣說(shuō)來(lái),將一個(gè)很重要的文字鏈接表現(xiàn)為按鈕似乎也沒(méi)什么不對(duì)的。
一個(gè)網(wǎng)頁(yè)不能期望著自己的用戶象使用word軟件那樣熟悉自己的網(wǎng)頁(yè),網(wǎng)頁(yè)設(shè)計(jì)面臨的總是比較“新手”的用戶,絕大多數(shù)頁(yè)面對(duì)于用戶來(lái)說(shuō)都是生疏的,在面對(duì)一個(gè)生疏的頁(yè)面時(shí),一個(gè)斗大的按鈕無(wú)疑是一盞指路的明燈。
沒(méi)有其他的表現(xiàn)方式,偽按鈕還只能是按鈕的樣子
一行帶下劃線的藍(lán)色文字也表示可點(diǎn)擊,但是,假如把他們做成按鈕會(huì)更突出、更搶眼。
顯然,把這個(gè)文字鏈接改成按鈕后,在頁(yè)面上會(huì)更突出。但是google卻沒(méi)有這樣做,實(shí)際上,google的網(wǎng)頁(yè)上根本沒(méi)有偽按鈕,他們不會(huì)把一個(gè)文字鏈接化妝成按鈕來(lái)引導(dǎo)用戶。而這種做法顯然不能滿足大多數(shù)網(wǎng)站的需求。即使是象flickr這樣設(shè)計(jì)的很精良的網(wǎng)站也需要下圖這樣的偽按鈕:
或許可以把文字鏈接圖形化?但是圖形化后又很輕易被誤認(rèn)為是廣告。
由于找不到一種比按鈕形式更好的表達(dá)方式表示“可點(diǎn)擊”,偽按鈕還只能是按鈕的樣子。而偽按鈕的存在違反了圖形用戶界面的設(shè)計(jì)標(biāo)準(zhǔn)。
分享:按鈕上的內(nèi)容作者:http://www.esunweb.com/最近UCDChina以“注重界面上的文字”為主題寫(xiě)了一系列的文章,使我在界面文字上的使用受益匪淺。之后,我對(duì)按鈕上的內(nèi)容的
- 中國(guó)互聯(lián)網(wǎng)黑色產(chǎn)業(yè)人數(shù)近10萬(wàn) 5分鐘1起網(wǎng)絡(luò)入侵
- 馬云最后的發(fā)布會(huì):打假,打出阿里的新未來(lái)
- 實(shí)踐分享:ACCESS數(shù)據(jù)庫(kù)導(dǎo)入mysql數(shù)據(jù)庫(kù)
- ACCESS數(shù)據(jù)庫(kù)轉(zhuǎn)ORACLE數(shù)據(jù)庫(kù)分享
- CDN.net免費(fèi)CDN申請(qǐng)使用教程:100GB流量香港日本新加坡節(jié)點(diǎn)
- WordPress 教程:為插件自定義數(shù)據(jù)表
- 如何使用查找我的iPhone教程
- 微信公眾平臺(tái)教程(二) 消息管理與群發(fā)
- 中國(guó)IPv4地址今年將告罄 IPv6期待打破政策局
- 移動(dòng)廣告野蠻成長(zhǎng):75%投放在iOS平臺(tái)
- 災(zāi)難面前,互聯(lián)網(wǎng)公司可以如何做的更好?
- 富士康500萬(wàn)部iPhone遭蘋(píng)果退貨 損失10億元
網(wǎng)頁(yè)設(shè)計(jì)教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)設(shè)計(jì)教程推薦
猜你也喜歡看這些
- 從GMail認(rèn)識(shí)的W3C網(wǎng)頁(yè)標(biāo)準(zhǔn)和Ajax
- 網(wǎng)站重構(gòu)CSS的優(yōu)化技巧
- 第8天:CSS布局入門(mén)
- 第5天:head區(qū)的其他設(shè)置
- 深入CSS結(jié)構(gòu):div再議以及對(duì)span的迷惑
- 使用web標(biāo)準(zhǔn)能帶來(lái)什么商業(yè)價(jià)值?
- CSS中expression使用簡(jiǎn)介
- 深入CSS結(jié)構(gòu):合理運(yùn)用div和span
- 第6天:XHTML代碼規(guī)范
- 第12天:校驗(yàn)及常見(jiàn)錯(cuò)誤
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)設(shè)計(jì)教程-接受偽按鈕
。

