2015-2016年最流行的APP設(shè)計是什么？比如，F(xiàn)acebook那樣的

Facebook仍是內(nèi)容驅(qū)動型卡片設(shè)計的優(yōu)秀案例，并將繼續(xù)引領(lǐng)更多基于新聞和博客的功能設(shè)計。

譯者注：本文譯自UXPin出品的電子書Mobile Design Book of Trends 2015&2016的第六章Bite-Sized Cards。這本電子書結(jié)合豐富案例講述了2015-2016年間重要的移動設(shè)計趨勢，共含6章節(jié)：靈巧的手勢操作、層級化的移動界面、雋永的字體排印、扁平化設(shè)計、愉悅的微交互、小卡片。本文將來分享小卡片設(shè)計。注：以下圖片全部來自UXPin。

對于APP設(shè)計，2015儼然是卡片設(shè)計年。從網(wǎng)站到移動應(yīng)用，不同屏幕尺寸的卡片無處不在，卡片展現(xiàn)形式與實物相似。通過手指滑動，用戶可以輕松地在卡片容器中翻閱。

（Photo credit: Trello）

無論你是否意識到這一點，卡片會長期存在下去。

坦白說，卡片式風(fēng)格似乎只是為APP而生。你無法想象現(xiàn)在有多少APP正在使用卡片式設(shè)計。讓我們做一個小實驗：拿起你的手機，打開你看到的前10個應(yīng)用，有多少用了卡片設(shè)計呢？

我們已經(jīng)知道卡片式設(shè)計統(tǒng)治了移動端，接下來讓我們深入了解如何實際使用它們吧。

卡片式界面入門課

卡片式布局將信息分布在一系列矩形卡片容器中，如圖像、文本、按鈕、鏈接等。這些卡片可以分層或移動，并依據(jù)屏幕尺寸自適應(yīng)適配，如果你將手機橫豎屏切換，卡片將堆疊降落為新的卡片隊列。

卡片是整齊的信息容器。正如電子書《Web UI現(xiàn)狀和未來趨勢：卡片設(shè)計模式》中所言，最好把每個卡片視為單一的想法或基本動作。

（Photo credit: Apple AirDrop）

讓我們來看看蘋果設(shè)備上常見的AirDrop功能。當(dāng)有數(shù)據(jù)傳入時，一個卡片式通知會彈出，你可以選擇接受或拒絕傳輸數(shù)據(jù)。無論是手機、平板電腦或筆記本電腦，云傳輸功能均以同樣的交互模式實現(xiàn)，這意味著用戶很容易對操作行為有一定預(yù)期，知道如何使用。

雖然卡片最近才流行開來，這個設(shè)計倒并不新。Pinterest奠定了卡片作為主要設(shè)計模式的地位，而很多其他公司緊隨其后實踐卡片設(shè)計。

（Photo credit: Tinder）

卡片式設(shè)計越來越流行的原因之一，在于它與手機屏幕的兼容性。根據(jù)屏幕尺寸自適應(yīng)卡片大小，與大多數(shù)移動用戶場景都完美匹配，而矩形的審美也符合UI設(shè)計。

細(xì)想卡片的設(shè)計，它幾乎完美適配了手機屏幕的大小和形狀。由于存在多種不同型號的屏幕尺寸，所以這里的卡片尺寸并不是一個精確的數(shù)值，而是一個極具代表性的長寬比。

卡片式設(shè)計的精髓在于桌面端和移動設(shè)備的交集設(shè)計，在互動性和可用性之間尋求平衡點。正如我們在《移動界面模式》中首次描述過的，跨越不同的設(shè)備，卡片式設(shè)計創(chuàng)建了一個更為一致的體驗。在響應(yīng)式設(shè)計中尤其是這樣，卡片作為“內(nèi)容容器”可以輕松地放大縮?。ㄏ裰匦露询B擺放箱子一樣）。