幽靈按鈕和類似的空心元素，在諸多的設計趨勢當中，還是顯得頗為單薄的。它們的轉化率看起來不夠突出，和其他的固定形體相比，吸引力也一般，它們的視覺效果主要取決於周圍的對比度和環境本身，一句話，缺點很多。即便如此，它們並沒有很快消失，相反依然活躍在設計的一線。
它們能夠如此，很大程度上是因為我們對於這些元素已經習以為常了。它們最初出現在 UI 界面上的時候，用戶所感到的迷惑和混亂，已經逐步消失，我們都知道，它是一個按鈕。
現在的幽靈按鈕和類似的元素，已經被市場和用戶所接受，在商業設計當中並不鮮見，甚至承擔著行為召喚的功用，已經足夠吸引用戶的視線了。
△ Ignite Online
Ignite Online 網頁中幽靈按鈕的用法，在過去是一種非常典型的方式，現在它的使用策略得到了不小的改進，看看下面 Adidas 的 Climazone 頁面。
△ Climazone by Adidas
在這裡，幽靈按鈕有了更多的釋放控件，不僅有良好的懸停效果，而且通過排版讓組件之間關係更加明確、穩固，左側的圓形元素則強化了設計上的一致性。
基於這幾個案例，我們想要用好這一設計趨勢，需要考慮下面的幾個小點：
確保它的周圍要有足夠的留白；
確保它本身要足夠大；
幽靈按鈕和背景要構成足夠的對比；
使用適當的圖形來承載它；
採用懸停特效，強化視覺上的指引性。
雖然這麼說確實有點奇怪，但是幽靈按鈕這種線性風格的按鈕設計確實是能夠提升用戶體驗的。看看下面 Pholc 這個網站，設計師採用了分屏式的設計，兩個巨大但是不那麼顯著的幽靈按鈕分別置於兩個區塊的中心，通過交疊帶來沉浸式的體驗。對於用戶而言，整個設計是清晰而直觀的，兩種並行的探索方式，擺在他們面前。
△ Pholc
線性藝術的回暖
幽靈按鈕帶有線性藝術的特徵，但是它不是唯一的線性元素。在整個設計當中，運用中空的線性元素隱約成為了一個流行趨勢。這種設計趨勢所包含的內容是豐富而多樣的。比如在標題周圍加上一圈纖細的和背景有微妙對比的邊框，不僅讓整個設計顯得更加優雅，而且讓標題獲得了額外的視覺關注度，就像下方的 Drawlight 和 Domaine Direct 兩個網站的設計。
△ Drawlight
△ Domaine Direct
Feudi di San Gregorio 這個網站的設計也尤其值得注意，雖然同樣是使用了細線邊框來封裝標題，但是它背後的設計團隊通過優秀的視覺設計，讓標題層擁有了真實的層次感，獨特的設計更容易俘獲用戶的關注。
△ Feudi di San Gregorio
只需要在視覺上做微妙的調整，就能達到突出的效果，這一點非常值得學習。接下來，看看 ContraryCon 這個網站。
△ ContraryCon
網站首屏中心的字體部分採用了相對比較誇張的故障效果，周圍的邊框彷彿將誇張的效果限制在這個範圍以內，它巧妙的抑制了故障效果的範疇，又讓用戶注意到這個區塊的關鍵信息，比如菜單、CTA 和 LOGO。
將空心元素作為裝飾使用
當需要裝飾的時候，空心的幾何元素幾乎是這個領域無可比擬的王者。它可以被應用到方方面面，下面的案例就是證明。
豐富背景，讓它不顯得沉悶單調，就像 Weslaco Economic Development Corp 和 The Artery 這兩個網站一樣。這兩個網站都將網格元素運用到背景當中，看起來很棒。第一個案例當中，網格和背景圖片結合到了一起使用，而另一個網站則是相對乾淨的畫布，網格賦予了它良好的觸感。
△ Weslaco Economic Development Corp
△ The Artery
營造氛圍，就像 Intours DMC 這個網站一樣。大膽的藍色方形和左側的標題相互呼應，讓芭蕾舞演員彷彿置身於聚光燈之下。
△ Intours DMC
增加裝飾和娛樂性，就像 Equal Parts 這個網站一樣，各種空心圖形當中，加入了笑臉。開發者還加入了一些有趣的功能，你能在網頁上拖著這些圖形到處溜達。
△ Equal Parts
線性藝術
空心元素歸根到底就是用線條勾勒出來的圖形輪廓，它最終指向了風格微妙而個性十足的線性藝術。接下來我們看看兩個頗為突出的案例：Viennese Modernism 和 Vos Besoins by the Buyer。
△ Viennese Modernism
Viennese Modernism 這個網站的著陸頁和它現代主義的內核保持著高度的一致。網格結構中充滿了各式各樣的裝飾性線條與幾何形狀。看起來足夠藝術，足夠現代，也非常精巧。
△ Vos Besoins by the Buyer
Vos Besoins 這個網站雖然也是圍繞著線條來構建的，但是它和前面的案例非常相似，相對缺少藝術性，而技術性的味道更足。幽靈按鈕和大量的互補的細線組合在一起，融入度極高。
如果前面兩個現代主義風格的案例讓你覺得略有一點不適應的話，那麼你可以看看下面兩個採用相對更傳統手段的網站設計，Arcys 和 Festive Folks，它們同樣展示出了線條的美感。
△ Arcys
△ Festive Folks
Arcys 藉助素描線稿來呈現科技感，而 Festive Folks 則採用手繪圖畫進行藝術化的表達。
結語
空心元素，尤其是幽靈按鈕，需要設計師對於細節和體驗有足夠的關注才能用好。想要將幽靈按鈕和線性元素都充分運用好，你需要做到下面的三件事情：
確定組件的目標：如果它是按鈕，那麼它應該具備行為召喚的特徵，如果它是純粹的裝飾，那麼它應該融入場景或者作為焦點。
注意周圍的環境：線性元素很容易在信息量密集的頁面中迷失，最簡單的辦法是在它的周圍留白。
保持對比：如果做的好，能讓微妙的細節成為視覺焦點，通過合理的對比配比，讓關鍵的元素脫穎而出。
閱讀更多 河北華信智原 的文章
