常見(jiàn)的卡片式設(shè)計(jì)的使用場(chǎng)景：

Feed流

      卡片式的feed流設(shè)計(jì)是一種非常常見(jiàn)的設(shè)計(jì)，早在前幾年Facebook、Google+等產(chǎn)品就使用了這一方式，F(xiàn)eed流作為一種長(zhǎng)內(nèi)容的媒介，用戶需要長(zhǎng)時(shí)間的滑動(dòng)看內(nèi)容并篩選有效信息，卡片式設(shè)計(jì)很好的解決了內(nèi)容與內(nèi)容的區(qū)塊分隔，讓用戶在長(zhǎng)屏幕滑動(dòng)中依舊可以很好的明確每一塊的內(nèi)容。

瀑布流設(shè)計(jì)

      瀑布流的出現(xiàn)讓單屏區(qū)域內(nèi)顯示了更多的內(nèi)容，而內(nèi)容較多的情況下，使用卡片式設(shè)計(jì)較好的對(duì)內(nèi)容進(jìn)行了區(qū)域劃分，讓左右上下的內(nèi)容從整體中具有相對(duì)的獨(dú)立性。

左右滑動(dòng)組合型內(nèi)容

      卡片式設(shè)計(jì)具有較強(qiáng)的層次感，相比于拉通平鋪更能呈現(xiàn)內(nèi)容可滑動(dòng)感受，并且塊狀化的設(shè)計(jì)讓內(nèi)容具有較高的區(qū)域分割感。

Tips提醒

      作為非界面固定內(nèi)容，卡片式設(shè)計(jì)可以讓tips提醒設(shè)計(jì)變得更自由，在符合用戶體驗(yàn)的基礎(chǔ)上，它可以出現(xiàn)在任何我們想要它出現(xiàn)的位置。

結(jié)合手勢(shì)的單塊可互動(dòng)內(nèi)容

      若頁(yè)面中有且只有一個(gè)主內(nèi)容，并且需要用戶進(jìn)行快速篩選時(shí)，可考慮這種結(jié)合卡片式設(shè)計(jì)與手勢(shì)設(shè)計(jì)的方式。大大增強(qiáng)了用戶對(duì)于設(shè)計(jì)的體驗(yàn)感知和豐富視覺(jué)表現(xiàn)。

卡券類設(shè)計(jì)

      卡券類的設(shè)計(jì)實(shí)際上是一種物化映射的過(guò)程，我們?cè)诂F(xiàn)實(shí)中看到的卡券造型，結(jié)合卡片式的擬物化設(shè)計(jì)，讓用戶在屏幕上可以更直觀的感知，提升了設(shè)計(jì)的代入感。

集合型功能入口

      集合型功能入口往往會(huì)有多個(gè)入口，使用卡片式設(shè)計(jì)讓入口形成一個(gè)區(qū)域整體，可以做到既統(tǒng)一又相對(duì)獨(dú)立。

個(gè)人主頁(yè)頂部?jī)?nèi)容卡片

      個(gè)人主頁(yè)的設(shè)計(jì)往往會(huì)在氛圍上營(yíng)造沉浸感，卡片式的設(shè)計(jì)可以把關(guān)鍵信息進(jìn)行概括收歸，讓原本單個(gè)的內(nèi)容形成一個(gè)整體。

      注：尊重原創(chuàng)文章,轉(zhuǎn)載請(qǐng)注明出處和鏈接 http://www.dedgn.cn/news-id-20146.html 違者必究！部分文章來(lái)源于網(wǎng)絡(luò)由培訓(xùn)無(wú)憂網(wǎng)編輯部人員整理發(fā)布,內(nèi)容真實(shí)性請(qǐng)自行核實(shí)或聯(lián)系我們，了解更多相關(guān)資訊請(qǐng)關(guān)注UI設(shè)計(jì)頻道查看更多，了解相關(guān)專業(yè)課程信息您可在線咨詢也可免費(fèi)申請(qǐng)?jiān)囌n。關(guān)注官方微信了解更多：150 3333 6050