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