網(wǎng)頁設(shè)計中如何設(shè)計按鈕
在網(wǎng)頁設(shè)計中，按鈕設(shè)計是常被忽略卻又相當重要的一個角色。在網(wǎng)頁設(shè)計中，按鈕與鏈接的功能類似，都是經(jīng)過點擊后到達另一頁面或?qū)崿F(xiàn)某種目的，不過二者還是有實際上的區(qū)別的。
按鈕代表著“做某件事”，即點擊了按鈕代表著操作了一個功能，做的這件事是有后果的，不易挽回的。并且絕大多數(shù)都是對表單的提交。從技術(shù)上講，這類按鈕的作用是向后臺提交了數(shù)據(jù)，“命令”服務(wù)器去做了一件事。而鏈接則是帶你去另一個頁面，從功能屬性上而言，它是看，而非是做。
按鈕和鏈接的另一區(qū)別就是它的眼球效應。因此按鈕本身的用色也是有講究的。在按鈕設(shè)計中，本身的顏色應該區(qū)別于它周邊的環(huán)境色，因此它要更亮而且有高對比度的顏色。其次，基本原則是要容易找到，特別重要的按鈕應該處在畫面的中心位置。另外，按鈕上面的文字表述需要言簡意賅，直接明了，在按鈕上使用什么文字傳遞給用戶非常重要，千萬不要讓觀者去思考，越簡單、越直接越好。在尺寸上按鈕并非越大越好，要嚴格控制尺寸。按鈕要充分通透，不能和網(wǎng)頁中的其他元素擠在一起。它需要充足的margin(外邊距)才能更加突出，也需要更多的padding(內(nèi)邊距)才能讓文字更容易閱讀。最后就是注意鼠標滑過的效果，會有力的增強按鈕的點擊感，給用戶帶來良好的用戶體驗，起到畫龍點睛的作用。
【網(wǎng)頁設(shè)計中如何設(shè)計按鈕】相關(guān)文章：
網(wǎng)頁設(shè)計中的文字如何設(shè)計10-31
PS如何設(shè)計一款帶陰影的網(wǎng)頁按鈕11-15
如何使用網(wǎng)頁設(shè)計中的圖片敘事11-01
網(wǎng)頁設(shè)計中的字體設(shè)計10-12
網(wǎng)頁設(shè)計中如何運用柔和色調(diào)09-14
如何制作網(wǎng)頁設(shè)計02-24