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

真正 按鈕

真正 按鈕有兩個作用：
1．實現(xiàn)提交功能；
2．標明當前操作 目 .

說明：

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

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

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

對于真正 按鈕應當使用系統(tǒng)標準按鈕還 自制 圖片按鈕？

筆者認 應當使用系統(tǒng)標準按鈕. 系統(tǒng)標準按鈕 設計起源 模擬真實 按鈕, 無論 真實生活中 按鈕還 網(wǎng)頁上 系統(tǒng)標準按鈕都具有良好 用戶反饋.

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

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

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

我 觀點：對于真正 按鈕應該使用按鈕這種表現(xiàn)形式, 并且應該使用系統(tǒng)標準按鈕.

偽按鈕

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

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

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

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