我不知道你是否意識(shí)到這一點(diǎn)。在現(xiàn)實(shí)生活中，視覺信息始終是一個(gè)引人注目的景象。在過(guò)去的設(shè)計(jì)效果中，沈陽(yáng)網(wǎng)站建設(shè)認(rèn)為卡片設(shè)計(jì)的應(yīng)用不僅僅是一種趨勢(shì)。有數(shù)據(jù)顯示2014年的移動(dòng)使用率遠(yuǎn)高于PC端，網(wǎng)頁(yè)設(shè)計(jì)可以很好地適應(yīng)小屏幕。所有小屏幕設(shè)計(jì)有多好，沈陽(yáng)網(wǎng)站設(shè)計(jì)建議在設(shè)計(jì)網(wǎng)頁(yè)時(shí)使用其中一些樣式：例如：平面設(shè)計(jì)，最小化設(shè)計(jì)，尤其是卡片設(shè)計(jì)比前幾年更受歡迎。

一個(gè)好的卡設(shè)計(jì)不會(huì)占用太多的加載時(shí)間，它也可以在不同的屏幕之間切換。小模塊對(duì)用戶更具吸引力（特別是在移動(dòng)端），它培養(yǎng)了Pinterest上每個(gè)人的習(xí)慣，然后在Facebook和Twitter上推廣，卡片設(shè)計(jì)可以應(yīng)用于各個(gè)領(lǐng)域的網(wǎng)站設(shè)計(jì)。

在本文中，我們將探討卡片設(shè)計(jì)的興起：它們?yōu)槭裁从杏茫鼈內(nèi)绾芜m應(yīng)響應(yīng)式設(shè)計(jì)和材料設(shè)計(jì)，以及未來(lái)會(huì)發(fā)生什么？

什么是抽屜設(shè)計(jì)？

為了理解抽屜設(shè)計(jì)，您必須首先了解卡片的內(nèi)容。

每張卡都有自己的信息。卡片可以包含所有信息 - 視覺，文本，鏈接等 - 但所有這些都是卡片的內(nèi)容。這種填充整個(gè)屏幕抽屜以顯示信息的方式被Guardian稱為“抽屜模式”。它允許用戶更直接，更清晰地查看整個(gè)界面，還可以幫助用戶快速找到所需的信息。 （重要的是，這種方法對(duì)我們自己的控制有益，我將在下面的文章中解釋原因。）

讓人感覺非常有吸引力的是他們使用的卡接口彼此疊加。

照片來(lái)自：Trello，Trello允許用戶創(chuàng)建他們想要的任何卡片列表。每個(gè)人都可以創(chuàng)建“待辦事項(xiàng)”卡片，并能夠根據(jù)自己的需要對(duì)其進(jìn)行分類。 Trello不僅賦予卡片靈活性，還允許用戶隨意放置它們。 Trello的成功之處在于它與傳統(tǒng)的表格布局相比讓用戶感覺更加簡(jiǎn)單。

在移動(dòng)和響應(yīng)式設(shè)計(jì)中使用UI卡如上所述，卡片為響應(yīng)式框架提供了出色的兼容性，因?yàn)橄馜es Traynor這樣的設(shè)計(jì)稱他為“移動(dòng)端的網(wǎng)頁(yè)未來(lái)”。隨意轉(zhuǎn)換?！?/p>

它可以自行擴(kuò)展或縮小以適應(yīng)任何屏幕的大小。設(shè)計(jì)師可以靈活地控制卡的比例（幾套卡可以更好地相互適應(yīng)）。例如，您可以設(shè)計(jì)固定寬度和一致間距以適應(yīng)可變高度。比較上面的屏幕截圖和下面的屏幕截圖。請(qǐng)注意，兩者的文本樣式，圖像和顏色是一致的?？ㄆO(shè)計(jì)允許用戶在不同設(shè)備上獲得一致的體驗(yàn)。