當前位置:學者齋 >

設計製作 >網頁設計 >

網頁設計中如何設計按鈕

網頁設計中如何設計按鈕

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

網頁設計中如何設計按鈕

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

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

標籤: 按鈕 網頁
  • 文章版權屬於文章作者所有,轉載請註明 https://xuezhezhai.com/zh-hk/sjzz/sjzz/502dm.html