你的設(shè)計(jì)看上去Too old Too out了嗎？其實(shí)每隔一段時(shí)間設(shè)計(jì)行業(yè)都會(huì)涌現(xiàn)一些新的趨勢和新的元素，盡管你可能叫不出它的名字，但你會(huì)慢慢開始接受這些新變化，并且逐步應(yīng)用到我們的產(chǎn)品中。

／模糊背景

模糊背景和iOS毛玻璃效果非常的相似，也符合時(shí)下流行的扁平化和現(xiàn)代風(fēng)的設(shè)計(jì)，設(shè)計(jì)效果十分的賞心悅目，可以很好的和幽靈按鈕以及時(shí)下流行的元素搭配起來，提升用戶體驗(yàn)。

我們以淘寶電影為例，采用的是虛化該電影海報(bào)作為背景，這樣的話每一個(gè)頁面的頭部效果都不一樣，視覺效果更佳，也更個(gè)性。

／大字體

隨著手機(jī)屏幕越來越大，各APP的字體也越來越大，大字體在移動(dòng)端上呈現(xiàn)，會(huì)賦予界面以層次，提高特定元素的視覺重量，給用戶眼前一亮的感覺。

而且現(xiàn)在的界面設(shè)計(jì)趨勢更有雜志風(fēng)的方向，大字體，模塊化，用圖片替代色塊作為背景。

其次字體夠大，夠優(yōu)雅，夠獨(dú)特，同時(shí)也能提升頁面的氣質(zhì)和特色，不一定滿足功能，但是足夠好看，這對很多app提升用戶粘性也是一個(gè)不錯(cuò)的新方向。.

以蘑菇街為例子，文章詳情頁原來的標(biāo)題和正文字體分別是36px和28px，改動(dòng)后的大小分別是56px和34px，整體頁面的信息密度雖然降低了，但是字體變大使得用戶的閱讀效率有所提高。

／用空間來間隔

之前設(shè)計(jì)師們習(xí)慣通過線條和分隔符來進(jìn)行劃分內(nèi)容區(qū)塊，擁擠且不整齊。而通過空白空間來劃分區(qū)塊能，讓界面更加通透、干凈。

通過空間間隔來劃分區(qū)塊是一種非干擾性的設(shè)計(jì)，使得用戶專注于功能，而且擁有更加清晰的層級劃分和更優(yōu)的易用性，更匹配時(shí)下流行的風(fēng)格和設(shè)計(jì)的需求。

例如Pinterest，在最新的一次改版中直接把卡片的背景去掉了，這個(gè)做法非常大膽，但是效果非常好，整體圖片內(nèi)容更加清晰、通透。

同樣還是uni，一般我們會(huì)設(shè)置背景為灰色，來區(qū)分不同模塊，這樣可以更突出內(nèi)容。新的設(shè)計(jì)直接把灰色背景去掉，同時(shí)加強(qiáng)了模塊的標(biāo)題，通過間距來劃分模塊，整體更加統(tǒng)一，簡潔，界面的整體感也隨之變強(qiáng)。

／微交互

圍繞特定的用例，通過微妙細(xì)小的動(dòng)效或者交互強(qiáng)化它的視覺效果，通常能達(dá)到意想不到的效果，同時(shí)還能讓用戶感受到設(shè)計(jì)者的用心。

這些微交互能夠作為信號提示，來提醒用戶動(dòng)作和任務(wù)的完成，簡單而且自然，有的有趣的效果還會(huì)引發(fā)用戶多次觀看。

即刻點(diǎn)擊其中一條沒有鏈接的內(nèi)容，如果沒有跳轉(zhuǎn)，該條內(nèi)容會(huì)左右晃動(dòng)，頂部會(huì)出現(xiàn)提示的文案條，給人的感覺非常自然；豆瓣查看大圖，按住圖片移動(dòng)的時(shí)候會(huì)顯示背景，可以任意滑動(dòng)，松開的時(shí)候就返回到小圖模式，交互感非常強(qiáng)；Uber點(diǎn)擊查看司機(jī)信息的時(shí)候，地點(diǎn)信息會(huì)隱藏，司機(jī)照片和汽車信息會(huì)分開展示，查看完又會(huì)收起來，界面使用效率很高。

動(dòng)圖

／雙色調(diào)

扁平化設(shè)計(jì)占據(jù)主流的時(shí)候，漸變的設(shè)計(jì)手法就很少出現(xiàn)了，但是看最近的一些作品，發(fā)現(xiàn)漸變色被設(shè)計(jì)師們重新啟用了，漸變色設(shè)計(jì)有很多好處，設(shè)計(jì)師們可以調(diào)節(jié)過度使用的圖像和元素，為畫面添加有趣的元素。

其次就是雙色調(diào)的使用，雙色漸變是漸變設(shè)計(jì)中很重要的組成部分，它比同類色漸變的視覺效果更多突出，可以讓頁面層次感更豐富，突出頁面更加重要、關(guān)鍵的元素。

／圖文結(jié)合

現(xiàn)在隨意打開一個(gè)App，只要涉及到圖片排版，設(shè)計(jì)師們都更喜歡用圖文結(jié)合來呈現(xiàn)，簡單，節(jié)省空間，文字和圖片配合相得益彰，文字的疊加填補(bǔ)了圖片在畫面層次上的空白，同時(shí)也讓界面更豐富。

／為空頁面趣味化

近些年，為空頁面的設(shè)計(jì)越來越受到設(shè)計(jì)師的重視，它變的更富趣味性，色彩也更加豐富了。我們可以看到，設(shè)計(jì)師們正在想辦法，盡可能的讓App的每一個(gè)維度都變的更有趣。

像蘑菇街產(chǎn)品，把原來以圖標(biāo)形式為主的空白頁面調(diào)整成趣味性的插畫，這樣頁面即使在沒有內(nèi)容的情況下也是飽滿的，對用戶來說也更加友好。

／彩色投影的流行

自從Google的發(fā)起的長投影慢慢從人們的視野中淡出后，近期又興起了一種新的投影方式—彩色投影，投影的顏色會(huì)隨著整體背景的色系而改變，這樣的好處是可以把投影融進(jìn)整體的畫面中，同時(shí)也可以讓界面更突出和飽滿。

設(shè)計(jì)的流行趨勢總是在變化輪回， 扁平化潮流的興起，表達(dá)質(zhì)感擬物的元素退出歷史舞臺(tái)，如今代表空間感的彩色投影又回來了，它和扁平設(shè)計(jì)的相結(jié)合，在視覺上給人帶來一種別開生面的感覺。

還是uni頭條頁面，通過把輪播banner做成投影的樣式，背景用品牌色，把用戶的注意力更加的集中在頭部，投影和品牌色的結(jié)合讓對比更加強(qiáng)烈，也更適合于突出重點(diǎn)內(nèi)容。

趨勢的展開往往都是從大開公司開始，頂級互聯(lián)網(wǎng)公司的產(chǎn)品擁有龐大的用戶群，這樣更容易向用戶普及和推廣，從而推動(dòng)整個(gè)行業(yè)的推陳出新。

趨勢的變化很快，今年所流行的可能明年就已經(jīng)消退了，但是趨勢的大方向是相對穩(wěn)定的。

云和教育作為云和數(shù)據(jù)旗下高端泛IT職業(yè)教育品牌，開設(shè)有UI總監(jiān)班、PHP高薪班、JAVA大數(shù)據(jù)班、HTML5專家班、Unity虛擬現(xiàn)實(shí)大師班五大精品課程。

課程設(shè)置緊跟時(shí)代“前端”發(fā)展和“后端”需要。采用小班教學(xué)，金牌講師面授輔導(dǎo)，采用沉浸式的教學(xué)模式，8+2的學(xué)習(xí)模式，學(xué)員畢業(yè)即擁有1-2年工作經(jīng)驗(yàn)，貼近企業(yè)需求，保證高薪就業(yè)!