不知道大家是否有所察覺(jué)，在現實(shí)生活在，視覺(jué)信息總是很吸引人的眼球，深圳網(wǎng)站建設在以往的設計效果中，覺(jué)得卡片設計的應用不僅僅只是一種趨勢。有數據顯示2014年 移動(dòng)端使用率遠遠高于PC端，網(wǎng)頁(yè)設計都能很好的適應小屏幕。而如何更好的全是小屏幕設計，深圳網(wǎng)站設計建議在設計網(wǎng)頁(yè)的時(shí)候多常用一些這樣的風(fēng)格：比如：扁平化設計，極簡(jiǎn)設計，尤其是卡片設計比往年都要流行。

好的卡片設計不會(huì )使用太多的加載時(shí)間，同時(shí)它也能在不同的屏幕上切換自如。小的模塊對于用戶(hù)來(lái)說(shuō)更能吸引注意力（尤其在移動(dòng)端），它在Pinterest上培養大家的習慣，然后在Facebook和Twitter上面推廣，卡片設計能應用于各個(gè)領(lǐng)域的網(wǎng)站設計。

在這篇文章中，我們將會(huì )探討卡片設計的崛起：為什么它們有用，它們如何適應于響應設計和material design，在未來(lái)又會(huì )發(fā)生什么？

什么是抽屜式設計？

為了了解抽屜式設計，你先得先了解卡片是什么。

每一個(gè)卡片擁有屬于自己的信息。一張卡片能包含所有信息 — 視覺(jué)、文本、鏈接等等— 但是所有這些內容都是一張卡片里面的內容。這種獨立填滿(mǎn)整個(gè)屏幕抽屜式展現信息的方式 被Guardian 叫做“抽屜模式”。它讓用戶(hù)更加直接清晰的看到整個(gè)界面，也有利于用戶(hù)快速的尋找他們需要的信息。（重要的是，這種方式能夠有利于我們自己控制，下面的文章我會(huì )解釋為什么。）

讓人覺(jué)得很有吸引力的是：它們使用的卡片界面是相互疊加的。

照片來(lái)源于：Trello，Trello 能讓用戶(hù)創(chuàng )建他們自己想要的任何卡片列表。所有人都能創(chuàng )建“to-do”卡片 ，同時(shí)能夠按照自己的需求進(jìn)行分類(lèi)。Trello不僅讓卡片具有靈活性，而且還能被用戶(hù)隨意擺放。Trello的成功是因為相較于傳統列表式布局，它讓用戶(hù)感覺(jué)很簡(jiǎn)單。

UI卡片在移動(dòng)端和響應式設計中的應用正如上文提到的，卡片為響應式框架提供了出色的兼容性，因為一些像Des Traynor把他叫做“網(wǎng)頁(yè)的未來(lái)這種設計能夠在移動(dòng)端隨意很好的轉換。”

它能夠自己擴展或者收縮去適應任何屏幕的尺寸。設計師可以很靈活的控制卡片的比例（幾組卡片能夠更好的適應彼此）。例如,你可以設計固定的寬度和一致的間距來(lái)適應可變動(dòng)的高度。比較上面的網(wǎng)頁(yè)截圖和下面的移動(dòng)端截圖。注意他們兩個(gè)的文本信息、圖像和顏色的風(fēng)格都是一致的。卡片設計讓用戶(hù)在不同的設備上有一致性的體驗。

http://ezekroy.com/jianzhanzhishi/7569.html 如何做響應式網(wǎng)頁(yè)設計--深圳網(wǎng)站設計分享卡片設計效果