什么是無框界面 顧名思義就是頁(yè)面排版去掉條條框框，以距離、色塊、圖形等來區(qū)分內(nèi)容區(qū)域。深圳響應(yīng)式網(wǎng)站營(yíng)銷屬于直復(fù)營(yíng)銷的一種形式，是企業(yè)營(yíng)銷實(shí)踐與現(xiàn)代信息通訊技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)相結(jié)合的產(chǎn)物；網(wǎng)絡(luò)營(yíng)銷是指企業(yè)以電子信息技術(shù)為基礎(chǔ)，以計(jì)算機(jī)網(wǎng)絡(luò)為媒介和手段而進(jìn)行的各種營(yíng)銷活動(dòng)（網(wǎng)絡(luò)調(diào)研、網(wǎng)絡(luò)產(chǎn)品開發(fā)、網(wǎng)絡(luò)促銷、網(wǎng)絡(luò)分銷、網(wǎng)絡(luò)服務(wù)、網(wǎng)上營(yíng)銷、互聯(lián)網(wǎng)營(yíng)銷、在線營(yíng)銷、網(wǎng)路行銷）的總稱。

也許你已經(jīng)發(fā)現(xiàn)了，今年來越來越多的營(yíng)銷型網(wǎng)站和應(yīng)用，尤其是那些注重設(shè)計(jì)的，都有這樣的趨勢(shì)。曾經(jīng)用來劃分區(qū)域的邊框和邊線逐漸消失，然而在干凈的界面上，通過距離分割，各區(qū)域的差別依舊清晰可辨。在前不久沙漠風(fēng)發(fā)布的一篇極簡(jiǎn)設(shè)計(jì)理念（極簡(jiǎn)風(fēng)格設(shè)計(jì)的四大要點(diǎn)）與本文分享的設(shè)計(jì)趨勢(shì)也是殊途同歸的！

無框界面設(shè)計(jì)有哪些優(yōu)勢(shì)  

1、掌控注意力  

卡片式設(shè)計(jì)因?yàn)楸尘吧脑蚧蛘哌吙虻膯栴}，瀏覽者第一眼注意到的內(nèi)容很有可能被分散。網(wǎng)站營(yíng)銷以現(xiàn)代營(yíng)銷理論為基礎(chǔ)，通過Internet營(yíng)銷替代了傳統(tǒng)的報(bào)刊、郵件、電話、電視等中介媒體，利用Internet對(duì)產(chǎn)品的售前、售中、售后各環(huán)節(jié)進(jìn)行跟蹤服務(wù)，自始至終貫穿在企業(yè)經(jīng)營(yíng)全過程，尋找新客戶、服務(wù)老客戶，最大限度地滿足客戶需求，以達(dá)到開拓市場(chǎng)、增加盈利為目標(biāo)的經(jīng)營(yíng)過程。下圖白色卡片和灰色背景的對(duì)比非常明顯，而尺寸又很大，所以非常吸引注意力。而卡片中的內(nèi)容，因?yàn)樵诳ㄆ袛D作一團(tuán)，所以很容易被忽視。

上圖為原版，下圖為無框版  

看上圖中的無框版界面時(shí)，因?yàn)闆]有邊線，只有內(nèi)容，所以用戶第一眼的注意力肯定是在內(nèi)容上。深圳響應(yīng)式網(wǎng)站營(yíng)銷以現(xiàn)代營(yíng)銷理論為基礎(chǔ)，通過Internet營(yíng)銷替代了傳統(tǒng)的報(bào)刊、郵件、電話、電視等中介媒體，利用Internet對(duì)產(chǎn)品的售前、售中、售后各環(huán)節(jié)進(jìn)行跟蹤服務(wù)，自始至終貫穿在企業(yè)經(jīng)營(yíng)全過程，尋找新客戶、服務(wù)老客戶，最大限度地滿足客戶需求，以達(dá)到開拓市場(chǎng)、增加盈利為目標(biāo)的經(jīng)營(yíng)過程?；ヂ?lián)網(wǎng)營(yíng)銷通過渠道有很多，引用“深圳響應(yīng)式網(wǎng)站”的說話就是未來整個(gè)互聯(lián)網(wǎng)都是互聯(lián)網(wǎng)營(yíng)銷渠道，但是整個(gè)互聯(lián)網(wǎng)不是營(yíng)銷而是用戶需求。  

用戶之于界面，最寶貴的莫過于注意力。因?yàn)橐粋€(gè)產(chǎn)品想要提供給用戶的功能是越多越好，但是用戶的注意力始終只有那么一丁點(diǎn)。所以，掌控用戶的注意力是設(shè)計(jì)師的關(guān)鍵使命。如果界面上擺放了過多色彩顯明、吸引注意力的 ;裝飾 ；用戶看到內(nèi)容的幾率變下降了。當(dāng)然，即便有邊框，還是能夠通過對(duì)邊框的特殊設(shè)計(jì)來控制用戶的注意力不分散，但是邊框越多，難度就越大。  

2、減少設(shè)計(jì)束縛  

設(shè)計(jì)是連貫、統(tǒng)一的。一旦一個(gè)區(qū)域有了邊框，其它很多地方都要加上邊框與之呼應(yīng)。邊框一多，束縛也多。因?yàn)檫@意味著從此以后，不論一項(xiàng)要在界面上加一點(diǎn)什么別的東西，都要思考一下，是否需要加上邊框，如果邊框還分好幾類，那么這時(shí)還要判斷一下此處的內(nèi)容適合使用哪類邊框。這樣設(shè)計(jì)師不自覺地給自己加了越來越多的束縛，而這些束縛，用戶其實(shí)根本不care。  

3、增加界面利用率  

所有的邊框，可以不要邊線，但是至少得要有兩個(gè)邊距，即內(nèi)邊距和外邊距，這樣才能保證視覺效果的舒適性。然而如果去掉邊框，用距離分割內(nèi)容區(qū)塊，那么兩個(gè)內(nèi)容區(qū)塊之間就只需要一個(gè)間距就好了。就算為了區(qū)分要拉大這個(gè)間距，也通常不會(huì)超過有邊框情況下內(nèi)外邊距之和。  

這樣算來，無框界面的界面利用率會(huì)更高，能夠在有限的空間里，擺放更多的內(nèi)容。  

4、提升設(shè)計(jì)效率  

前面提過的減少設(shè)計(jì)束縛，可看作是一種對(duì)設(shè)計(jì)思考效率的提升。除了思考之外，無框界面對(duì)畫圖效率的提升更加明顯。  

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

當(dāng)然任何新的設(shè)計(jì)都是有爭(zhēng)議的  

視覺手段減少  

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

視覺與交互的分歧  

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

最一個(gè)爭(zhēng)議是同質(zhì)化  

在去除多余 ;裝飾 ;之后，界面只剩下內(nèi)容，這會(huì)讓不同產(chǎn)品之間越來越相似，走到極致，甚至可能大家看起來完全一模一樣都有可能。  

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

另一方面對(duì)于產(chǎn)品本身來說，都想要樹立自己的風(fēng)格，體現(xiàn)自己的品牌識(shí)別性，使出渾身解數(shù)想要獲得用戶的額外喜愛。