網(wǎng)站也要開始“卡片式設(shè)計(jì)”?
2013-09-10 17:24:33來源:優(yōu)游網(wǎng)發(fā)布:優(yōu)游網(wǎng)
觀察手機(jī)上的應(yīng)用,你會發(fā)現(xiàn)采用“卡片式設(shè)計(jì)”的應(yīng)用越來越流行——Twitter、GoogleNow、Spotify等等,如果不嫌棄的話,新版新浪微博其實(shí)也是。
CRM服務(wù)商Intercom寫了一篇文章,認(rèn)為未來卡片式設(shè)計(jì)不僅在移動(dòng)應(yīng)用上流行,還將影響當(dāng)下網(wǎng)站的設(shè)計(jì)。他們的出發(fā)點(diǎn)在于互聯(lián)網(wǎng)以后的內(nèi)容,會從無數(shù)網(wǎng)頁,變?yōu)闊o數(shù)獨(dú)立的碎片。而且,這些內(nèi)容碎片,還將會因?yàn)锳PI以及SDK等通道,從不同的地方匯聚在一起。
詳細(xì)可以看看下方這張圖:
左側(cè)一欄顯示了這種內(nèi)容匯聚的依存條件,包括現(xiàn)存讀者、潛在讀者的朋友、興趣、朋友的朋友的興趣、地理位置等等屬性,右側(cè)一欄則是第三方服務(wù)和數(shù)據(jù),包括Facebook、Twitter等等,如果是國內(nèi),則可以是新浪微博、豆瓣等等,而中間一欄則是網(wǎng)頁呈現(xiàn)給讀者的內(nèi)容。
卡片式設(shè)計(jì),將是適合這種信息流轉(zhuǎn)的表現(xiàn)形式。在現(xiàn)實(shí)生活當(dāng)中,包括了名片、生日卡片、明信片等等,它們都用于表現(xiàn)簡短而有力的故事——用卡片來傳達(dá)信息,早已經(jīng)貫穿在我們生活當(dāng)中。
而我們常常忽略掉的現(xiàn)實(shí)當(dāng)中的卡片,還有無處不在的優(yōu)惠券。
卡片式設(shè)計(jì)擁有無限的操作空間,這讓它能夠適應(yīng)各種各樣的需要。比如說,完全可以在卡片里塞入各種各樣的內(nèi)容,包括圖片、視頻、音頻等等。而且,完全可以不局限于這幾種內(nèi)容形式。一下是一個(gè)簡單的例子:
而更重要的是,在設(shè)備屏幕尺寸越來越多的情況下,卡片擁有極高的靈活性,它能夠完美的適應(yīng)移動(dòng)設(shè)備的屏幕,以及大量不同的屏幕尺寸。在小屏幕上,它可以顯示成垂直的,在大屏幕上,它可以顯示為橫置的。它擁有靈活的高度與寬度。
如果你是網(wǎng)站設(shè)計(jì)者,你怎么想?
相關(guān)閱讀
- 09-10 ·放大版三星galaxy s4!三星note3拍攝樣張曝光
- 09-10 ·LG發(fā)布全球最薄1080p顯示屏 厚度僅2.2mm
- 09-10 ·柯達(dá)Instamatic概念手機(jī):更像是一款相機(jī)
- 09-10 ·傳摩托羅拉X Phone將支持手勢控制拍照功能
- 09-10 ·騰訊代理《植物大戰(zhàn)僵尸2》中文版實(shí)機(jī)試玩演示
- 09-10 ·英雄大戰(zhàn)僵尸《迷你英雄:僵尸2》血腥再現(xiàn)
- 09-10 ·另類塔防對戰(zhàn)游戲《像素戰(zhàn)爭》演繹暴力藝術(shù)
- 09-10 ·國產(chǎn)跑酷游戲的奇葩《跑酷三國》彰顯時(shí)代個(gè)性
- 09-10 ·ios神作降臨搶先體驗(yàn)《植物大戰(zhàn)僵尸2》評測
- 09-10 ·TYLT VU無線充電器:帶來更高效充電效果