ui設(shè)計(jì)風(fēng)格發(fā)展趨勢(shì)是什么

ui設(shè)計(jì)風(fēng)格發(fā)展趨勢(shì)

ui設(shè)計(jì)風(fēng)格發(fā)展趨勢(shì)：現(xiàn)如今UI設(shè)計(jì)正向著移除不必要元素并聚焦核心功能的方向發(fā)展著，核心功能成為當(dāng)之無愧的UI設(shè)計(jì)焦點(diǎn)，今天小編主要給大家分享ui設(shè)計(jì)風(fēng)格發(fā)展趨勢(shì)，希望對(duì)你們有幫助!

從偽3D到超扁平

三維特效和準(zhǔn)物理設(shè)計(jì)讓界面有縱深的感覺。

用戶界面是平的，但是設(shè)計(jì)師和開發(fā)者投入了大量的精力和無數(shù)的靈感，試圖給用戶帶來一個(gè)3D世界�；仡�20世紀(jì)80年代和90年代GUI剛剛出現(xiàn)的時(shí)候，你會(huì)發(fā)現(xiàn)設(shè)計(jì)師已經(jīng)開始了偽3D效果(陰影、漸變、高光)，以幫助用戶更輕松理解界面。

這些效果使用戶能夠在視覺上將GUI與現(xiàn)實(shí)世界中的元素聯(lián)系起來，使交互和操作更加明顯。這些3D特效所營造的假象使界面看起來更有深度和高度。不同的元素構(gòu)建成不同的視覺層次，加上來自現(xiàn)實(shí)世界的隱喻，用戶自然開始理解界面的交互模式:

1.看起來凸起的元素讓人覺得可以按下去，這種設(shè)計(jì)經(jīng)常用于按鈕設(shè)計(jì)。

2.看起來凹陷的元素讓人覺得可以被填滿，輸入框通常采用這樣的設(shè)計(jì)。

擬物化設(shè)計(jì)是上述概念進(jìn)一步深化的產(chǎn)物，ui中的每個(gè)元素都以數(shù)字形式模擬現(xiàn)實(shí)生活中物體的細(xì)節(jié)和質(zhì)感，這幾乎是一套完整的視覺語言。當(dāng)我們談及擬物化時(shí)，它在很大程度上等同于蘋果iOS7之前的ui設(shè)計(jì)風(fēng)格，而iOS7之前的iOS系統(tǒng)，甚至更早的MacOSX的ui設(shè)計(jì)都是擬物化的絕佳例子。

移除陰影，不再立體

每一個(gè)變化都會(huì)帶來相應(yīng)的影響，扁平化設(shè)計(jì)和擬物化自然有很大的區(qū)別�？紤]到屏幕上顯示的信息本身不是3D的，那么，為什么不去掉裝飾，專注于功能呢?

與三維設(shè)計(jì)和擬物化不同，最初的扁平化完全沒有考慮物理世界的特征和界面之間的聯(lián)系，就是純粹的扁平化。在這樣的設(shè)計(jì)中沒有微妙的陰影和漸變來為你暗示輸入框和按鈕。看看Windows 8時(shí)代的Metro 設(shè)計(jì)你就能明白。