我們正在見證一次網(wǎng)頁(yè)設(shè)計(jì)的重構(gòu)，告別之前冗余的頁(yè)面和訪問地址，迎來(lái)由眾多個(gè)體內(nèi)容組成的全新的個(gè)性化體驗(yàn)。隨著移動(dòng)技術(shù)的發(fā)展，移動(dòng)設(shè)備的普及，以及史無(wú)前例的數(shù)據(jù)獲取方式（通過 API 和 SDK），傳統(tǒng)的內(nèi)容被分拆成個(gè)體進(jìn)行重新聚合，呈現(xiàn)給用戶統(tǒng)一的體驗(yàn)?？ㄆO(shè)計(jì)模式不斷的重塑自身以適應(yīng)新的挑戰(zhàn)，而響應(yīng)式和移動(dòng)端也許會(huì)受大的影響。就像佛山網(wǎng)站建設(shè)以前所寫的文章關(guān)于2015&2016網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)描述的那樣，這種設(shè)計(jì)流行的轉(zhuǎn)變是因?yàn)?nbsp;Material Design 在安卓系統(tǒng)里面的應(yīng)用。

1.技術(shù)

卡片不可能永遠(yuǎn)是靜態(tài)的。隨著網(wǎng)絡(luò)性能的提高，也能夠支持更豐富的多媒體內(nèi)容。你可能會(huì)看到更多細(xì)節(jié)的元素，比如自動(dòng)更新內(nèi)容但是不會(huì)影響整個(gè)用戶體驗(yàn)。

視頻能更換圖片（設(shè)計(jì)師思考這個(gè)問題很多年了）也許會(huì)變得很流行。Use Your Interface（上圖），這些GIF動(dòng)畫功能讓整個(gè)頁(yè)面體驗(yàn)非常愉悅。

2.深度的交互

在不久的將來(lái)，卡片也許能夠變得更加的有創(chuàng)意。就像我們看見 Material Design，它非常依賴個(gè)人的交互，隨著自動(dòng)排序和實(shí)時(shí)更新等功能的更新（比如天氣預(yù)報(bào)）。

圖片來(lái)源：Google

Windows手機(jī)里面已經(jīng)開始應(yīng)用卡片式自動(dòng)分類方式，很有可能其他移動(dòng)手機(jī)也會(huì)使用這種方式。

3.尺寸

圖片并列的布局趨勢(shì)，也讓卡片更好的使用大尺寸屏幕。

大卡片上能布局更多的細(xì)節(jié)和復(fù)雜的字體，它從視覺上讓用戶感覺很舒服。大小卡片交替的時(shí)候，大卡片在視覺上更讓人感覺舒服。

圖片來(lái)源:How Arkitekter

Arkitekter（如上圖）是怎樣應(yīng)用大尺寸和中等尺寸作為信息布局的。有些卡片有鏈接，有些卡片是靜態(tài)的信息。大小不同的卡片呈現(xiàn)方式，讓整個(gè)頁(yè)面更有呼吸感。

4.可穿戴的

多虧了谷歌眼鏡，它讓卡片的UI設(shè)計(jì)在穿戴設(shè)備上奠定了基礎(chǔ)。

盡管有很多人認(rèn)為谷歌眼鏡會(huì)失敗，但是也有一部分人認(rèn)為它有市場(chǎng)。不管怎樣，穿戴設(shè)備的UI設(shè)計(jì)必須要很好的利用空間來(lái)設(shè)計(jì)，而卡片設(shè)計(jì)是它實(shí)用的選擇。

佛山網(wǎng)站建設(shè)總結(jié)：我們正在見證一次網(wǎng)頁(yè)設(shè)計(jì)的重構(gòu)，告別之前冗余的頁(yè)面和訪問地址，迎來(lái)由眾多個(gè)體內(nèi)容組成的全新的個(gè)性化體驗(yàn)。隨著移動(dòng)技術(shù)的發(fā)展，移動(dòng)設(shè)備的普及，以及史無(wú)前例的數(shù)據(jù)獲取方式（通過 API 和 SDK），傳統(tǒng)的內(nèi)容被分拆成個(gè)體進(jìn)行重新聚合，呈現(xiàn)給用戶統(tǒng)一的體驗(yàn)。在所有的媒介和設(shè)備上，卡片設(shè)計(jì)已經(jīng)成為設(shè)計(jì)常用的一種方式。他們當(dāng)前的形式可能會(huì)隨著技術(shù)的發(fā)展有所改變，但是他們確實(shí)是存在的。畢竟，這些布局并不是一個(gè)表格。別忘了，在不久前卡片只是一張包含內(nèi)容的紙片而已。