由于Bootstrap在網(wǎng)站開發(fā)上的簡(jiǎn)單易用，越來(lái)越多的網(wǎng)站**和設(shè)計(jì)師開始使用它，連帶著扁平化風(fēng)格和幽靈按鈕越來(lái)越流行。
Bootstrap 簡(jiǎn)單自然，單色背景為幽靈按鈕留下了足夠的施展空間。
相關(guān)閱讀∏凹耕用Bootstrap教你快速構(gòu)建一個(gè)美觀且高品質(zhì)的網(wǎng)站》
接下來(lái)，我們總結(jié)一下幽靈按鈕的優(yōu)缺點(diǎn)：
幽靈按鈕的優(yōu)缺點(diǎn)
優(yōu)點(diǎn)
幽靈按鈕有許多優(yōu)勢(shì)，能為你的設(shè)計(jì)加分不少：
?諸如PS和AI這樣的繪圖軟件可以輕松繪制幽靈按鈕
?盡管設(shè)計(jì)幽靈按鈕很容易，但是它并不會(huì)顯得過(guò)于單薄或者易被忽視，事實(shí)上，它們往往能讓設(shè)計(jì)更加優(yōu)雅成熟。
?幽靈按鈕常常顯得清晰而微妙，它總能讓瀏覽者感覺自由而放松。使用幽靈按鈕的頁(yè)面常常不會(huì)讓人覺得沉重，它能讓設(shè)計(jì)視覺更加輕量，同時(shí)喚起秩序感。
?由于幽靈按鈕通常是中空的，所以它也很容易與其他的設(shè)計(jì)元素來(lái)搭配使用，白搭隨心。
?毫無(wú)疑問(wèn)，幽靈按鈕是2014年的熱門設(shè)計(jì)趨勢(shì)，如果你巧妙運(yùn)用能讓你的網(wǎng)站看起來(lái)更加時(shí)尚。
事物總需要一分為二來(lái)看，幽靈按鈕自然也有它的局限性，當(dāng)你設(shè)計(jì)的時(shí)候需要仔細(xì)考慮一下這些因素。
缺點(diǎn)
?雖然幽靈按鈕已經(jīng)非常流行了，但是它們并非是萬(wàn)金油。使用它們可能會(huì)分散按鈕應(yīng)有的聚焦感，你需要精心設(shè)計(jì)，讓按鈕不被埋沒，也不喧賓奪主。
?幽靈按鈕的存在已經(jīng)打破了傳統(tǒng)網(wǎng)頁(yè)設(shè)計(jì)中按鈕固有的形象和體驗(yàn)，你讓它產(chǎn)生類似現(xiàn)實(shí)中按鈕的體驗(yàn)是不可能的，尤其是當(dāng)你沒有用好它的時(shí)候，這種存在感和體驗(yàn)會(huì)更加薄弱。
?幽靈按鈕的透明度會(huì)導(dǎo)致可讀性降低的問(wèn)題。大圖背景和不合理的配色會(huì)讓這種糟糕體驗(yàn)雪上加霜。我們會(huì)在后續(xù)看到反例。
幽靈按鈕的使用實(shí)例
Bilderphoto.com
幽靈按鈕置于網(wǎng)站正中央，吸引用戶去點(diǎn)擊，以發(fā)現(xiàn)更多的內(nèi)容。但是在我看來(lái)，幽靈按鈕并沒有得到很好的安置。為了對(duì)比度，幽靈按鈕的邊框和文字均使用了白色，可是背景中的女孩也是一身白，這使得按鈕中的單詞“imagemaking”并不完全符合對(duì)比度的需求，影響了可讀性。當(dāng)然，積更的一面在于，你可以通過(guò)刷新看到其他的圖片。
union Room
這個(gè)與文件備份有關(guān)的網(wǎng)站是通過(guò)簡(jiǎn)單的藍(lán)白雙色來(lái)呈現(xiàn)的，對(duì)比強(qiáng)烈。其中使用了兩個(gè)橢圓形的幽靈按鈕。兩個(gè)按鈕識(shí)別度也做的非常不錯(cuò)，沒有與背景混淆也易于被發(fā)現(xiàn)，這個(gè)網(wǎng)站的設(shè)計(jì)師還是非常稱職的。
結(jié)語(yǔ)
文章不長(zhǎng)內(nèi)容不多，但是句句是干貨。當(dāng)然，更重要的還是在實(shí)踐中掌控幽靈按鈕，不是么?
