3. 無(wú)框設(shè)計(jì)
無(wú)框設(shè)計(jì)是近兩年流行起來(lái)的的一種新的趨勢(shì),是去除界面中的邊框假勿,分割線借嗽,用間距來(lái)區(qū)分內(nèi)容。
它適合運(yùn)用于:a.大圖為主转培;b.內(nèi)容有規(guī)律恶导,c.小眾且垂直產(chǎn)品。
a.大圖為主
大圖為主指的是以圖片為主的產(chǎn)品浸须,每張圖片本身就可以起到分割的作用惨寿,因此,不需要采用多余的線或邊框進(jìn)行分割删窒。
比如:instagram裂垦,發(fā)布圖片前,用戶被強(qiáng)制對(duì)圖片進(jìn)行正方形截取肌索,才能保證圖片在feed流里的寬度蕉拢,撐滿全屏,從而看起來(lái)很整體诚亚。?
可能有的同學(xué)會(huì)問(wèn)晕换,為什么國(guó)外的產(chǎn)品就這么高大上,微博怎么就不能去分割線站宗,做減法闸准,搞的洋氣一些呢?
instagram只支持發(fā)送固定尺寸的圖片和視頻份乒,而你想人家微博支持發(fā)送圖片恕汇、文章、視頻或辖、純文字、簽到枣接、點(diǎn)評(píng)...等等的內(nèi)容颂暇。
同時(shí)微博feed流里的圖片,支持1張-9張不同情況的排版但惶,而且1張圖片時(shí)耳鸯,為了更好的呈現(xiàn)出用戶的原圖比例湿蛔,還要處理成4:3,16:9县爬,正方形阳啥,以及特殊尺寸的縮略樣式,同時(shí)還有g(shù)if圖的情況财喳,還支持你在自己狀態(tài)下添加不同話題察迟。那么你想只用間距留白來(lái)區(qū)分?場(chǎng)面會(huì)像剛地震完的樣子...(認(rèn)真臉)?
b.內(nèi)容有規(guī)律
內(nèi)容有規(guī)律指的是耳高,留白間距上下的內(nèi)容扎瓶,最好是相對(duì)一致的、重復(fù)的泌枪、親密的概荷,這樣用戶會(huì)下意識(shí)的將其分為一組。
比如碌燕,Airbnb采用的無(wú)框設(shè)計(jì)误证,原因是它們的信息元素很統(tǒng)一、重復(fù)修壕,才給人營(yíng)造出比較整體的感覺(jué)愈捅。同時(shí),合理的運(yùn)用大標(biāo)題也起到關(guān)鍵性作用叠殷。
而同樣采用無(wú)框設(shè)計(jì)的“下廚房”APP改鲫,首屏由于每個(gè)模塊信息元素不一致凑阶,而且模塊內(nèi)元素的左右間距也不一樣铭拧,字號(hào)種類過(guò)多,導(dǎo)致界面看起來(lái)相對(duì)有些雜亂疙筹。
c.小眾且垂直產(chǎn)品
小眾且垂直的產(chǎn)品壶冒,一般情況下目標(biāo)用戶聚焦缕题,功能簡(jiǎn)潔。因此胖腾,能夠比較好的運(yùn)用無(wú)框設(shè)計(jì)烟零,跳出傳統(tǒng)的規(guī)范做出創(chuàng)新的設(shè)計(jì)。
比如:輕芒雜志咸作,采用無(wú)框設(shè)計(jì)的同時(shí)打破傳統(tǒng)的移動(dòng)端瀏覽體驗(yàn)锨阿,更符合它們自己的產(chǎn)品調(diào)性。?
下面是FOOTAGE记罚,一款小眾且文藝的產(chǎn)品墅诡,由VUE的團(tuán)隊(duì)設(shè)計(jì)的。他們采用無(wú)框設(shè)計(jì)的前提是桐智,每個(gè)界面元素有限末早,功能內(nèi)容簡(jiǎn)潔烟馅。
但如果你是像微博,淘寶然磷,微信等體量的產(chǎn)品郑趁,用戶群體廣,內(nèi)容繁雜且層級(jí)較深姿搜。那么寡润,你需要找到一個(gè)效率更高的信息呈現(xiàn)和交互的基礎(chǔ)隱喻,無(wú)框設(shè)計(jì)可能就不太適合了痪欲。
總的來(lái)說(shuō)悦穿,任何表現(xiàn)形式都應(yīng)該是為了更好的呈現(xiàn)功能及內(nèi)容,而不是盲目的追隨趨勢(shì)业踢。
自成一派的優(yōu)秀設(shè)計(jì)師并不需要受到任何風(fēng)格的局限栗柒,因?yàn)樗里L(fēng)格并無(wú)好壞之分,而是探索更適合自己產(chǎn)品的處理方式知举。