4月25日界面臨摹

圖片發(fā)自簡書App

圖片發(fā)自簡書App

今天有同事問我，喜歡卡片式設(shè)計(jì)還是還是列表式設(shè)計(jì)，現(xiàn)在在這里回答（自問自答...）并作為記錄。

卡片式設(shè)計(jì)起源于Material Design，很多人會(huì)鐘情于卡片式的設(shè)計(jì)（見上面圖2），在很多的視覺稿上使用卡片式會(huì)顯得非常有逼格，具有視覺沖擊力，并且它特有的陰影效果使得頁面更有層次感。

然而當(dāng)需要用戶瀏覽信息比較多時(shí)，卡片式設(shè)計(jì)并不適用。

原因在于，當(dāng)使用卡片式設(shè)計(jì)時(shí)，每張卡片占用的空間高度明顯高于列表式設(shè)計(jì)，這就需要用戶不斷滾動(dòng)屏幕，才有可能看到和列表式設(shè)計(jì)中一樣多的信息，而當(dāng)他們在前幾個(gè)卡片中沒發(fā)現(xiàn)他們想要的內(nèi)容，基本上就會(huì)離開。

列表式設(shè)計(jì)相對(duì)于卡片式設(shè)計(jì)更緊湊，能使用戶發(fā)現(xiàn)更多的文章或新聞，可以快速瀏覽。

那么什么時(shí)候適合列表式設(shè)計(jì)呢？Material Design的建議是適合“快速掃描”相似內(nèi)容模塊的設(shè)計(jì)。

而卡片式設(shè)計(jì)不建議用在“用戶需要直接對(duì)比圖片或文本”的情況下。

以上。