2014年移動(dòng)APP界面設(shè)計(jì)風(fēng)格的12點(diǎn)回顧與總結(jié)

這是25學(xué)堂從國(guó)外Behanc網(wǎng)站收集的幾張有代表2014年設(shè)計(jì)風(fēng)格的APP設(shè)計(jì)界面欣賞。

之前也分享過(guò):

1、Android holo設(shè)計(jì)風(fēng)格介紹和holo設(shè)計(jì)界面欣賞

2、移動(dòng)APP布局設(shè)計(jì)經(jīng)驗(yàn)之道:獨(dú)門(mén)七字訣

3、7種常見(jiàn)的APPUI界面設(shè)計(jì)布局風(fēng)格欣賞

我們先來(lái)看看2014年的經(jīng)典APP界面設(shè)計(jì)作品吧!

app設(shè)計(jì)欣賞 app設(shè)計(jì)欣賞2 app設(shè)計(jì)欣賞3

 

從以上3個(gè)APP設(shè)計(jì)案例的移動(dòng)界面設(shè)計(jì)風(fēng)格可以看出:

1、整體風(fēng)格偏硬,擬物化紋理將被弱化

2、背景多數(shù)會(huì)采用虛化處理,界面層次感增加

3、界面圖標(biāo)采用簡(jiǎn)潔的圖案,甚至是只有描邊的圖案

4、字體變細(xì),分割線減少,間距增大,空間感增加

5、進(jìn)度條細(xì)化處理

6、區(qū)域采用直角矩形劃分,即使采用圓角,也是用半徑較小的圓角矩形

7、整個(gè)界面色調(diào)偏淡(就是感覺(jué)都調(diào)了一些白色進(jìn)去一樣),然后高亮的圖片采用飽和度較高或則反差較大的色調(diào)

8、展示圖片的區(qū)域一定足夠大,大,大,然后展示圖片時(shí),圖片會(huì)有一種游動(dòng)溶解的效果(具體效果參見(jiàn)Flava的側(cè)邊欄)

9、在用戶操作時(shí),控件的物理效果會(huì)增多吧(iOS 7引入U(xiǎn)IKit Dynamics,并且官方鼓勵(lì)使用)

10、手勢(shì)交互增多

11、國(guó)內(nèi)環(huán)境,領(lǐng)導(dǎo)依然會(huì)讓Android版本的APP參考iOS的UI設(shè)計(jì)準(zhǔn)則來(lái)開(kāi)發(fā)或者移植.

12、大部分的凸現(xiàn)內(nèi)容的APP設(shè)計(jì)都在往輕薄化方向設(shè)計(jì)。

 

以上12點(diǎn)純屬個(gè)人設(shè)計(jì)師對(duì)于2014年移動(dòng)APP界面設(shè)計(jì)風(fēng)格的回顧和點(diǎn)評(píng)。也希望在2015年我們對(duì)移動(dòng)APP設(shè)計(jì)風(fēng)格有新的領(lǐng)悟和新的設(shè)計(jì)方向。

題外話:無(wú)論APP設(shè)計(jì)總結(jié)的多好,移動(dòng)APP設(shè)計(jì)師們必須保持獨(dú)立思考。

 

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