我不確定我們是否意識到2014年最重大的趨勢正在來(lái)臨。它完全基于所有網(wǎng)站中微小的設計元素——按鈕。

幽靈按鈕——那些透明的、可點(diǎn)擊的物體——忽然間就變得無(wú)處不在。以狂風(fēng)暴雨之勢席卷正網(wǎng)頁(yè)設計領(lǐng)域。誰(shuí)能想到，像按鈕這么簡(jiǎn)單的事物，能夠改變我們看待網(wǎng)頁(yè)設計的方式？

什么是幽靈按鈕？

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

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

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

你有仔細觀(guān)察過(guò)你的iPhone（運行iOS7）上的圓角按鈕嗎？每個(gè)設計元素都是幽靈按鈕。

一位Designmodo設計師這樣描繪這項新興趨勢：

“幽靈按鈕的出現，從某種程度上來(lái)說(shuō)，與人們熱衷于在半透明全屏背景上放置界面與表單有關(guān)。于是，時(shí)機到來(lái)了，它在背景圖片、產(chǎn)品形象和幽靈表單元素之間分配了用戶(hù)的注意力，使得幽靈按鈕不靠遮擋背景來(lái)體現自己的存在，卻依然可見(jiàn)?！?/SPAN>

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

●按鈕是中空的

●它外圍有一圈輪廓，通常只有一點(diǎn)點(diǎn)厚度

●它包含了簡(jiǎn)短的文字

●顏色通常只有黑白

●按鈕往往比傳統按鈕更大

●幽靈按鈕一般占據頁(yè)面顯要位置

●幽靈按鈕可以單獨或成小組出現

●通常使用扁平或近扁平的設計方案

●幽靈按鈕內部可以使用小的幾何形圖標，不過(guò)很少這么做

幽靈按鈕的優(yōu)勢

那么，是什么使得幽靈按鈕如此管用？有必要把這項趨勢用在你下個(gè)項目中嗎？

幽靈按鈕給人特別干凈的外觀(guān)和感受。簡(jiǎn)單自然的按鈕，能使得頁(yè)面的主體設計更加突出。（尤其在大幅圖片上表現更好）

幽靈按鈕幾乎可以搭配任何設計方案，因為他們是透明的。這使得按鈕可以從根本上承接周遭的設計特征。

幽靈按鈕延續了“2013年度趨勢——扁平設計”的演化。(詳見(jiàn)http://www.thecirclesoco.com/news/Article_Show.asp?ArticleID=3315)這樣的設計趨勢要成為當下主流，唯一的方法就是繼續演變，接納新的概念。

幽靈按鈕提供了一種帶有視覺(jué)驚喜的元素，因為這個(gè)按鈕和用戶(hù)預想的可不一樣。

設計和創(chuàng )建幽靈按鈕很簡(jiǎn)單。切記保持簡(jiǎn)約。幽靈按鈕應該精細微妙，而非浮華炫目。

幽靈按鈕無(wú)需過(guò)分扎眼，就足以創(chuàng )造出有感召力的視覺(jué)焦點(diǎn)。在眾多網(wǎng)頁(yè)設計中，幽靈按鈕是屏幕上唯一的大型元素（這就是它如此有效的原因）。正因為如此，它抓住眼球，誘使用戶(hù)點(diǎn)擊按鈕。而且這也是優(yōu)秀用戶(hù)界面的特征。

幽靈按鈕有助于打造高端的設計風(fēng)格。在設計中，簡(jiǎn)單往往就是高雅。

幽靈按鈕的劣勢

雖說(shuō)幽靈按鈕在設計上體現出諸多優(yōu)勢，同時(shí)有些劣勢也需要考慮。采用任何新趨勢之前，都要掂量它的優(yōu)勢與劣勢，然后決定是否在項目中使用。

幽靈按鈕可能太溶于背景中，使用戶(hù)產(chǎn)生困惑。并非所有用戶(hù)都了解設計；有些人對難以識別非傳統樣式的按鈕，也不會(huì )知道它是做什么的。

幽靈按鈕在高對比度或者顏色豐富的圖片上很難處理。這些按鈕往往不是黑色就是白色。假如你用的背景圖是黑白交替的，幽靈按鈕幾乎看不到，也無(wú)法閱讀。

為了便于使用，幽靈按鈕依賴(lài)特定尺寸與位置。放置按鈕時(shí)要格外小心，讓人容易發(fā)現它，并且不能遮蓋圖片的關(guān)鍵部分。

幽靈按鈕有時(shí)會(huì )明顯影響與它搭配的圖片

幽靈按鈕的文案比“點(diǎn)擊此處”要復雜。其中的文字，需要足夠清晰的構思與文案，并置于其余部分的上下文語(yǔ)境中。

幽靈按鈕如今已無(wú)處不在。想要使自己看起來(lái)跟得上潮流趨勢？選擇時(shí)興的事物前，請確保它確實(shí)對你的項目有幫助。

以上內容就是由寶雞網(wǎng)站建設、寶雞網(wǎng)絡(luò )公司，寶雞世紀網(wǎng)絡(luò )為您編輯整理的《預測設計趨勢：網(wǎng)頁(yè)設計中的幽靈按鈕》的全部?jì)热?。轉載請注明。(舉手之勞，萬(wàn)分感謝!)我公司是在寶雞市工商局注冊的專(zhuān)業(yè)提供網(wǎng)站建設、網(wǎng)站優(yōu)化、網(wǎng)站推廣，軟件開(kāi)發(fā)的高新技術(shù)企業(yè)，一直致力于面向寶雞地區黨政機關(guān)、企事業(yè)單位提供大中型門(mén)戶(hù)網(wǎng)站解決方案、 OA 辦公自動(dòng)化系統解決方案，以及中小型應用軟件開(kāi)發(fā)及其它信息化外包業(yè)務(wù)。目前已承建寶雞地區近760多家政府網(wǎng)站、企業(yè)網(wǎng)站，是寶雞網(wǎng)站建設行業(yè)規模最大、客戶(hù)數量最多、技術(shù)力量雄厚的寶雞網(wǎng)絡(luò )公司。歡迎您來(lái)電咨詢(xún)。

業(yè)務(wù)咨詢(xún)QQ：3091 83243