這是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ì)作品吧!
從以上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)下載!