好的卡片設計不會使用太多的加載時間，同時它也能在不同的屏幕上切換自如。小的模塊對于用戶來說更能吸引注意力（尤其在移動端），它在Pinterest上培養大家的習慣，然后在Facebook和Twitter上面推廣，卡片設計能應用于各個領域的網站設計。

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

　　什么是抽屜式設計？

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

　　每一個卡片擁有屬于自己的信息。一張卡片能包含所有信息 — 視覺、文本、鏈接等等— 但是所有這些內容都是一張卡片里面的內容。

　　這種獨立填滿整個屏幕抽屜式展現信息的方式 被Guardian 叫做“抽屜模式”。它讓用戶更加直接清晰的看到整個界面，也有利于用戶快速的尋找他們需要的信息。（最重要的是，這種方式能夠有利于我們自己控制，下面的文章我會解釋為什么。）

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

　　Trello 能讓用戶創建他們自己想要的任何卡片列表。所有人都能創建“to-do”卡片 ，同時能夠按照自己的需求進行分類。

　　Trello不僅讓卡片具有靈活性，而且還能被用戶隨意擺放。Trello的成功是因為相較于傳統列表式布局，它讓用戶感覺很簡單。

　　UI卡片在移動端和響應式設計中的應用

　　正如上文提到的，卡片為響應式框架提供了出色的兼容性，因為一些像Des Traynor把他叫做“網頁的未來。

　　這種設計能夠在移動端隨意很好的轉換。”

　　首先，它能夠自己擴展或者收縮去適應任何屏幕的尺寸。設計師可以很靈活的控制卡片的比例（幾組卡片能夠更好的適應彼此）。例如,你可以設計固定的寬度和一致的間距來適應可變動的高度。

　　比較上面The Verge的網頁截圖和下面的移動端截圖：

　　注意他們兩個的文本信息、圖像和顏色的風格都是一致的?？ㄆO計讓用戶在不同的設備上有一致性的體驗。

　　你可以看到這個優勢在UXPin的e-book里面被利用。注意他們從移動端到全屏的界面是非常清晰的。

　　UXPin移動端界面：

　　UXPin全屏的界面：

　　另外一個優勢是如何讓卡片適應人們手指操作。在觸屏上，操作它就像按動一個按鈕一樣不需要花費多少精力。這個想法很簡單：點擊卡片，讓它與內容交互。

　　像菲茨定律適應于網頁設計展示那樣，點擊區域越大就越容易相互作用。還記得我們有多少次掙扎在移動設備上點擊一些文本鏈接么？

　　卡片和Material Design

　　Material Design很依賴卡片式設計，卡片描述在Material Design指南里值得你去尋找一個好的解釋。

　　卡片設計的未來

　　卡片設計模式不斷的重塑自身以適應新的挑戰，而響應式和移動端也許會受最大的影響。就像2015&2016網頁設計趨勢 描述的那樣，這種設計流行的轉變是因為 Material Design 在安卓系統里面的應用。

　　1.技術

　　卡片不可能永遠是靜態的。隨著網絡性能的提高，也能夠支持更豐富的多媒體內容。你可能會看到更多細節的元素，比如自動更新內容但是不會影響整個用戶體驗。

　　視頻能更換圖片（設計師思考這個問題很多年了）也許會變得很流行。Use Your Interface（上圖），這些GIF動畫功能讓整個頁面體驗非常愉悅。

　　2.深度的交互

　　在不久的將來，卡片也許能夠變得更加的有創意。就像我們看見 Material Design，它非常依賴個人的交互，隨著自動排序和實時更新等功能的更新（比如天氣預報）。

　　Windows手機里面已經開始應用卡片式自動分類方式，很有可能其他移動手機也會使用這種方式。

　　3.尺寸

　　圖片并列的布局趨勢，也讓卡片更好的使用大尺寸屏幕。

　　大卡片上能布局更多的細節和復雜的字體，它從視覺上讓用戶感覺很舒服。大小卡片交替的時候，大卡片在視覺上更讓人感覺舒服。

　　Arkitekter（如上圖）是怎樣應用大尺寸和中等尺寸作為信息布局的。有些卡片有鏈接，有些卡片是靜態的信息。大小不同的卡片呈現方式，讓整個頁面更有呼吸感。

　　4.可穿戴的

　　多虧了谷歌眼鏡，它讓卡片的UI設計在穿戴設備上奠定了基礎。

　　盡管有很多人認為谷歌眼鏡會失敗，但是也有一部分人認為它有市場。不管怎樣，穿戴設備的UI設計必須要很好的利用空間來設計，而卡片設計是它最實用的選擇。

　　要點

　　在所有的媒介和設備上，卡片設計已經成為設計常用的一種方式。他們當前的形式可能會隨著技術的發展隨著技術有所改變，但是他們確實是存在的。

　　畢竟，這些布局并不是一個表格。別忘了，在不久前卡片只是一張包含內容的紙片而已。

　　當前，卡式的網站建設以精簡，重點內容突出的表達形式受到用戶的歡迎，跟著趨勢走的網站必然不會被淘汰。

出色的網站建設可以給我們帶來更多的好處，節省人工成本，同時增加頁面瀏覽量，增加潛在意向客戶?？梢哉f，合適的網站建設對企業有百利而無一害。特別是近年來營銷型網站建設概念的提出，可以通過網站提升搜索排名，獲取更多意向客戶資源。所以作為企業，一定要想辦法創建一個高度有競爭力的網站。一個好的網站可以幫助企業做好營銷工作。可以說，與傳統網站相比，營銷網站的建設更具市場競爭力，給企業帶來了一定的價值。營銷型網站建設有哪些特征呢？或者說，怎樣做才能讓網站的營銷力彰顯突出，多年網站設計制作經驗告訴我們，營銷型網站建設最核心的功能莫過于與用戶建立互動。

一定要有聊天互動

其實，不難發現很多網站都是靜態的，只有一些圖片設計，簡單的文字加上圖片，再加上互動就不一樣了，如果有類似QQ的聊天功能，及時收到客戶的建議，反饋信息，這可以大大提高銷售率。

多放留言反饋表單

聊天互動可以在工作時進行，所以下班后，每個人都想舒服地休息，但客戶的問題又如何呢？這需要一個消息區，任何問題都可以詢問，并且在回復后，其他客戶也有同樣的問題可以參考。

增加通知公告板塊

最新的公告部分是給客戶最好的服務體驗，這是營銷網站建設的成功之處。當用戶瀏覽網頁時，他們可以第一次在最醒目的位置看到通知的變化，這樣可以相對減輕員工一次又一次通知客戶的壓力，同時也提高了工作效率。

結合需求開發功能

如果網站上有一個獨立的服務模板，比如移動公司，你可以在網頁上查詢電話費，改變套餐業務，這是實現網絡銷售目的一個很好的方式。

安裝網站流量分析

現在普通網站上只有一些簡單的統計系統，比如人數、點擊率等等。建議我們結合專業的網站分析系統，可以統計訪問人群、訪問頻率等，這樣可以進行大量的數據分析，更好地把握銷售心理。

高端網站建站，高端企業網站建設，網站建設高端定制，企業高端網站建設，專注高端網站建設，大型網站平臺建設，高端網站建設多少錢，網站建設靠譜的

網站關鍵詞：網站建設  網站設計  網站制作  上海網站建設  上海網站設計  上海網站制作  上海網絡公司  網站建設上海  上海做網站  上海建設網站  上海做網站公司  上海建網站公司  上海高端網站建設  上海手機網站建設  怎么建設網站  如何建設網站  營銷網站建設  品牌網站建設  網站建設方案  響應式網站建設  外貿網站建設  公司網站建設  建設網站  網站建設服務  高端網站建設  網站優化服務  上海網站公司  企業網站設計  官網制作  官網建設  官網設計  網站建設公司  網站設計公司  網站制作公司