什麼(me)是無框界面(miàn)

　　顧名思義就是頁面(miàn)排版去掉條條框框，以距離、色塊、圖形等來區分内容區域。

　　也許你已經(jīng)發(fā)現了，今年來越來越多的網站和應用，尤其是那些注重設計的，都(dōu)有這(zhè)樣(yàng)的趨勢。曾經(jīng)用來劃分區域的邊框和邊線逐漸消失，然而在幹淨的界面(miàn)上，通過(guò)距離分割，各區域的差别依舊清晰可辨。

什麼(me)是無框界面(miàn)設計

　　無框界面(miàn)設計有哪些優勢

　　1、掌控注意力

　　卡片式設計因爲背景色的原因或者邊框的問題，浏覽者第一眼注意到的内容很有可能(néng)被(bèi)分散。下圖白色卡片和灰色背景的對(duì)比非常明顯，而尺寸又很大，所以非常吸引注意力。而卡片中的内容，因爲在卡片中擠作一團，所以很容易被(bèi)忽視。

無框網頁設計對(duì)比

　　看上圖中的無框版界面(miàn)時，因爲沒(méi)有邊線，隻有内容，所以用戶第一眼的注意力肯定是在内容上。

　　用戶打開(kāi)界面(miàn)，最寶貴的莫過(guò)于注意力。因爲一個産品想要提供給用戶的功能(néng)是越多越好(hǎo)，但是用戶的注意力始終隻有那麼(me)一丁點。所以，掌控用戶的注意力是設計師的關鍵使命。如果界面(miàn)上擺放了過(guò)多色彩顯明、吸引注意力的“裝飾”，用戶看到内容的幾率變下降了。當然，即便有邊框，還(hái)是能(néng)夠通過(guò)對(duì)邊框的特殊設計來控制用戶的注意力不分散，但是邊框越多，難度就越大。

　　2、減少設計束縛

　　設計是連貫、統一的。一旦一個區域有了邊框，其它很多地方都(dōu)要加上邊框與之呼應。邊框一多，束縛也多。因爲這(zhè)意味著(zhe)從此以後(hòu)，不論一項要在界面(miàn)上加一點什麼(me)别的東西，都(dōu)要思考一下，是否需要加上邊框，如果邊框還(hái)分好(hǎo)幾類，那麼(me)這(zhè)時還(hái)要判斷一下此處的内容适合使用哪類邊框。這(zhè)樣(yàng)設計師不自覺地給自己加了越來越多的束縛，而這(zhè)些束縛，用戶其實根本不care。

　　3、增加界面(miàn)利用率

　　所有的邊框，可以不要邊線，但是至少得要有兩(liǎng)個邊距，即内邊距和外邊距，這(zhè)樣(yàng)才能(néng)保證視覺效果的舒适性。然而如果去掉邊框，用距離分割内容區塊，那麼(me)兩(liǎng)個内容區塊之間就隻需要一個間距就好(hǎo)了。就算爲了區分要拉大這(zhè)個間距，也通常不會超過(guò)有邊框情況下内外邊距之和。

　　這(zhè)樣(yàng)算來，無框界面(miàn)的界面(miàn)利用率會更高，能(néng)夠在有限的空間裡(lǐ)，擺放更多的内容。

　　4、提升設計效率

　　前面(miàn)提過(guò)的減少設計束縛，可看作是一種(zhǒng)對(duì)設計思考效率的提升。除了思考之外，無框界面(miàn)對(duì)畫圖效率的提升更加明顯。

　　在畫圖過(guò)程中，給内容加上邊框意味著(zhe)每增加一塊内容都(dōu)要先畫出邊框；每修改以此内容，邊框都(dōu)要一并修改一次。尤其是在很多工具中，圓角、雙線等特殊邊框畫起(qǐ)來相當繁瑣。

當然任何新的設計都(dōu)是有争議的

　　視覺手段減少

　　爲了區分、突出、弱化某些東西，視覺上可以用N中方法解決。但是如果死守無框，這(zhè)些可用的手段就減少了。但本人認爲，少點套路多些真誠是這(zhè)個時代的精神追求，所以大部分情況下，視覺上樸素些也挺好(hǎo)。但是在特殊情況下，完全不需要死守任何教條，畢竟規矩就是爲了在少數情況被(bèi)打破而存在的。

　　視覺與交互的分歧

　　縱使無框界面(miàn)有再多易用性的優點，視覺設計師依舊可能(néng)對(duì)此無感。因爲凡是強調某種(zhǒng)風格，都(dōu)視覺來說都(dōu)是一種(zhǒng)限制。而如果將(jiāng)無框看作對(duì)視覺設計的限制，其結果受益于易用性，視覺設計可能(néng)難以接受。很多事(shì)情難的不是增加而是減少，這(zhè)種(zhǒng)轉變需要像當前喬布斯去除手機鍵盤一樣(yàng)，有一個具有全局觀的決策者。

　　做一個争議是同質化

　　在去除多餘“裝飾”之後(hòu)，界面(miàn)隻剩下内容，這(zhè)會讓不同産品之間越來越相似，走到極緻，甚至可能(néng)大家看起(qǐ)來完全一模一樣(yàng)都(dōu)有可能(néng)。

　　一方面(miàn)對(duì)于用戶來說，這(zhè)個問題可能(néng)不是很嚴重。雖然用戶也很享受産品提供的附加價值，但是他們并不指望産品提供觀賞性和趣味性，畢竟大家平時有的是娛樂手段，使用非娛樂性産品時除了快速達到自己的目的之外别無他求。

　　另一方面(miàn)對(duì)于産品本身來說，都(dōu)想要樹立自己的風格，體現自己的品牌識别性，使出渾身解數想要獲得用戶的額外喜愛。

呼和浩特專業網絡公司-先誠網絡，更多有關網站建設、網站設計、網站制作、微信營銷、移動網站建設、營銷型網站建設等互聯網應用服務都(dōu)可以聯系我們！熱線：0471-3321200或緻電：13204710506