設(shè)計(jì)按鈕要同頁(yè)面的整體協(xié)調(diào)，不能太搶眼;有的頁(yè)面很單調(diào)，還要依靠花哨的按鈕來(lái)提一下，今天小編主要給大家分享網(wǎng)頁(yè)設(shè)計(jì)的按鈕設(shè)計(jì)要點(diǎn)，希望對(duì)你們有幫助!  

一、按鈕  

在網(wǎng)頁(yè)設(shè)計(jì)中，按鈕設(shè)計(jì)常常被忽略，但卻扮演著非常重要的角色。在網(wǎng)頁(yè)設(shè)計(jì)中，按鈕與鏈接功能相似，因都是經(jīng)過(guò)點(diǎn)擊后到達(dá)另一頁(yè)面或?qū)崿F(xiàn)某種目的，但兩者之間又有著實(shí)際的區(qū)別。  

按鈕表示"做某事"，也就是說(shuō)，單擊按鈕代表著操作了一個(gè)功能，做的這件事是有后果的，不易挽回的，并且絕大多數(shù)都是對(duì)表單的提交。從技術(shù)上講，這些按鈕的功能是將數(shù)據(jù)提交到后臺(tái)，"命令"服務(wù)器去做一件事。這個(gè)鏈接就是把你帶到另一個(gè)頁(yè)面，從功能屬性的角度來(lái)看，它是看，而不是做。  

按鈕和鏈接的另一個(gè)區(qū)別是它的眼球效果。因此，按鈕本身的顏色也很講究。在按鈕設(shè)計(jì)中，它自身的顏色應(yīng)該與周?chē)沫h(huán)境顏色不同，所以它應(yīng)該更明亮，并且有一個(gè)高對(duì)比度的顏色。  

其次，基本原則是要容易找到，特別重要的按鈕應(yīng)該處在畫(huà)面的中心位置。另外，按鈕上的文字需要言簡(jiǎn)意賅，直接明了，在按鈕上使用什么文字傳遞給用戶非常重要，千萬(wàn)不要讓觀者去思考，越簡(jiǎn)單、越直接越好。  

在尺寸上按鈕不是越大越好，要嚴(yán)格控制大小。按鈕應(yīng)該是完全透明的，不應(yīng)該和頁(yè)面的其它元素?cái)D在一起。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀。  

最后，就是注意鼠標(biāo)滑動(dòng)的效果，這將有效地增強(qiáng)點(diǎn)擊按鈕的感覺(jué)，給用戶帶來(lái)良好的用戶體驗(yàn)，起到畫(huà)龍點(diǎn)睛的作用。  

二、整體規(guī)劃  

有共性，才有統(tǒng)一性，有細(xì)節(jié)差異，就有層次;為了防止設(shè)計(jì)和實(shí)施過(guò)程中的偏差，設(shè)計(jì)的各個(gè)部分，要配合整體風(fēng)格，不僅網(wǎng)頁(yè)上的設(shè)計(jì)應(yīng)該統(tǒng)一，而且網(wǎng)站各項(xiàng)設(shè)計(jì)的也應(yīng)該統(tǒng)一。  

不要把太多的信息集中起來(lái)，這樣文章就不會(huì)組織得太緊，不要有太多分散注意力的點(diǎn)，動(dòng)態(tài)閃爍應(yīng)適度，頁(yè)面的空白部分應(yīng)按照平面設(shè)計(jì)原則設(shè)計(jì)，注意分欄式結(jié)構(gòu)不宜留白，還應(yīng)考慮瀏覽器上占用的屏幕空間，防止圖片截?cái)嗟仍斐梢曈X(jué)效果差。  

主頁(yè)設(shè)計(jì)圖片+導(dǎo)航，這是一個(gè)強(qiáng)大的網(wǎng)站表達(dá)，可以根據(jù)時(shí)間的變化改變圖片。