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