自拍偷在线精品自拍偷,亚洲欧美中文日韩v在线观看不卡

卡片式設(shè)計——移動設(shè)計的未來

移動開發(fā) Android
看看如今的 Facebook、Twitter、Pinterest、Instagram和Line等,沒有一個不投奔卡片式設(shè)計陣營的。對我來說,卡片式設(shè)計將是設(shè)計和創(chuàng)作藝術(shù)領(lǐng)域的Next Big Thing。

本文來自insideintercom.io,略有刪改。

卡片正在迅速成為移動設(shè)備的最佳設(shè)計模式

我們正在見證一次網(wǎng)頁設(shè)計的重構(gòu),告別之前冗余的頁面和訪問地址,迎來由眾多個體內(nèi)容組成的全新的個性化體驗。隨著移動技術(shù)的發(fā)展,移動設(shè)備的普及,以及史無前例的數(shù)據(jù)獲取方式(通過API和SDK),傳統(tǒng)的內(nèi)容被分拆成個體進(jìn)行重新聚合,呈現(xiàn)給用戶統(tǒng)一的體驗。

這種內(nèi)容的聚合方式是根據(jù):

  • 內(nèi)容消費的主體,以及他/她的興趣、喜好和行為。
  • 他/她的地理位置和環(huán)境背景
  • 他/她的朋友的興趣、喜好和行為
  • 目標(biāo)廣告生態(tài)環(huán)境

如果說這個時代的主要媒介是手機和平板等移動設(shè)備的話,那這個時代的主要設(shè)計模式將注定是卡片式設(shè)計。請看以下案例:

Twitter Card

Twitter在今年4月份推出了支持更多媒體類型的Twitter Card。在推出的新Twitter card 功能中,Twitter 可以讓開發(fā)者在單個 Tweet 上顯示展示型相冊、媒體播放器以及與 app 的深層鏈接等。

Google Now

以 Google Now 為代表,Google 全線產(chǎn)品都努力趨向簡潔,在其中,“卡片”這一并不新鮮的概念成了 Google 最重視的元素。(推薦閱讀:卡片式設(shè)計:來自Google的第三大設(shè)計風(fēng)格

Pinterest和Spotify等產(chǎn)品

Pinterest(上圖左)的內(nèi)容以卡片呈現(xiàn),Spotify新推出的Discover功能(上圖右)也采用了卡片式設(shè)計,F(xiàn)acebook也在向卡片式風(fēng)格發(fā)展,iOS 7中也采用了大量卡片式設(shè)計,如應(yīng)用切換和AirDrop。

卡片作為一種媒介

卡片式設(shè)計正在席卷科技產(chǎn)品界,但其實作為一種內(nèi)容的宣傳媒介,卡片已經(jīng)存在很長時間。公元9世紀(jì)的中國曾使用卡片來玩游戲,17世紀(jì)時,倫敦的商 人利用卡片來招攬生意,18世紀(jì)時,歐洲貴族家庭的仆人會用卡片向主人介紹即將登門拜訪的貴賓,而人們交換名片的傳統(tǒng)也已持續(xù)數(shù)百年。

我們會互贈生日卡片、賀卡,我們的錢包里塞滿了信用卡、借記卡和會員卡(當(dāng)然還有身份證和駕照)。我們會玩各種卡片游戲:撲克牌、大富翁等等,80 后不會忘記小時候我們下課去買小浣熊干脆面,僅僅是為了里面附送的三國或者水滸卡......各種球星卡也成為了童年美好的回憶。

在計算機技術(shù)沒廣泛普及之前,空管會使用卡片來調(diào)度飛機,即使現(xiàn)在,有些仍然是在這么做的。電影拍攝中使用的故事板也是采用了卡片格式,同漫畫相似,每一張圖(卡片)都代表了一個電影中的場景。相片又何嘗不是一張張的卡片呢?每張相片都是一張講述著獨特故事的卡片。另外還有旅途中寄往親朋的明信片,等等。

卡片在商業(yè)領(lǐng)域的運用就更不是新鮮事了,最常見的就是大大小小的優(yōu)惠券了。我們都干過從產(chǎn)品包裝盒或是報刊雜志上剪下角落的優(yōu)惠券這種事吧?逛街的時候,各種推銷人員向你發(fā)放優(yōu)惠券,家里的郵箱中也塞滿了扔不完的由許多優(yōu)惠券組成的傳單。

卡片易于操作

除了其作為信息媒介的光榮傳統(tǒng)之外,卡片最重要的一個特征是易于操作。上圖是Samuel Couto在Dribbble上發(fā)表的作品。在現(xiàn)實世界中,卡片可以翻面(呈現(xiàn)更多內(nèi)容),可以折疊(呈現(xiàn)概述的內(nèi)容),也可以展開(呈現(xiàn)具體內(nèi)容),可以將很多卡片堆起來以節(jié)省空間,可以將它們分類、分組。

在虛擬卡片的設(shè)計中,我們同樣可以運用這些特點,同時我們還可以利用動畫和移動效果來將其發(fā)揚光大。我們可以提示卡片背面的內(nèi)容,或提示卡片可以展開。我們可以在卡片中嵌入多媒體內(nèi)容、照片、視頻和音樂。這里能發(fā)揮的空間很大。

對于移動設(shè)備以及各種尺寸的屏幕來說,卡片是完美的設(shè)計形式。如下圖所示,在手機上,卡片通常以垂直方式展現(xiàn)(如信息流),在平板上,卡片也可以水平方式呈現(xiàn)(當(dāng)平板橫置時,可添加一欄新內(nèi)容),卡片的高度可根據(jù)內(nèi)容進(jìn)行調(diào)整。

卡片是新的創(chuàng)意畫布

可以預(yù)見的是,產(chǎn)品和交互設(shè)計師們將更多地使用卡片式設(shè)計風(fēng)格,營銷人員和廣告創(chuàng)意人員也不例外。隨著社交媒體熱度不減,并滲透進(jìn)我們生活中許多服務(wù)領(lǐng)域,占據(jù)我們越來越多的時間,伴隨而來的將是更大規(guī)模的廣告投放。而不論是社交媒體平臺,還是廣告方,內(nèi)容都將以卡片式設(shè)計為主來呈現(xiàn)??纯慈缃竦?Facebook、Twitter、Pinterest、Instagram和Line等,沒有一個不投奔卡片式設(shè)計陣營的。對我來說,卡片式設(shè)計將是設(shè)計和創(chuàng)作藝術(shù)領(lǐng)域的Next Big Thing。

責(zé)任編輯:徐川 來源: 36氪
相關(guān)推薦

2013-09-22 09:30:44

卡片式設(shè)計響應(yīng)式

2013-05-20 15:28:49

2013-08-02 10:09:45

卡片式設(shè)計移動應(yīng)用市場應(yīng)用UI界面設(shè)計

2017-03-22 10:35:06

AndroidRecyclerVie滑動效果

2011-12-05 15:29:51

投影機用戶體驗

2010-11-08 09:18:07

UI移動開發(fā)

2013-02-28 15:57:06

產(chǎn)品設(shè)計移動UI

2024-10-15 11:01:41

微軟Windows

2011-03-21 15:23:24

觸屏網(wǎng)頁設(shè)計

2013-04-17 09:50:36

用戶體驗設(shè)計UED手勢

2011-12-12 20:02:53

webOS

2010-11-17 09:07:39

2011-05-05 10:10:26

網(wǎng)頁設(shè)計

2012-04-10 09:19:07

智能手機

2011-12-12 10:19:35

移動交互設(shè)計

2011-08-02 11:06:55

2021-07-14 09:45:24

設(shè)計師約束布局界面布局

2020-03-25 09:51:55

人工智能技術(shù)機器

2017-09-02 07:22:50

數(shù)據(jù)中心機房服務(wù)器

2015-08-10 15:02:09

Web設(shè)計趨勢
點贊
收藏

51CTO技術(shù)棧公眾號