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

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

在本文中，我們將探討卡片設計的興起：它們?yōu)槭裁从杏?，它們如何適應響應式設計和材料設計，以及未來會發(fā)生什么？

什么是抽屜設計？

為了理解抽屜設計，您必須首先了解卡片的內容。

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

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

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

在移動和響應式設計中使用UI卡如上所述，卡片為響應式框架提供了出色的兼容性，因為像Des Traynor這樣的設計稱他為“移動端的網頁未來”。隨意轉換。“

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