"Times New Roman", Times, serif; align="center">誰 按鈕？它在干嘛？---網頁按鈕 功能與表現

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

真正 按鈕

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

說明：

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

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

按鈕 表現形式可以大致總結 兩種：
1．系統標準按鈕
2．使用圖片自制 按鈕

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

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

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

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

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

我 觀點：對于真正 按鈕應該使用按鈕這種表現形式, 并且應該使用系統標準按鈕.

偽按鈕

在網頁中大量存在這樣 按鈕, 從表現上看 一個按鈕而實際上只提供了一個鏈接.

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

現在在網頁上使用偽按鈕 原因更 多樣, 讓我們來看看"民意調查”這個例子：

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