讓人快速採取行動的卡片式網站設計！
從社群網站，新聞網站，到購物網站，越來越多的網站朝向卡片式的網站設計。Google 在2014 I/O大會發表的Material Design也是以卡片的設計為出發點，而這樣的設計在2015達到了高峰。接下來我們就來探討卡片式的網站設計的來源與影響。
日常生活中我們常常用到的卡，信用卡，會員卡，駕照等等，它們的形狀與格式都有一定的規範。而卡片上更充滿了許多訊息，有單面也有雙面，而轉化到網站的設計上，賦予了更多的可能性。
在網站中，"一個卡片"可能包含了連結，按鈕，圖片等等，他們通常只有一個目的，要你去按它們。事實上，整個核心目標就是讓使用者可以在瀏覽這些訊息後，讓他們更有興趣看更多的內容。
比方說: 立即洽詢、立即購買，都是為了讓使用者可以看完內容後可以採取行動!
Facebook，就是一個最好的例子。 他在有限的範圍內用卡片式設計，以最顯眼的圖片或是影片來吸引瀏覽者的目光，進一步引導瀏覽者去點"....更多"或是與貼文者互動。
此外，卡片設計的方式，在響應式的網站上能有更好的相容性，從大尺寸螢幕上可以一欄四格，到行動裝置上的一欄兩格卡片，甚至是一格卡片。
Wired 的網站編排方式也是用卡片設計為主，從圖片中可以發現，在行動裝置上，格式的改變。
我們整理一下卡片式的設計的主要優點 :
- 卡片式設計讓版面更有組織性，卡片無論如何擺設都不會讓整個設計看起來很雜亂
- 卡片式設計對於響應式網站來說是個理想的設計方式
- 卡片式的設計可以更有效率的呈現網頁的資訊
- 卡片式的設計讓網站不會頭重腳輕
未來在網站改版的情況下，不防將卡片式網站設計的精神加入，讓使用者可以看完內容後可以採取行動!
STAY CONNECTED · 訂閱與社群
還想了解更多各類數位行銷資訊的話，歡迎訂閱電子報、加入奇寶 Line 好友，第一時間接收最新資訊！
歡迎轉載 KPN 奇寶部落格相關文章，在轉載前請先詳閱著作權聲明及轉載原則。
