什么是幽靈按鈕?

幽靈按鈕有著最簡單的扁平外形——正方形、矩形、圓形、菱形——沒有填充色，只有一條淡淡的輪廓。除了外框和文字，它完完全全（或者說幾乎完全）透明。（因此得名“幽靈”）

這些按鈕通常比網(wǎng)頁上傳統(tǒng)的可點擊按鈕大，也被置于顯要位置，例如屏幕的正中央。

各種類型的網(wǎng)站（包括移動APP）中都能發(fā)現(xiàn)幽靈按鈕的身影，它有著多種設(shè)計風(fēng)格，卻幾乎都與單頁網(wǎng)站有關(guān)聯(lián)，還有那些極簡風(fēng)格或近扁平風(fēng)格的設(shè)計方案。這種風(fēng)格的按鈕在全屏照片背景的網(wǎng)站中也大受歡迎，不像傳統(tǒng)按鈕那樣，這種簡潔的樣式，是出于不干擾圖片的考慮。

這種按鈕的設(shè)計早已有之，但是在iOS和安卓雙雙風(fēng)格轉(zhuǎn)向之后，它攜了扁平之風(fēng)雷，成了網(wǎng)頁設(shè)計的新趨勢，擁有類似設(shè)計的網(wǎng)頁設(shè)計作品入雨后春筍一般，映入眼簾。

設(shè)計元素

幽靈按鈕有一系列典型的組成元素。盡管這并非完整的使用準則，但使用幽靈按鈕時，其中多數(shù)都在發(fā)揮作用。

• ①按鈕是中空的
• ②它外圍有一圈輪廓，通常只有一點點厚度
• ③它包含了簡短的文字
• ④顏色通常只有黑白
• ⑤按鈕往往比傳統(tǒng)按鈕更大
• ⑥幽靈按鈕一般占據(jù)頁面顯要位置
• ⑦幽靈按鈕可以單獨或成小組出現(xiàn)
• ⑧通常使用扁平或近扁平的設(shè)計方案
• ⑨幽靈按鈕內(nèi)部可以使用小的幾何形圖標，不過很少這么做

幽靈按鈕的案例集

Indiegogo

Hire My Friend

Sputnik

Transitions

Harbr Co

Go Philosophie

Unsung

Paul von Excite

Turing

Grid Style Sheets

Weather Jams

Ben Challand

Assembly