D按鈕是我選擇了同一色相不同明度和純度所做的按鈕，之所以列舉這個(gè)列子，是為了說明我們在做這種風(fēng)格的按鈕設(shè)計(jì)的時(shí)候，一定要把握住一個(gè)很重要的問題，那就是一定是在同一種色相中拉漸變，這樣的按鈕效果才自然，當(dāng)然除了設(shè)計(jì)師追求一些不一樣的效果。

從這張色譜，大家可以看出色相的微妙關(guān)系。有利于我們做漸變類型的按鈕。

 

E按鈕就是我采用的45度角徑向漸變的按鈕，是為了說明漸變方式不同最后按鈕的最后出現(xiàn)的效果也會(huì)不同，就這一點(diǎn)我們設(shè)計(jì)師可以設(shè)計(jì)出很多不同形式的按鈕。

其它的我會(huì)根據(jù)我生活中的觀察來和大家分享一些生活中的按鈕設(shè)計(jì)，如圖所示這個(gè)按鈕設(shè)計(jì)是我仿常見的復(fù)印機(jī)上面的按鈕來設(shè)計(jì)的，這種按鈕的設(shè)計(jì)方法也很簡單，但是效果很好。同時(shí)也加強(qiáng)了用戶對(duì)界面的親切感，更加有利于用戶的使用。如下圖：

下面這個(gè)按鈕是我們常見的開關(guān)按鈕，我只是按照開關(guān)的樣式，粗糙的畫了一個(gè)實(shí)例，為的就是說明其實(shí)在做按鈕設(shè)計(jì)的時(shí)候我們參考的實(shí)物是很多的，多觀察周圍的實(shí)物往往會(huì)得到一些意想不到的收獲，并且我們還可以通過簡單的藝術(shù)效果處理得到不同的按鈕效果。如下圖：

我覺得界面設(shè)計(jì)師在做界面設(shè)計(jì)的時(shí)候應(yīng)該多觀察生活中看到的物品，這些都能給界面設(shè)計(jì)師很大的啟發(fā)。這篇博文希望得到拋磚引玉的作用，希望大家多多發(fā)表自己在做按鈕設(shè)計(jì)的時(shí)候總結(jié)的方法論。希望和大家一起共同成長！

 

原文鏈接： http://www.xmued.com/?p=1387

(責(zé)任編輯：極限)