萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網頁設計中的按鈕設計

網頁設計中的按鈕設計

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

網頁設計中的按鈕設計 三聯

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

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

copyright © 萬盛學電腦網 all rights reserved