扣丁學(xué)堂淺談2018年不能忽略的頂尖UI界面布局趨勢(shì)
2018-01-17 13:46:38
1212瀏覽
隨著扁平化1.0運(yùn)用了兩三年，新的扁平化2.0時(shí)代，在去年漸變流行后打破了開(kāi)端，這周研究一些扁平化2018移動(dòng)端設(shè)計(jì)布局趨勢(shì)，整理分析了一些常用的布局形態(tài)。
17年在很多新的設(shè)計(jì)趨勢(shì)里面有種風(fēng)格，一般常在頁(yè)面頭部采用不規(guī)則弧線幾何圖形的形式作為頭部主視覺(jué)，區(qū)別于傳統(tǒng)長(zhǎng)方形，形成設(shè)計(jì)差異性，同時(shí)在不規(guī)則弧線處理上常用頭圖或者插畫(huà)進(jìn)行結(jié)合，有時(shí)候也會(huì)已線條形式出現(xiàn)。
iOS和安卓平臺(tái)的規(guī)范越來(lái)越模糊，最近很多APP改版都在打破平臺(tái)規(guī)范，很多APP在導(dǎo)航設(shè)計(jì)上出現(xiàn)了很多類(lèi)似當(dāng)年P(guān)ath的創(chuàng)新，驚艷的交互和視覺(jué)形式。
最新的設(shè)計(jì)風(fēng)向中，傳統(tǒng)的導(dǎo)航tab和底部導(dǎo)航，傳統(tǒng)宮格布局這種規(guī)范邊界越來(lái)越模糊，用戶(hù)在千篇一律的設(shè)計(jì)中對(duì)這種設(shè)計(jì)也比較能接受。
利用現(xiàn)實(shí)生活中體驗(yàn)，利用手機(jī)硬件陀螺儀來(lái)做視覺(jué)空間視差，目前天貓banner是個(gè)嘗試，這種運(yùn)用在banner、互動(dòng)游戲、地圖以及未來(lái)概念設(shè)計(jì)比較多，未來(lái)AR/VR交互會(huì)很多往這個(gè)方向發(fā)展。
對(duì)角線布局
對(duì)角線布局在頁(yè)面可視空間內(nèi)通過(guò)對(duì)角線的連接，形成一種視角線，這種設(shè)計(jì)能和普通的設(shè)計(jì)在板式上快速拉開(kāi)差異性。
不規(guī)則弧線布局
常在頁(yè)面頭部采用不規(guī)則弧線幾何圖形的形式作為頭部主視覺(jué)，區(qū)別于傳統(tǒng)長(zhǎng)方形，形成設(shè)計(jì)差異性，同時(shí)在不規(guī)則弧線處理上常用和頭圖或者插畫(huà)進(jìn)行結(jié)合，有時(shí)候也會(huì)采用線條形式出現(xiàn)。
層疊式布局
類(lèi)似谷歌材料設(shè)計(jì)和通過(guò)卡片和投影感覺(jué)來(lái)營(yíng)造層疊效果，長(zhǎng)距離大范圍的投影設(shè)計(jì)，投影色為按鈕元素中淺色，觸感呼之欲出。
網(wǎng)格偏出布局
一般文字在網(wǎng)格圖片的空間里面偏左或偏右，偏移于頁(yè)面主體，或者幾何圖形在頁(yè)面背后或者和頁(yè)面重疊，營(yíng)造一種破形感覺(jué)。
異形的導(dǎo)航
iOS和安卓平臺(tái)的規(guī)范越來(lái)越模糊，最近的很多APP去打破平臺(tái)規(guī)范去做出強(qiáng)的差異性，導(dǎo)航上出現(xiàn)了類(lèi)似當(dāng)年path的創(chuàng)新，那種驚艷的交互和視覺(jué)形式。
云視差布局
利用現(xiàn)實(shí)生活中體驗(yàn)，利用手機(jī)硬件陀螺儀來(lái)做視覺(jué)空間視差，目前天貓banner是個(gè)嘗試，這種運(yùn)用在banner、互動(dòng)游戲、地圖以及未來(lái)概念設(shè)計(jì)比較多，未來(lái)AR/VR交互會(huì)很多往這個(gè)方向發(fā)展。
對(duì)角線布局
對(duì)角線布局在頁(yè)面可視空間內(nèi)通過(guò)對(duì)角線的連接，形成一種視角線，這種設(shè)計(jì)能和普通的設(shè)計(jì)在板式上快速拉開(kāi)差異性。
以上就是關(guān)于2018年你不能忽略的頂尖UI界面布局趨勢(shì)的詳細(xì)介紹，想要了解更多請(qǐng)關(guān)注扣丁學(xué)堂
UI培訓(xùn)官網(wǎng)、微信公眾號(hào)平臺(tái)，扣丁學(xué)堂
UI視頻教程從零基礎(chǔ)到精通免費(fèi)試聽(tīng)試學(xué)，就業(yè)終端服務(wù)系統(tǒng)隨時(shí)監(jiān)控學(xué)員的學(xué)習(xí)情況和效果，順利畢業(yè)后根據(jù)學(xué)員自身風(fēng)格和學(xué)習(xí)效果推薦就業(yè)。如果你想要學(xué)習(xí)UI設(shè)計(jì)師技術(shù)就不要再猶豫了，喜歡就付諸行動(dòng)吧!對(duì)UI設(shè)計(jì)培訓(xùn)感興趣的朋友可以加入U(xiǎn)I交互設(shè)計(jì)交流群：568096113。
【關(guān)注微信公眾號(hào)獲取更多學(xué)習(xí)資料】
查看更多關(guān)于“ui設(shè)計(jì)資訊”的相關(guān)文章>>
標(biāo)簽:
UI設(shè)計(jì)視頻
UI培訓(xùn)UI設(shè)計(jì)師
UI視頻教程
UI在線教程
返回頂部