網(wǎng)頁(yè)中的按鈕是一個(gè)非常重要的元素，主要用來(lái)使用戶(hù)跳轉到網(wǎng)站中的其他頁(yè)面，或者提供注冊、下載和購買(mǎi)等功能。對于一些版式簡(jiǎn)潔、內容單一的頁(yè)面來(lái)說(shuō)，一款漂亮的按鈕能夠使整個(gè)頁(yè)面的美觀(guān)度大幅提升，從而達到吸引用戶(hù)的目的。
網(wǎng)頁(yè)中的按鈕是一個(gè)非常重要的元素，因此，按鈕的實(shí)用性和美觀(guān)性很重要。設計有特點(diǎn)的按鈕不僅能夠增強界面的美觀(guān)性，還可以給瀏覽者視覺(jué)沖擊。
按照制作按鈕的技術(shù)劃分，網(wǎng)頁(yè)中的按鈕可以分為靜態(tài)圖片按鈕、Flash動(dòng)畫(huà)按鈕和JavaScript 翻轉圖片按鈕三類(lèi)。目前網(wǎng)頁(yè)中使用較多的是靜態(tài)按鈕和Flash動(dòng)畫(huà)按鈕。
靜態(tài)圖片按鈕
靜態(tài)圖片按鈕就是將按鈕制作為靜態(tài)圖片的效果，不帶有任何的交互效果和動(dòng)態(tài)效果。與普通文字鏈接相比較，靜態(tài)圖片鏈接更加醒目和美觀(guān)，視覺(jué)效果出眾，能夠更加吸引瀏覽者。
Flash動(dòng)畫(huà)按鈕
網(wǎng)頁(yè)中的Flash動(dòng)畫(huà)可謂風(fēng)靡一時(shí)，而在網(wǎng)頁(yè)中也常常出現Flash按鈕效果。在潮流的驅使下，設計師意識到Flash按鈕所能達到的表現效果遠遠大于普通按鈕，特別是游戲類(lèi)網(wǎng)站。
JavaScript翻轉圖片按鈕
這種按鈕通常是通過(guò)Java語(yǔ)言來(lái)實(shí)現的，即按鈕在正常狀態(tài)下是一幅圖片，當鼠標經(jīng)過(guò)時(shí)，會(huì )變成另一幅圖片。
JavaScript是一種直譯式腳本語(yǔ)言，也是一種動(dòng)態(tài)類(lèi)型、弱類(lèi)型、基于原型的語(yǔ)言，內置支持類(lèi)型。它的解釋器被稱(chēng)為JavaScript引擎，為瀏覽器的一部分，廣泛用于客戶(hù)端的腳本語(yǔ)言，最早是在HTML網(wǎng)頁(yè)上使用，用來(lái)給HTML網(wǎng)頁(yè)增加動(dòng)態(tài)功能。
隨著(zhù)網(wǎng)絡(luò )的高速發(fā)展，網(wǎng)絡(luò )傳輸速度也飛快發(fā)展，網(wǎng)站中的按鈕種類(lèi)越來(lái)越多，從而提升了頁(yè)面的動(dòng)態(tài)和美觀(guān)。
按鈕主要有兩個(gè)作用，一是提示性作用，通過(guò)提示性的文本或圖像提示瀏覽者。二是動(dòng)態(tài)響應作用，當瀏覽者進(jìn)行不同操作時(shí)，會(huì )呈現不同的效果，動(dòng)態(tài)按鈕一般有四種狀態(tài)，即釋放、經(jīng)過(guò)、按下和按下時(shí)滑動(dòng)。從功能上來(lái)說(shuō)，按鈕和文字鏈接作用相同，都是引導人們去訪(fǎng)問(wèn)某些內容。無(wú)論是靜態(tài)還是動(dòng)態(tài)按鈕，都具有以下幾個(gè)特點(diǎn)。
易用性
在網(wǎng)頁(yè)中使用圖片按鈕比特殊字體的按鈕更容易被瀏覽者所識別。隨著(zhù)Flash動(dòng)畫(huà)的風(fēng)靡，越來(lái)越多的網(wǎng)站使用了Flash動(dòng)畫(huà)按鈕，這種按鈕更能吸引瀏覽者注意，使網(wǎng)頁(yè)更易于操作?，F在的網(wǎng)頁(yè)中越來(lái)越多地應用了設計精美的圖片按鈕和Flash按鈕。
可操作性
在網(wǎng)頁(yè)設計過(guò)程中，為了使網(wǎng)頁(yè)中較為重要的功能或鏈接突出出來(lái)，通常會(huì )將其制作成按鈕的形式，如登陸和搜索按鈕等，或是一些具有特殊功能的按鈕。這些按鈕主要是為了實(shí)現功能，而不是裝飾，所以這些按鈕就需要有一定的可操作性。
動(dòng)態(tài)效果
靜態(tài)圖片按鈕的表現形式較為單一，有些時(shí)候不易引起瀏覽者的興趣和注意。動(dòng)態(tài)效果按鈕能夠增強頁(yè)面的動(dòng)感，傳達更豐富的信息，可以突出想要傳達的內容，同時(shí)可以區別于其他普通按鈕。
按鈕作為網(wǎng)頁(yè)中非常重要的組成部分，它既承載著(zhù)網(wǎng)頁(yè)中的部分功能，也是裝飾性元素。按鈕的設計要點(diǎn)有以下幾點(diǎn)：
1、 與頁(yè)面風(fēng)格協(xié)調：頁(yè)面中的任何一部分都不能割離出來(lái)單獨存在，按鈕也是如此。按鈕的風(fēng)格必須與整體頁(yè)面效果協(xié)調一致，才能體現出價(jià)值。
2、 注意配色：設計按鈕時(shí)，要盡量做到文字清晰。另外配色應該簡(jiǎn)潔鮮艷，最好不要使用四種以上的顏色
3、 巧妙調整按鈕的形狀：按鈕的形狀應該根據整體頁(yè)面顏色的著(zhù)重點(diǎn)分布靈活調整。
注意，如果需要設計很長(cháng)的按鈕，例如導航條，那么最好制作得纖細一些，否則會(huì )使版面失重。