"Times New Roman", Times, serif; align="center">誰(shuí) 按鈕？它在干嘛？---網(wǎng)頁(yè)按鈕 功能與表現(xiàn)

目前在網(wǎng)頁(yè)中普遍出現(xiàn) 按鈕可以分 兩類(lèi)：一種 有提交功能 按鈕－－－真正意義上 按鈕；另一類(lèi) 僅僅表示鏈接 按鈕, 在這里將其稱(chēng) "偽按鈕”.

真正 按鈕

真正 按鈕有兩個(gè)作用：
1．實(shí)現(xiàn)提交功能；
2．標(biāo)明當(dāng)前操作 目 .

說(shuō)明：

無(wú)疑按鈕實(shí)現(xiàn)著提交功能. 當(dāng)用戶(hù)輸入了關(guān)鍵字后會(huì)點(diǎn)擊"搜索”按鈕, 網(wǎng)頁(yè)中將出現(xiàn)搜索結(jié)果；當(dāng)用戶(hù)填寫(xiě)了用戶(hù)名和密碼后, 點(diǎn)擊"登錄”按鈕, 系統(tǒng)將打開(kāi)自己 郵箱頁(yè)面.

按鈕上 文字說(shuō)明了整個(gè)表單區(qū) 內(nèi)容, 比如, 有"搜索”按鈕 區(qū)域顯然標(biāo)明這一區(qū)域內(nèi) 文本輸入框和按鈕都 搜索功能服務(wù) , 不需要在另外添加標(biāo)題進(jìn)行說(shuō)明了, 這 設(shè)計(jì)師 提高網(wǎng)頁(yè)可用性而普遍采用 一種方式―――逐字斟酌按鈕文字.

按鈕 表現(xiàn)形式可以大致總結(jié) 兩種：
1．系統(tǒng)標(biāo)準(zhǔn)按鈕
2．使用圖片自制 按鈕

對(duì)于真正 按鈕應(yīng)當(dāng)使用系統(tǒng)標(biāo)準(zhǔn)按鈕還 自制 圖片按鈕？

筆者認(rèn) 應(yīng)當(dāng)使用系統(tǒng)標(biāo)準(zhǔn)按鈕. 系統(tǒng)標(biāo)準(zhǔn)按鈕 設(shè)計(jì)起源 模擬真實(shí) 按鈕, 無(wú)論 真實(shí)生活中 按鈕還 網(wǎng)頁(yè)上 系統(tǒng)標(biāo)準(zhǔn)按鈕都具有良好 用戶(hù)反饋.

標(biāo)準(zhǔn)按鈕 優(yōu)勢(shì)：
1．易識(shí)別. 與各式各樣 圖片按鈕相比, 在網(wǎng)頁(yè)中標(biāo)準(zhǔn)按鈕更容易被用戶(hù)識(shí)別出 按鈕. 網(wǎng)頁(yè)中 標(biāo)準(zhǔn)按鈕與用戶(hù)電腦 操作系統(tǒng)中 按鈕表現(xiàn)上 一致 , 這降低了用戶(hù)識(shí)別上 負(fù)擔(dān).
2．操作反饋好. 標(biāo)準(zhǔn)按鈕具備多種狀態(tài), "正常狀態(tài)”"被選中狀態(tài)”"點(diǎn)擊時(shí)狀態(tài)”, 多種狀態(tài)使標(biāo)準(zhǔn)按鈕能夠傳達(dá)更豐富 信息, 而制作圖片按鈕 設(shè)計(jì)師通常沒(méi)這種耐心 一個(gè)按鈕制作多種狀態(tài), 因 使用圖片按鈕多數(shù)時(shí)候 因 圖片按鈕更好看, 而設(shè)計(jì)師并不太在意用用戶(hù) 使用效率問(wèn)題. 使用圖片制作出好看 頁(yè)面 本能水平上 設(shè)計(jì), 而使用標(biāo)準(zhǔn)按鈕制作易于使用 頁(yè)面 行 水平上 設(shè)計(jì)(關(guān)于"本能水平上 設(shè)計(jì)”和"行 水平上 設(shè)計(jì)”理論請(qǐng)參見(jiàn)Donald A. Norman 《Emotional Design》), 我認(rèn) 針對(duì)按鈕這個(gè)問(wèn)題應(yīng)該優(yōu)先考慮行 水平設(shè)計(jì) 需要, 畢竟按鈕 網(wǎng)頁(yè)"行 "部分(web標(biāo)準(zhǔn)將網(wǎng)頁(yè)分成三部分：結(jié)構(gòu),表現(xiàn)和行 ) 一個(gè)重要元素, 何況在我看來(lái)系統(tǒng)標(biāo)準(zhǔn)按鈕并不難看.

系統(tǒng)標(biāo)準(zhǔn)按鈕 存在自己 問(wèn)題：樣式過(guò)于呆板, 尤其 windows2000風(fēng)格 按鈕甚至被一些網(wǎng)頁(yè)設(shè)計(jì)師認(rèn) 無(wú)法接受 丑陋, 相比之下windowsXP式樣 按鈕更容易被接受, 無(wú)疑多數(shù)網(wǎng)頁(yè)設(shè)計(jì)師以及公司boss還 更關(guān)注本能水平上 設(shè)計(jì)―――好看 設(shè)計(jì).

css可以對(duì)按鈕式樣進(jìn)行一些個(gè)性化設(shè)置, 可以改變按鈕顏色,立體效果,文字大小,文字顏色. 具體方法可以很容易 在互聯(lián)網(wǎng)上找到, 這里不多說(shuō)了. 我認(rèn) 對(duì)于按鈕這種程度 變化已經(jīng)足夠了.

我 觀點(diǎn)：對(duì)于真正 按鈕應(yīng)該使用按鈕這種表現(xiàn)形式, 并且應(yīng)該使用系統(tǒng)標(biāo)準(zhǔn)按鈕.

偽按鈕

在網(wǎng)頁(yè)中大量存在這樣 按鈕, 從表現(xiàn)上看 一個(gè)按鈕而實(shí)際上只提供了一個(gè)鏈接.

起源：初網(wǎng)頁(yè)上隨處可見(jiàn)文字鏈接, 設(shè)計(jì)師 了突出其中 某些特別重要 鏈接, 將其設(shè)計(jì)成了類(lèi)似按鈕 樣子, 使得這些鏈接更 突出, 引導(dǎo)用戶(hù)點(diǎn)擊. 這 從側(cè)面說(shuō)明了在網(wǎng)頁(yè)上按鈕 很醒目 元素.

現(xiàn)在在網(wǎng)頁(yè)上使用偽按鈕 原因更 多樣, 讓我們來(lái)看看"民意調(diào)查”這個(gè)例子：

在很多網(wǎng)頁(yè)中"提交”和"查看結(jié)果”被設(shè)計(jì)成相同系統(tǒng)標(biāo)準(zhǔn)按鈕, 然而"提交” 將用戶(hù) 選擇提交給網(wǎng)站 系統(tǒng), 存入數(shù)據(jù)庫(kù), 而"查看結(jié)果” 打開(kāi)一個(gè)小窗口顯示目前 投票結(jié)果, 顯然將"查看結(jié)果”設(shè)計(jì)成文字鏈接 更合理 , 設(shè)計(jì)成按鈕 原因通常 了樣式上 美觀：下面一行并排放置兩個(gè)按鈕, 都有點(diǎn)擊 功能, 看上去更和諧, 但 這卻破壞了用戶(hù) 可操作性.