每年都會有一波又一波的設(shè)計流行趨勢，被設(shè)計師們追隨和模仿。真正深思熟慮后，我們應(yīng)該知道要選擇更符合自己產(chǎn)品定位和內(nèi)容傳達的表現(xiàn)形式：

    在做界面設(shè)計時，我們?yōu)榱藚^(qū)分信息結(jié)構(gòu)及層次，通常采用以下3種布局樣式：卡片式設(shè)計、分割線、無框設(shè)計。

    一，卡片式設(shè)計

    卡片式這種設(shè)計風(fēng)格，它的本質(zhì)是更好的處理信息集合，那么卡片式設(shè)計適合運用在哪些方面？

    1. 增加空間利用率

    相比于傳統(tǒng)列表式布局，卡片式設(shè)計能更好的打破原有的框架。

    比如，在傳統(tǒng)列表下，內(nèi)容一般為縱向滾動操作，展示的內(nèi)容有限。而采用卡片式的布局，在縱向的內(nèi)容流里，還可以很好的增加橫向滑動的內(nèi)容區(qū)域，而且看起來很整體。

    2. 區(qū)分不同維度內(nèi)容

    你可以把不同維度的內(nèi)容放入不同的卡片中，使其在內(nèi)容區(qū)分的同時，還能保持界面的統(tǒng)一性。

每個卡片都是不同維度，相對獨立的，但通過不同大小的卡片歸納后，比起傳統(tǒng)列表項 + 分割線 + 標題的視覺效率要高很多，顯得更有秩序。

    3. 提升可操作性

    卡片可以被覆蓋、堆疊、移動、劃去，這樣能更好的拓展內(nèi)容塊的視覺深度和可操作性。

    二，無框設(shè)計

    無框設(shè)計是近兩年流行起來的一種新的趨勢，是去除界面中的邊框，分割線，用間距來區(qū)分內(nèi)容。

    它適合運用于：

    大圖為主。

    內(nèi)容有規(guī)律。

    小眾且垂直產(chǎn)品。

    1. 大圖為主

    大圖為主指的是以圖片為主的產(chǎn)品，每張圖片本身就可以起到分割的作用，因此，不需要采用多余的線或邊框進行分割。

    2. 內(nèi)容有規(guī)律

    內(nèi)容有規(guī)律指的是，留白間距上下的內(nèi)容，最好是相對一致的、重復(fù)的、親密的，這樣用戶會下意識的將其分為一組。

    3. 小眾且垂直產(chǎn)品

    小眾且垂直的產(chǎn)品，一般情況下目標用戶聚焦，功能簡潔。因此，能夠比較好的運用無框設(shè)計，跳出傳統(tǒng)的規(guī)范做出創(chuàng)新的設(shè)計。

    三，分割線設(shè)計

    在UI設(shè)計中，最傳統(tǒng)也是最常見的分隔方式是「線」。它能起到分隔、組織、細化的作用，幫助用戶了解頁面層次，賦予內(nèi)容組織性。

    內(nèi)嵌式分割線

    內(nèi)嵌式分割線，一般會在「線」的前面留有缺口，來區(qū)分統(tǒng)一模塊下的相關(guān)內(nèi)容，目的是為了讓用戶瀏覽大量相關(guān)內(nèi)容時，更加高效。

    采用「線」的分割方式，相對其它兩種（卡片式設(shè)計、無框設(shè)計）是比較保守的解決方案。

    總的來說，任何表現(xiàn)形式都應(yīng)該是為了更好的呈現(xiàn)功能及內(nèi)容，而不是盲目的追隨趨勢。

    優(yōu)秀設(shè)計師并不需要受到任何風(fēng)格的局限，風(fēng)格并無好壞之分，而是要探索更適合自己產(chǎn)品的展現(xiàn)形式。

贛州網(wǎng)站建設(shè)|贛州網(wǎng)絡(luò)公司|贛州做網(wǎng)站|贛州網(wǎng)站建設(shè)價格|贛州網(wǎng)頁制作|贛州建網(wǎng)站公司|贛州微信二維碼平臺|贛州微信公眾號|贛州百度公|贛州百度推廣|贛州百度優(yōu)化|贛州朝揚網(wǎng)絡(luò)|朝揚網(wǎng)絡(luò)