在新趨勢(shì)中，界面上的內(nèi)容越來越重要，相對(duì)的，一切與內(nèi)容無關(guān)的都被大大削減。今天小編主要給大家分享ui的無框界面，希望對(duì)你們有幫助!

什么是無框界面?

去形式化是一張非常模糊的全景圖，一些新的設(shè)計(jì)風(fēng)格逐漸變得清晰，比如無框界面。

也許你已經(jīng)發(fā)現(xiàn)，今年越來越多的網(wǎng)站和app，尤其是那些專注于設(shè)計(jì)的網(wǎng)站和app，都有這種趨勢(shì)。用于劃分區(qū)域的邊框和邊線逐漸消失，然而，在一個(gè)干凈的界面上，通過距離分割，區(qū)域之間的差異仍然清晰可見。

卡片化

如果你的設(shè)計(jì)思想仍然停留在卡片上，那就過時(shí)了，因?yàn)榭ㄆ母拍钜呀?jīng)在無框界面的趨勢(shì)下被淡化了。卡片的重要性是什么?無論如何，用戶甚至不會(huì)注意到，他們只關(guān)心自己來這里的較終目的，界面只是他們搜索信息的手段之一(如果有好的搜索功能可用，根本就沒有必要瀏覽界面)。

是的，卡片的起源有其合理性，幾年前，大家注意到顯示屏的尺寸變得越來越不可預(yù)測(cè)。設(shè)計(jì)師迫切需要一種設(shè)計(jì)方法來使設(shè)計(jì)的界面適應(yīng)不同尺寸的屏幕。卡片可以解決這個(gè)問題，因?yàn)樗褍?nèi)容封裝成固定的小區(qū)塊，像水一樣，可以放在任何比它大的容器里。不僅如此，卡片界面還可以根據(jù)需要隨時(shí)刪除，從而靈活控制界面上內(nèi)容的類型和數(shù)量。因此，在響應(yīng)界面的大環(huán)境中，“卡片化”這個(gè)詞已經(jīng)越來越多被注意到。

無框架的優(yōu)勢(shì)

1.控制注意力

當(dāng)看圖片的原版界面時(shí)，很可能第一眼看到的是卡片上的邊線，而不是內(nèi)容。這是因?yàn)榘咨ㄆ突疑尘爸g的對(duì)比非常明顯，而且尺寸非常大，所以非常有吸引力。卡片中的內(nèi)容很容易被忽略，因?yàn)樗鼈儽话b在卡片中。

當(dāng)看無框界面時(shí)，因?yàn)闆]有邊框，只有內(nèi)容，所以用戶第一注意力必須放在內(nèi)容上。

2.減少設(shè)計(jì)限制

設(shè)計(jì)是連貫、統(tǒng)一的，一旦有了邊框，許多地方需要添加邊框來呼應(yīng)它。邊框越多，約束就越多，這意味著從現(xiàn)在開始，無論界面中還需要添加什么，都必須考慮是否需要加上邊框。如果邊框被分成幾類，那么還必須判斷哪種邊框適合這里的內(nèi)容。這樣，設(shè)計(jì)師不知不覺地對(duì)自己施加了越來越多的限制，而這些限制，用戶其實(shí)并不在乎。

3.提高界面利用率

所有邊框都可以不要邊線，但為了確保視覺舒適，至少必須有兩個(gè)邊距，即內(nèi)邊距和外邊距。但是，如果去掉邊框并且內(nèi)容區(qū)塊按距離劃分，則兩個(gè)內(nèi)容區(qū)塊之間只需要一個(gè)間距。即使為了區(qū)分要拉大這個(gè)間距，通常也不會(huì)超過有邊框的內(nèi)外邊距之和。

這樣，無框界面的利用率會(huì)更高，并且可以在有限的空間中放置更多的內(nèi)容。