幽靈按鈕在界面中的功能性感覺會比填充的按鈕相比較弱紧显，它們不太容易被注意到孵班，它們的實用性主要取決于對比度和背景 - 會有很多缺點重父，幽靈按鈕因為有很多的質(zhì)疑聲而看起來好像消失了很長一段時間，其實不然矿辽，他們依舊活躍在界面中袋倔。
這種趨勢存在甚至繁榮的主要原因之一是我們習慣了使用它們。當幽靈按鈕在界面設(shè)計剛起步時批狐，這一趨勢收到不解和冷漠的回應(yīng)嚣艇，這些日子引起了較少的混淆和誤解华弓。
我們知道這是一個按鈕寂屏。考慮點燃在線吱抚。不僅巧妙的解釋完全符合網(wǎng)站的整潔和商業(yè)化設(shè)計秘豹，而且還吸引了行動號召的注意力憋肖，自然而然地將焦點放在了“開始”按鈕上婚苹，而沒有顯得很生硬膊升。
Ignite Online 點燃在線
這是過去在界面中使用幽靈按鈕的一種方式±耄現(xiàn)在非区，該解決方案已經(jīng)應(yīng)用了一些改進盹廷≌鞒瘢看看阿迪達斯的Climazone淆衷。
Climazone by Adidas?
在這里祝拯，幽靈按鈕有更多的空間感佳头，以及良好的懸停效果晴氨，增加了組件的堅固性瑞筐。左側(cè)的圓形元素有助于保持統(tǒng)一性聚假。
鑒于前面的例子膘格，要從這一趨勢中受益瘪贱，需要考慮一些小點：
通過擴展填充使該按鈕更大
確保它周圍有足夠的留白
在組件背景中與組件形成對比用適當?shù)膱D形補充它應(yīng)用懸停效果 -也許你會吃驚于輪廓樣式甜害，但能夠增強用戶體驗∏蜃颍看看Pholc尔店。在這里，解決方案是用分屏設(shè)計形成了一個精彩的關(guān)聯(lián)主慰，具有四方形的背景里嚣州，產(chǎn)生了一個不錯的結(jié)果。兩個不明顯的按鈕被呈現(xiàn)為框在稀薄白色邊框上的消息共螺。你有兩種選擇 - 兩種方式來瀏覽網(wǎng)站 - 他們對用戶來說非常清楚该肴。
Pholc
An Echo of Line Art
按鈕并不是設(shè)計基礎(chǔ)中精致線條藝術(shù)的唯一元素。在整個設(shè)計中使用空心物體有一個明顯的趨勢藐不，并且有很多樣式匀哄。例如秦效，帶有色彩遮罩的背景會引導(dǎo)視線聚焦在按鈕上，例如下面這兩個網(wǎng)站Drawlight和Domaine Direct。比如在標題周圍加上一圈纖細的和背景有微妙對比的邊框蒲赂，不僅讓整個設(shè)計顯得更加優(yōu)雅。
Drawlight
Domaine Direct
Feudi di San Gregorio?這個網(wǎng)站尤其值得密切關(guān)注。雖然和之前的例子一樣用邊框封裝標題，但本網(wǎng)站背后的設(shè)計團隊最大限度地發(fā)揮了視覺沖擊力互广，將整個信息封裝在概述框中，從而實現(xiàn)了視覺焦點層次感旅敷。
Feudi di San Gregorio
這個技巧對于靜態(tài)首屏是有利的，只需要稍微改變一下大小粹污。將您的注意力轉(zhuǎn)移到ContraryCon壮吩。
ContraryCon
該網(wǎng)站開始與用戶的表現(xiàn)沈贝，是模仿故障效果的動畫嗡善。雖然效果可能有點夸張，并且有一些讓人難以接受袁铐，但是由于圍繞核心部分的邊框的巧妙設(shè)計，它立刻吸引了整體注意力领炫，仿佛抑制了動畫里面的張揚脚猾。用戶可以分清主次龙助，如菜單军援，CTA和logo赡鲜。
將空心物體作為裝飾
當涉及到裝飾目的時嘲更，在幾何視覺效果的時代篓冲，空心的幾何物體地位難以被撼動琳拨。它可以應(yīng)用于設(shè)計的各個方面惊畏。下面的例子證明他的用處：
豐富背景，使其不那么單調(diào)和沉悶，但更像?Weslaco Economic Development Corp?和?The Artery這兩個網(wǎng)站的耐人尋味口猜。這兩個網(wǎng)站都具有網(wǎng)格靈感的背景辐真，看起來很棒侍咱。雖然第一個例子使用解決方案與圖像相結(jié)合撩轰，形成一個帶有扭曲的背景溉苛，但后者將其應(yīng)用于干凈的單調(diào)背景，結(jié)束時觸感很好。
Weslaco Economic Development Corp韋斯拉科經(jīng)濟發(fā)展公司
The Artery
Intours DMC
營造氛圍断序，像Intours DMC一樣疮蹦。藍色方形色塊反襯了左側(cè)的大膽標題，將芭蕾舞女演員的照片置于聚光燈下。
等份
像Equal Parts一樣增加娛樂性慎玖。歡迎部分填充以空心正方形，矩形，三角形和圓圈包圍的笑臉铺浇。使用拖放功能倚聚，您可以將它們在屏幕上移動授账，在四處移動屋确。
線性藝術(shù)
空心元素歸根到底就是用線條勾勒出來的圖形輪廓，它最終指向了風格微妙而個性十足的線性藝術(shù)。讓我們看看兩個杰出的例子：買方維也納現(xiàn)代主義和Vos Besoins。他們以某種方式提供了一個很好的和意想不到的轉(zhuǎn)折點。
維也納現(xiàn)代主義
維也納現(xiàn)代主義有著非常棒的著陸頁，完全符合項目的精神猫牡。網(wǎng)格狀結(jié)構(gòu)充滿了裝飾線條缩歪，薄邊和幾何形狀。設(shè)計看起來現(xiàn)代，藝術(shù)和巧妙。
買方的需求
雖然Vos Besoins是圍繞線型元素的特殊實現(xiàn)而構(gòu)建的物独，與前面的例子非常相似婉陷，但它的感覺不那么藝術(shù)始花，但更加技術(shù)性。整體效果是由空心物體，幽靈按鈕和籠罩在慷慨空間中的互補細線組合而成。
如果這些鬼魅按鈕和空心物體的現(xiàn)代化身對你來說看起來有些古怪，那么仍然有一些設(shè)計堅持傳統(tǒng)路線厕倍，例如Arcys和?Festive Folks。他們展示線條藝術(shù)的美麗癞尚。
Arcys
Festive Folks民間節(jié)日
Arcys利用素描線稿來呈現(xiàn)科技感;而Festive Folks?則充分采用了充滿藝術(shù)氣息的手繪作品來表達。
總結(jié)
空心元素，尤其是幽靈按鈕谅猾，需要設(shè)計師對于細節(jié)和體驗有足夠的關(guān)注才能用好柄慰。為了從這種趨勢中運用得當鳍悠，有幾件事情需要做：
確定組件的目標：如果它是一個按鈕，它應(yīng)該作為一個行動呼吁;
如果它是純粹的裝飾坐搔，那么它應(yīng)該融入場景或作為焦點注意周圍環(huán)境藏研，因為線型元素很容易在密集的環(huán)境中迷失，最簡單的選擇是在元素內(nèi)部和外部添加留白概行。
保持對比：如果做得對蠢挡，即使幾乎不可察覺的細節(jié)可以成為焦點;通過合理的對比配比凳忙，讓關(guān)鍵的元素脫穎而出。
