網頁設計中如何設計按鈕

相關推薦

網頁設計中如何設計按鈕

　　在網頁設計中，按鈕設計是常被忽略卻又相當重要的一個角色。在網頁設計中，按鈕與鏈接的功能類似，都是經過點擊后到達另一頁面或實現某種目的，不過二者還是有實際上的區別的。

　　按鈕代表著“做某件事”，即點擊了按鈕代表著操作了一個功能，做的這件事是有后果的，不易挽回的。并且絕大多數都是對表單的提交。從技術上講，這類按鈕的作用是向后臺提交了數據，“命令”服務器去做了一件事。而鏈接則是帶你去另一個頁面，從功能屬性上而言，它是看，而非是做。

　　按鈕和鏈接的另一區別就是它的眼球效應。因此按鈕本身的用色也是有講究的。在按鈕設計中，本身的顏色應該區別于它周邊的環境色，因此它要更亮而且有高對比度的顏色。其次，基本原則是要容易找到，特別重要的按鈕應該處在畫面的中心位置。另外，按鈕上面的文字表述需要言簡意賅，直接明了，在按鈕上使用什么文字傳遞給用戶非常重要，千萬不要讓觀者去思考，越簡單、越直接越好。在尺寸上按鈕并非越大越好，要嚴格控制尺寸。按鈕要充分通透，不能和網頁中的其他元素擠在一起。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內邊距)才能讓文字更容易閱讀。最后就是注意鼠標滑過的效果，會有力的增強按鈕的點擊感，給用戶帶來良好的用戶體驗，起到畫龍點睛的作用。

【網頁設計中如何設計按鈕】相關文章：

網頁設計中按鈕是什么顏色06-18

網頁設計中的文字如何設計05-07

PS如何設計一款帶陰影的網頁按鈕04-06