卡片式設計在幻燈片中的實戰運用

01-28

當我們開始說起「卡片式設計」，眼前所閃現的是 Material Design、iOS、應用商店、微博信息流、遊戲界面、Windows Metro……是名片、胸卡、賀卡、便簽、導視牌……這種由文字或圖片或圖案或幾類綜合組成的矩形區塊，在現實世界和互聯網世界隨處可見。

下面，我們著眼於幻燈片製作，通過一些客戶案例，來探討卡片式設計在信息處理上的優勢對幻燈片製作的幫助。

信息的快速統一

視覺上統一的事物，給人的感受是充滿邏輯、嚴謹、和諧而富有質感的。當我們以卡片的形式處理頁面中的文字、圖標，通過重複、相近、連續的設計原則達到統一時，受眾也就能輕鬆獲取我們要傳達的信息及其內在邏輯。卡片式設計不僅能對信息作快速梳理，使之有統一的視覺表現；而且通過不斷地練習，從習慣卡片到刪去卡片，對原本毫無排版經驗的人來說，也會非常大的提升自身水平。需要一提的是，在卡片的統一中嘗試一些變化，也許會有意想不到的結果。

（左：崑崙影業 / 右：同道大叔）

（深圳市投資推廣署）

信息的凸顯和強調

怎麼樣抓住受眾的注意力，使其快速定位到當前幻燈片中的重點？如果我們面對的是白底黑字這類最為簡單的頁面，這樣的問題顯然不是問題。當整個頁面元素出現複雜的圖片、圖表，就需要一些辦法來做主次劃分，重構受眾的注意力。這裡就可以通過「強調」的方法：顏色的反差、元素大小的對比、動畫的設置等等，去強化元素間的不同之處，來滿足需求。

下面的案例中，就是通過卡片形式框選核心信息，結合顏色與大小上的變化，做到信息凸顯。

（左：深圳市投資推廣署 / 右：華為）

（左：同道大叔 / 右：崑崙影業）

頁面的平衡

平衡可以是頁面四周出現同樣大小、相似的元素，因為「對稱」形成的狀態；也可以是通過不同顏色、形狀、光線產生視覺上的穩定，達到「非對稱」的平衡。相比前者來說，處理不對稱的平衡總是充滿難度的。而「卡片」因為其天然的強對稱性，這種與生俱來的平衡狀態，使其在版式設計中，基本成了一個傻瓜式的存在——排版的簡單化。無論是「對稱」還是「非對稱」的使用，「卡片式設計」都能很好的解決我們日常幻燈片製作中的版式難題。

（左：樂華城歡樂世界 / 右：蜂群傳媒）

（左：飯美美 / 右：紛然香氛）

卡片外的卡片

我曾在一次採訪中說到，幻燈片只是信息的容器，而卡片恰恰是信息容器俱佳的存在。退回到 PowerPoint 或者 Keynote 一開始的編輯頁面中，最左側所展示的不就是一張張空白待寫的卡片嗎？！

我們在上面插入信息、調整顏色、擺放圖片、製作小卡片……最後正視到其「卡片」的形態，也就有了另一些思路。

（時尚COSMOPOLITAN）

_____________________________

朋友們可以關注我在站酷上的主頁：臭噴蛆的主頁 - 站酷 (ZCOOL)

獲取更多幻燈片製作的分享。