視覺信息總是最吸引人的，這點(diǎn)在網(wǎng)站設(shè)計(jì)中也是一樣適用，在2014年就有數(shù)據(jù)顯示：移動(dòng)端使用率遠(yuǎn)遠(yuǎn)高于桌面端，網(wǎng)頁設(shè)計(jì)要朝著能適應(yīng)小屏幕的方向走。這個(gè)結(jié)論就是：簡(jiǎn)單的界面風(fēng)格，比如：扁平化設(shè)計(jì)，極簡(jiǎn)設(shè)計(jì)，尤其是卡片設(shè)計(jì)比往年都要流行。

圖片來源：Formerly Yes

    好的卡片設(shè)計(jì)不會(huì)使用太多的加載時(shí)間，同時(shí)它也能在不同的屏幕上切換自如。小的模塊對(duì)于用戶來說更能吸引注意力（尤其在移動(dòng)端），卡片設(shè)計(jì)能應(yīng)用于各個(gè)領(lǐng)域的網(wǎng)站設(shè)計(jì)。

    一個(gè)卡片擁有屬于自己的信息。一張卡片能包含所有信息──視覺、文本、鏈接等等，但是所有這些內(nèi)容都是一張卡片里面的內(nèi)容。這種獨(dú)立填滿整個(gè)屏幕抽屜式展現(xiàn)信息的方式被Guardian 叫做“抽屜模式”。它讓用戶更加直接清晰的看到整個(gè)界面，也有利于用戶快速的尋找他們需要的信息。讓人覺得很有吸引力的是：它們使用的卡片界面是相互疊加的。

照片來源于：Trello

卡片設(shè)計(jì)的優(yōu)勢(shì)：

首先，它能夠自己擴(kuò)展或者收縮去適應(yīng)任何屏幕的尺寸。設(shè)計(jì)師可以很靈活的控制卡片的比例（幾組卡片能夠更好的適應(yīng)彼此）。例如,你可以設(shè)計(jì)固定的寬度和一致的間距來適應(yīng)可變動(dòng)的高度。

另外一個(gè)優(yōu)勢(shì)是如何讓卡片適應(yīng)人們手指操作。在觸屏上，操作它就像按動(dòng)一個(gè)按鈕一樣不需要花費(fèi)多少精力。這個(gè)想法很簡(jiǎn)單：點(diǎn)擊卡片，讓它與內(nèi)容交互。

卡片設(shè)計(jì)的未來

卡片設(shè)計(jì)模式不斷的重塑自身以適應(yīng)新的挑戰(zhàn)，而響應(yīng)式和移動(dòng)端也許會(huì)受最大的影響。就像2015&2016網(wǎng)頁設(shè)計(jì)趨勢(shì) 描述的那樣，這種設(shè)計(jì)流行的轉(zhuǎn)變是因?yàn)?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ì)變得很流行。

2.深度的交互

在不久的將來，卡片也許能夠變得更加的有創(chuàng)意
Windows手機(jī)里面已經(jīng)開始應(yīng)用卡片式自動(dòng)分類方式，很有可能其他移動(dòng)手機(jī)也會(huì)使用這種方式。

3.尺寸

圖片并列的布局趨勢(shì)，也讓卡片更好的使用大尺寸屏幕
大卡片上能布局更多的細(xì)節(jié)和復(fù)雜的字體，它從視覺上讓用戶感覺很舒服。大小卡片交替的時(shí)候，大卡片在視覺上更讓人感覺舒服
有些卡片有鏈接，有些卡片是靜態(tài)的信息。大小不同的卡片呈現(xiàn)方式，讓整個(gè)頁面更有呼吸感。

4.可穿戴的

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

以上內(nèi)容有昆明軒創(chuàng)科技（zheise.cn）搜集整理，如需轉(zhuǎn)載請(qǐng)注明出處！