卡片式設(shè)計(jì)是產(chǎn)品常用的頁(yè)面設(shè)計(jì)手段之一，它自帶的分割屬性讓頁(yè)面布局更加清晰，也是頁(yè)面布局的利器。但是，分割也可能會(huì)影響用戶沉浸式的瀏覽體驗(yàn)等問(wèn)題。如何用好卡片式設(shè)計(jì)？本文作者對(duì)此進(jìn)行了分析，與你分享。

編輯導(dǎo)語(yǔ)：在很多設(shè)計(jì)頁(yè)面上我們都可以看見(jiàn)卡片式的設(shè)計(jì)板塊，比如現(xiàn)在電商平臺(tái)首頁(yè)可以看見(jiàn)不同板塊就是不同內(nèi)容的設(shè)計(jì)，便于用戶查找；本文作者分享了關(guān)于卡片式的設(shè)...

卡片式設(shè)計(jì)的優(yōu)點(diǎn)很多，它可以較好的對(duì)內(nèi)容進(jìn)行區(qū)域劃分，解決了內(nèi)容與內(nèi)容的區(qū)塊分隔，讓用戶在長(zhǎng)屏幕滑動(dòng)中，依舊可以很好的識(shí)別每一塊內(nèi)容。 一、背景 活動(dòng)設(shè)計(jì)中，...

在本文中，作者對(duì)卡片式設(shè)計(jì)進(jìn)行了梳理：從卡片式設(shè)計(jì)的由來(lái)、到卡片式設(shè)計(jì)的各種形態(tài)和卡片式設(shè)計(jì)的優(yōu)缺點(diǎn)，希望通過(guò)此文能夠加深你對(duì)卡片式設(shè)計(jì)的認(rèn)識(shí)。 01 卡片式設(shè)...

卡片式設(shè)計(jì)采用圖像與文字說(shuō)明相結(jié)合的方式將信息傳達(dá)給受眾，在有限的矩形空間中建立了無(wú)限的可能性。 時(shí)至今日， 卡片式設(shè)計(jì)已然不是一種設(shè)計(jì)趨勢(shì)， 而是一種設(shè)計(jì)潮...

若想要設(shè)計(jì)出體驗(yàn)足夠好的卡片元素，需要有足夠好的策略和審慎的構(gòu)思；否則，你的設(shè)計(jì)很可能是個(gè)失敗的產(chǎn)物。 當(dāng)一種設(shè)計(jì)技巧或者設(shè)計(jì)手法趨近于成熟的時(shí)候，我們常常...

今天這篇文章，將全面介紹「卡片式設(shè)計(jì)」，看完之后，你會(huì)知道為什么愛(ài)用的 app 都喜歡用這樣的設(shè)計(jì)。 網(wǎng)頁(yè)和手機(jī) app 逐漸擯棄了傳統(tǒng)單一的頁(yè)面設(shè)計(jì)，向完全個(gè)性化的...

卡片式設(shè)計(jì)依然是目前UI設(shè)計(jì)的熱門，雖然我們?cè)谇皫滋斓奈恼隆恫皇侨f(wàn)能！卡片式設(shè)計(jì)并不能支撐所有的設(shè)計(jì)需求》當(dāng)中探討了卡片式設(shè)計(jì)為數(shù)不多的“局限”。今天我們從基本...

卡片式設(shè)計(jì)一直是以強(qiáng)兼容性和“百搭”的形象出現(xiàn)在大眾的面前，但是它同樣有無(wú)法滿足用戶需求的時(shí)候，今天的文章我們就在實(shí)戰(zhàn)中聊聊這件事。 Material Design的流行讓卡...

在本文中，我將闡述卡片設(shè)計(jì)對(duì)UI設(shè)計(jì)師意味著什么，評(píng)價(jià)三個(gè)流行的卡片式服務(wù)。 網(wǎng)頁(yè)和手機(jī)應(yīng)用正徹底地從頁(yè)面轉(zhuǎn)向個(gè)性化體驗(yàn)，這些新的體驗(yàn)建立在許多單個(gè)內(nèi)容的聚合...

卡片式設(shè)計(jì)的好處是可以將內(nèi)容單元以統(tǒng)一的方式進(jìn)行混合呈現(xiàn)。對(duì)付多平臺(tái)，多分辨率的設(shè)計(jì)經(jīng)常有奇效。但說(shuō)到底，設(shè)計(jì)最終是為了解決問(wèn)題，為了體驗(yàn)，更為商業(yè)目標(biāo)?？?..

“設(shè)計(jì)師的工作，并不只是設(shè)計(jì)實(shí)踐。在當(dāng)前環(huán)境中，為設(shè)計(jì)一個(gè)合適的場(chǎng)所，并對(duì)設(shè)計(jì)領(lǐng)域中心配置，對(duì)于設(shè)計(jì)師來(lái)說(shuō)也許是更為重要的工作 ”? ? ?————— ? ?原研哉 想想在我...