從ui設(shè)計的整個歷史來看，是設(shè)計的歷史性推移從復(fù)雜的裝飾性設(shè)計進化為重視功能性的簡潔性設(shè)計。設(shè)計師一直在追求設(shè)計的可能性，設(shè)計潮流變更的核心動力是效率和美麗，簡單的設(shè)計將繼續(xù)引領(lǐng)今后的設(shè)計潮流?，F(xiàn)在的ui設(shè)計風(fēng)格有哪些，跟著往下看。

現(xiàn)在的ui設(shè)計風(fēng)格有哪些

卡片式設(shè)計更加流行

卡片式設(shè)計本質(zhì)上來講是在柵格化的基礎(chǔ)上發(fā)展而來，卡片式設(shè)計可以將空間分割開來然后在進行組合。不僅能給人很好的視覺一致性，而且更易于設(shè)計模塊的組合。極大地提升了UI設(shè)計的靈活性?？ㄆ皆O(shè)計有幾個最大的設(shè)計優(yōu)勢，首先具備足夠好的內(nèi)容信息展示，例如圖文展示類的信息。其次卡片式設(shè)計可以有效的處理復(fù)雜層次關(guān)系的信息和操作邏輯。這對于內(nèi)容較多的平臺型產(chǎn)品是至關(guān)重要的。最后卡片式設(shè)計可以做到良好的模塊組合，比如不同的內(nèi)容模塊的組合，只需要重新建立一個卡片承載內(nèi)容并且將兩個卡片排列組合即可。這種能夠靈活組合的設(shè)計模塊可以滿足現(xiàn)在移動互聯(lián)網(wǎng)對效率的要求。

（圖片來自網(wǎng)絡(luò)）

圖形化設(shè)計的運用

圖形化設(shè)計是相當(dāng)下最火爆的設(shè)計元素之一，圖形化設(shè)計以其獨特的設(shè)計語言給人留下強烈的視覺印象。圖形化設(shè)計體現(xiàn)在很多的UI設(shè)計當(dāng)中比如插畫設(shè)計，字體設(shè)計，圖案設(shè)計，品牌設(shè)計等。

設(shè)計元素來源生活卻高于生活，在經(jīng)過高度的總結(jié)概括后自認(rèn)中的圖形展現(xiàn)出了強大的視覺生命力，圖形的聚集、擴散，重新組合，形成獨特的視覺符號。并結(jié)合明亮歡快的色彩會使整個設(shè)計活潑而不失時尚。

半扁平化設(shè)計

過去純粹的扁平化設(shè)計幾乎統(tǒng)治了整個網(wǎng)頁設(shè)計市場，但今年由于具體化設(shè)計的影響，今年的網(wǎng)頁設(shè)計會變得更加趨向于立體化。這種轉(zhuǎn)變將體現(xiàn)在一些光和陰影的運用，成為所謂“半扁平化設(shè)計”。扁平化設(shè)計的興起是為了適應(yīng)現(xiàn)代科技推崇的極簡化設(shè)計風(fēng)格。扁平化設(shè)計仍會存在，但已不再被大量發(fā)展并使用。適量漸變陰影的使用將會在保留其簡約風(fēng)格的基礎(chǔ)上使扁平化設(shè)計更加復(fù)雜和寫實化

更多3D

3D元素絕對是今年的主力，我們很快會看到它更多的出現(xiàn)在所有的設(shè)計領(lǐng)域里。時下VR技術(shù)勢頭正猛，3D設(shè)計元素可能會快速融入我們的生活。

（圖片來自網(wǎng)絡(luò)）

動畫效果

動畫效果已經(jīng)越來越多的以各種形式出現(xiàn)在網(wǎng)頁設(shè)計上，諸如gifs, SVG, WebGL CSS 或小視頻。動畫形式絕對是去年的最主要的趨勢之一，所以請果斷的使用它。

巧用中性空間和網(wǎng)格

過去幾年里，網(wǎng)站的排列大都規(guī)律的按條條框框排列好，但在2016年我們看到很多網(wǎng)站開始用更自由，不規(guī)律的方式排列內(nèi)容，使設(shè)計更超現(xiàn)代化。

內(nèi)容劃分

因為適應(yīng)網(wǎng)頁設(shè)計的需要，內(nèi)容的分割變得更加重要，能把屏幕的內(nèi)容劃分為兩個或更多部分。一個劃分清晰的網(wǎng)站能夠同時展示給觀者多個同等重要的信息。

實際上ui設(shè)計風(fēng)格的理解就像孩子最初認(rèn)識聲音和文字一樣，輸入性的學(xué)習(xí)是很重要的。如果小時候沒有人告訴我們知道漢字的字形和讀音，我們也許一輩子都不知道這些漢字的意思和讀音。所以千萬不要忘記多看練習(xí)！ 沒人天生就有靈感！