淺談移動(dòng)APP設(shè)計(jì)的趨勢(shì),除了扁平化,還有卡片式設(shè)計(jì)

今天25學(xué)堂在36kr上看到這樣的一篇文章《卡片式設(shè)計(jì)—移動(dòng)設(shè)計(jì)的未來(lái)》。

我覺(jué)得作者說(shuō)的不夠精細(xì)和準(zhǔn)確。也只能說(shuō)明卡片式設(shè)計(jì)只能說(shuō)是web和app 未來(lái)設(shè)計(jì)的一種表現(xiàn)形式。

25學(xué)堂想要表達(dá)的觀點(diǎn)是:卡片,扁平化都會(huì)是移動(dòng)app設(shè)計(jì)的趨勢(shì)!

因?yàn)榭ㄆO(shè)計(jì)確實(shí)同時(shí)兼具了“擬物”和“極簡(jiǎn)”2種優(yōu)勢(shì)!

下面我們先來(lái)看下如今的卡片式設(shè)計(jì)的案例:

app kapian

 

看到這些設(shè)計(jì)界面,我想大家都不會(huì)陌生,而且我們已經(jīng)在嘗試這樣的設(shè)計(jì)啦,是不是?。?

因?yàn)榭ㄆ诔蔀橐苿?dòng)設(shè)備的最佳設(shè)計(jì)模式而努力和驗(yàn)證!

我們正在見(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)。

?

29fb814a637138baed6b582f9d722377

 

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

1、內(nèi)容消費(fèi)的主體,以及他/她的興趣、喜好和行為。

2、他/她的地理位置和環(huán)境背景

3、他/她的朋友的興趣、喜好和行為

4、目標(biāo)廣告生態(tài)環(huán)境

如果說(shuō)這個(gè)時(shí)代的主要媒介是手機(jī)和平板等移動(dòng)設(shè)備的話,那這個(gè)時(shí)代的主要設(shè)計(jì)模式將注定是卡片式設(shè)計(jì)。

phoneui

為什么說(shuō)卡片式設(shè)計(jì)會(huì)是將來(lái)移動(dòng)app設(shè)計(jì)的趨勢(shì)呢?

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

可以預(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)??纯慈缃竦腇acebook、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。

早在去年web端的花瓣網(wǎng)和國(guó)外的Pinterest都已經(jīng)在進(jìn)行卡片式設(shè)計(jì)就是畫板一樣的陳列下來(lái)。

2、卡片同時(shí)作為一種媒介,傳遞商業(yè)信息

卡片式設(shè)計(jì)正在席卷科技產(chǎn)品界,但其實(shí)作為一種內(nèi)容的宣傳媒介,卡片已經(jīng)存在很長(zhǎng)時(shí)間。

我們會(huì)互贈(zèng)生日卡片、賀卡,我們的錢包里塞滿了信用卡、借記卡和會(huì)員卡(當(dāng)然還有身份證和駕照)。

3、卡片面積小,特別適合移動(dòng)互聯(lián)網(wǎng)設(shè)計(jì)

在虛擬卡片的設(shè)計(jì)中,我們同樣可以運(yùn)用這些特點(diǎn),同時(shí)我們還可以利用動(dòng)畫和移動(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)整。

所以:移動(dòng)APP設(shè)計(jì)的趨勢(shì),除了扁平化,還有卡片式設(shè)計(jì)

 

每天更新,
全站高品質(zhì)素材免費(fèi)下載!