按鈕是每個網(wǎng)站中必有的交互性控件,它雖然是在網(wǎng)站設(shè)計中最小的元素,但這個控件如果設(shè)計好了,它所給網(wǎng)站帶來的積極影響是難以估量的。它作為整個網(wǎng)站與用戶溝通的樞紐,使用特定的顏色突出與強(qiáng)調(diào)按鈕的視覺感,則會讓人產(chǎn)生非常想點(diǎn)擊的沖動。
1、 按鈕的色彩搭配
一般來講,按鈕的色彩在網(wǎng)站設(shè)計中是需要使用明亮且令人心動的顏色的,例如在按鈕的UI設(shè)計中,網(wǎng)頁設(shè)計師們就喜歡用黃色或者綠色、藍(lán)色等明亮的顏色來設(shè)計按鈕。而除了這些明亮色系的顏色選擇外,與網(wǎng)頁的背景色能夠形成明顯反差的顏色也是非常好的選擇,有時這種設(shè)計更加能夠突出視覺效果從而讓人有點(diǎn)進(jìn)去的沖動。
2、 按鈕交互動畫的設(shè)計
如果網(wǎng)站設(shè)計背景顏色為黑色或者暗色系的顏色,那么按鈕就完全可以使用黃色來作為主顏色來設(shè)計,它能夠與黑色背景形成鮮明對比。而如果這時候給按鈕增添一些交互效果,例如在鼠標(biāo)移動到按鈕處時形狀發(fā)生變化,按鈕變大,按鈕的顏色也由黃轉(zhuǎn)白,按鈕里的文字也產(chǎn)生色差變化,那么這將是一個非常良好用戶體驗的一個按鈕。
3、 按鈕顏色設(shè)計注意事項
在有些品牌的按鈕設(shè)計中,網(wǎng)頁設(shè)計師們有時還需要注意品牌的主色調(diào)。在與網(wǎng)站設(shè)計的背景色形成顏色匹配方案時,按鈕的顏色除了要考慮突出視覺效果還要與品牌的顏色高度相關(guān)才能做到讓企業(yè)和消費(fèi)者都滿意。