在現實生活在，視覺信息老是很吸引人的眼球，卡片規劃的運用不只僅僅僅一種趨勢。

有數據顯現2014年 移動端運用率遠遠高于桌面端，頁面規劃都能極好的習氣小屏幕。這個定論即是：簡略的界面個性，比方：扁平化規劃，極簡規劃，尤其是卡片規劃比從前都要盛行。

好的卡片規劃不會運用太多的加載時間，一起它也能在不相同的屏幕上切換自若。小的模塊關于用戶來說更能吸引留意力（尤其在移動端），它在Pinterest上培育大家的習氣，然后在Facebook和Twitter上面推行，卡片規劃能運用于各個領域的網站規劃。

在這篇文章中，咱們將會討論卡片規劃的崛起：為何它們有用，它們怎么習氣于呼應規劃和material design，在將來又會發作啥？

啥是抽屜式規劃？深圳網絡公司

為了了解抽屜式規劃，你首先得先了解卡片是啥。

一個卡片具有屬于自個的信息。一張卡片能包括一切信息 — 視覺、文本、連接等等— 可是一切這些內容都是一張卡片里邊的內容。

這種獨立填滿全部屏幕抽屜式展現信息的方法 被Guardian 叫做“抽屜方式”。它讓用戶愈加直接清晰的看到全部界面，也有利于用戶迅速的尋覓他們需要的信息。（最主要的是，這種方法可以有利于咱們自個操控，下面的文章我會解說為何。）

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

Trello 能讓用戶創立他們自個想要的任何卡片列表。一切人都能創立“to-do”卡片 ，一起可以按照自個的需要進行分類。

Trello不只讓卡片具有靈敏性，并且還能被用戶隨意擺放。Trello的成功是因為相較于傳統列表式規劃，它讓用戶感受很簡略。

UI卡片在移動端和呼應式規劃中的運用

正如上文說到的，卡片為呼應式結構供給了超卓的兼容性，因為一些像Des Traynor把他叫做“頁面的將來

這種規劃可以在移動端隨意極好的變換。

留意他們兩個的文本信息、圖畫和色彩的個性都是共同的?？ㄆ巹澴層脩粼诓幌嗤脑O備上有共同性的體會。網絡公司

你可以看到這個優勢在UXPin的e-book里邊被使用。留意他們從移動端到全屏的界面是十分清晰的。

另外一個優勢是怎么讓卡片習氣大家手指操作。在觸屏上，操作它就像按動一個按鈕相同不需要花費多少精力。這個主意很簡略：點擊卡片，讓它與內容交互。

像菲茨定律習氣于頁面規劃展現那樣，點擊區域越大就越簡單互相作用。還記得咱們有多少次掙扎在移動設備上點擊一些文本連接么？

卡片和Material Design

Material Design很依靠卡片式規劃，卡片描繪在Material Design指南里值得你去尋覓一個好的解說。

卡片規劃的將來

卡片規劃方式不斷的重塑自身以習氣新的應戰，而呼應式和移動端或許會受最大的影響。就像2015&2016頁面規劃趨勢 描繪的那樣，這種規劃盛行的改動是因為 Material Design 在安卓系統里邊的運用。

1.技能

卡片不也許永遠是靜態的。跟著網絡功能的進步，也可以支撐更豐厚的多媒體內容。你也許會看到更多細節的元素，比方主動更新內容可是不會影響全部用戶體會。

視頻能更換圖片（規劃師考慮這個疑問很多年了）或許會變得很盛行。Use Your Interface（上圖），這些GIF動畫功能讓全部頁面體會十分愉悅。

2.深度的交互

在不久的將來，卡片或許可以變得愈加的有構思。就像咱們看見 Material Design，它十分依靠自己的交互，跟著主動排序和實時更新等功能的更新（比方天氣預報）。

Windows手機里邊現已開端運用卡片式主動分類方法，很有也許別的移動手機也會運用這種方法。

3.尺度

圖片并排的規劃趨勢，也讓卡片十分好的運用大尺度屏幕。

大卡片上能規劃更多的細節和雜亂的字體，它從視覺上讓用戶感受很舒暢。巨細卡片替換的時分，大卡片在視覺上更讓人感受舒暢。

Arkitekter（如上圖）是如何運用大尺度和中等尺度作為信息規劃的。有些卡片有連接，有些卡片是靜態的信息。巨細不相同的卡片出現方法，讓全部頁面更有呼吸感。

4.可穿戴的

多虧了google眼鏡，它讓卡片的UI規劃在穿戴設備上奠定了根底。

盡管有很多人以為google眼鏡會失敗，可是也有一部分人以為它有商場。不管如何，穿戴設備的UI規劃必須要極好的使用空間來規劃，而卡片規劃是它最有用的挑選。

關鍵

在一切的前言和設備上，卡片規劃現已成為規劃常用的一種方法。他們當前的方式也許會跟著技能的開展有所改動，可是他們確實是存在的。

究竟，這些規劃并不是一個表格。別忘了，在不久前卡片僅僅一張包括內容的紙片罷了。