卡片式設計——移動設計的未來
本文來自insideintercom.io,略有刪改。
卡片正在迅速成為移動設備的最佳設計模式
我們正在見證一次網頁設計的重構,告別之前冗余的頁面和訪問地址,迎來由眾多個體內容組成的全新的個性化體驗。隨著移動技術的發展,移動設備的普及,以及史無前例的數據獲取方式(通過API和SDK),傳統的內容被分拆成個體進行重新聚合,呈現給用戶統一的體驗。
這種內容的聚合方式是根據:
- 內容消費的主體,以及他/她的興趣、喜好和行為。
- 他/她的地理位置和環境背景
- 他/她的朋友的興趣、喜好和行為
- 目標廣告生態環境
如果說這個時代的主要媒介是手機和平板等移動設備的話,那這個時代的主要設計模式將注定是卡片式設計。請看以下案例:
Twitter Card
Twitter在今年4月份推出了支持更多媒體類型的Twitter Card。在推出的新Twitter card 功能中,Twitter 可以讓開發者在單個 Tweet 上顯示展示型相冊、媒體播放器以及與 app 的深層鏈接等。
Google Now
以 Google Now 為代表,Google 全線產品都努力趨向簡潔,在其中,“卡片”這一并不新鮮的概念成了 Google 最重視的元素。(推薦閱讀:卡片式設計:來自Google的第三大設計風格)
Pinterest和Spotify等產品
Pinterest(上圖左)的內容以卡片呈現,Spotify新推出的Discover功能(上圖右)也采用了卡片式設計,Facebook也在向卡片式風格發展,iOS 7中也采用了大量卡片式設計,如應用切換和AirDrop。
卡片作為一種媒介
卡片式設計正在席卷科技產品界,但其實作為一種內容的宣傳媒介,卡片已經存在很長時間。公元9世紀的中國曾使用卡片來玩游戲,17世紀時,倫敦的商 人利用卡片來招攬生意,18世紀時,歐洲貴族家庭的仆人會用卡片向主人介紹即將登門拜訪的貴賓,而人們交換名片的傳統也已持續數百年。
我們會互贈生日卡片、賀卡,我們的錢包里塞滿了信用卡、借記卡和會員卡(當然還有身份證和駕照)。我們會玩各種卡片游戲:撲克牌、大富翁等等,80 后不會忘記小時候我們下課去買小浣熊干脆面,僅僅是為了里面附送的三國或者水滸卡......各種球星卡也成為了童年美好的回憶。
在計算機技術沒廣泛普及之前,空管會使用卡片來調度飛機,即使現在,有些仍然是在這么做的。電影拍攝中使用的故事板也是采用了卡片格式,同漫畫相似,每一張圖(卡片)都代表了一個電影中的場景。相片又何嘗不是一張張的卡片呢?每張相片都是一張講述著獨特故事的卡片。另外還有旅途中寄往親朋的明信片,等等。
卡片在商業領域的運用就更不是新鮮事了,最常見的就是大大小小的優惠券了。我們都干過從產品包裝盒或是報刊雜志上剪下角落的優惠券這種事吧?逛街的時候,各種推銷人員向你發放優惠券,家里的郵箱中也塞滿了扔不完的由許多優惠券組成的傳單。
卡片易于操作
除了其作為信息媒介的光榮傳統之外,卡片最重要的一個特征是易于操作。上圖是Samuel Couto在Dribbble上發表的作品。在現實世界中,卡片可以翻面(呈現更多內容),可以折疊(呈現概述的內容),也可以展開(呈現具體內容),可以將很多卡片堆起來以節省空間,可以將它們分類、分組。
在虛擬卡片的設計中,我們同樣可以運用這些特點,同時我們還可以利用動畫和移動效果來將其發揚光大。我們可以提示卡片背面的內容,或提示卡片可以展開。我們可以在卡片中嵌入多媒體內容、照片、視頻和音樂。這里能發揮的空間很大。
對于移動設備以及各種尺寸的屏幕來說,卡片是完美的設計形式。如下圖所示,在手機上,卡片通常以垂直方式展現(如信息流),在平板上,卡片也可以水平方式呈現(當平板橫置時,可添加一欄新內容),卡片的高度可根據內容進行調整。
卡片是新的創意畫布
可以預見的是,產品和交互設計師們將更多地使用卡片式設計風格,營銷人員和廣告創意人員也不例外。隨著社交媒體熱度不減,并滲透進我們生活中許多服務領域,占據我們越來越多的時間,伴隨而來的將是更大規模的廣告投放。而不論是社交媒體平臺,還是廣告方,內容都將以卡片式設計為主來呈現??纯慈缃竦?Facebook、Twitter、Pinterest、Instagram和Line等,沒有一個不投奔卡片式設計陣營的。對我來說,卡片式設計將是設計和創作藝術領域的Next Big Thing。