如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中， 請(qǐng)點(diǎn)這里

版權(quán)申明：本文原創(chuàng)作者嗨兔科技，感謝嗨兔科技的原創(chuàng)經(jīng)驗(yàn)分享！致敬哈

互聯(lián)網(wǎng)產(chǎn)品的用戶界面設(shè)計(jì)趨勢(shì)是根據(jù)用戶的不同需求而不斷變化的。在仔細(xì)分析了過(guò)去幾年用戶界面設(shè)計(jì)的趨勢(shì)和創(chuàng)新之后，我們可以發(fā)現(xiàn)其背后的一些規(guī)律，2018年UI界面設(shè)計(jì)的趨勢(shì)如下。

漸變色

在過(guò)去的幾年里，越來(lái)越多的設(shè)計(jì)師在設(shè)計(jì)作品時(shí)采用了色彩漸變的方法，今年的流體漸變更是風(fēng)靡全球。即使你只選擇了一種顏色，也可以在色彩漸變和不同圖片的幫助下，營(yíng)造出出豐富的層次結(jié)構(gòu)感，繪制出一幅令人賞心悅目的畫(huà)面。因此，色彩漸變的流行之風(fēng)不僅在席卷了2017年整年，還將會(huì)在2018年繼續(xù)流行下去。

icon由線轉(zhuǎn)面、刻畫(huà)細(xì)節(jié)

現(xiàn)在的ios12中，采用了面性圖標(biāo)，未選中和選中狀態(tài)只有顏色上的區(qū)分，并且圖標(biāo)更加圓潤(rùn)。目前很多用戶界面已經(jīng)給頁(yè)面底部標(biāo)簽欄的icon加上微動(dòng)效底部標(biāo)簽欄icon不僅有微動(dòng)效，十分有意思，符合當(dāng)下95后00后的用戶心態(tài)。同時(shí)細(xì)節(jié)的設(shè)計(jì)帶給用戶的感受也會(huì)上一個(gè)檔次。

透明度+重疊

字體、圖形以及顏色的重疊，不僅可以使界面看上去更加醒目鮮明，還可以營(yíng)造出一種空間感。 相同元素的重疊，再輔以陰影，也會(huì)使整個(gè)APP界面的設(shè)計(jì)產(chǎn)生更多的奇妙感，牢牢抓住用戶眼球，給他們留下深刻印象。因此，用戶體驗(yàn)設(shè)計(jì)中，不同元素的重疊將會(huì)成為2018年的趨勢(shì)。

卡片+投影相結(jié)合

ios12中采用了大圓角卡片設(shè)計(jì)，它不再像過(guò)去MD中的小圓角那樣呆板，大圓角讓設(shè)計(jì)更加輕快大氣。相信大家已經(jīng)看到了很多卡片都使用了投影這一手法，輕微的、似有似無(wú)的投影，不會(huì)被用戶立即察覺(jué)，但是會(huì)給設(shè)計(jì)增加深度，形成層疊的關(guān)系，更加醒目，可以更好的抓住用戶的注意力。

插畫(huà)風(fēng)格

插畫(huà)風(fēng)格運(yùn)用的越來(lái)越廣泛，適用于app當(dāng)中的啟動(dòng)頁(yè)、缺省頁(yè)、banner圖、專題頭圖、彈窗插畫(huà)、icon等等，UI界面有各式各樣的插畫(huà)風(fēng)格——如手繪風(fēng)格、簡(jiǎn)約風(fēng)格、MBE風(fēng)格、剪紙風(fēng)格和孟菲斯風(fēng)格等。這些插畫(huà)風(fēng)格的使用不僅使APP更加有趣和與眾不同，同時(shí)也賦予了用戶界面?zhèn)€性，這就在界面設(shè)計(jì)層出不窮的當(dāng)下能夠給用戶留下更為深刻的印象。

較強(qiáng)的顏色或字體大小對(duì)比

強(qiáng)烈的顏色或字體對(duì)比也可以幫助設(shè)計(jì)師設(shè)計(jì)出優(yōu)秀的用戶界面來(lái)吸引用戶的注意。例如，添加不同樣式、類型、大小的字體，也可以傳遞層次和空間的感覺(jué)。而不同類型和風(fēng)格的配色也會(huì)形成鮮明的對(duì)比，使整個(gè)設(shè)計(jì)更加豐富多彩和引人注目。

3D效果正流行

今年C4D大熱，相信大家已經(jīng)感受到了，今年雙十一很多商家都使用了3D效果，有的還加上了動(dòng)效，可以讓你全方位、多角度、更加真實(shí)的觀察商品。目前還不會(huì)C4D的設(shè)計(jì)師們，為了提升你的競(jìng)爭(zhēng)力，有必要學(xué)起來(lái)了，畢竟技多不壓身。

交互動(dòng)效

給APP的圖標(biāo)、字體、照片和按鈕添加動(dòng)畫(huà)或交互總是對(duì)用戶有著積極的影響，因?yàn)樗軒в脩舾嘤淇斓捏w驗(yàn)。它的幾點(diǎn)特性：快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺(jué)效果。所以這一趨勢(shì)在2018年還將繼續(xù)流行下去。

動(dòng)態(tài)視頻

一般小視頻使用在啟動(dòng)頁(yè)多用于第一次打開(kāi)app的場(chǎng)景，對(duì)用戶的代入感較強(qiáng)再如由動(dòng)態(tài)圖片轉(zhuǎn)變成動(dòng)態(tài)視頻，圖片中有少量的動(dòng)態(tài)元素，仿佛賦予圖片生命，比較唯美和貼近現(xiàn)實(shí)。手機(jī)banner設(shè)計(jì)上也會(huì)采用動(dòng)態(tài)視頻進(jìn)行展現(xiàn)，方便360度的查看商品，刺激你剁手的欲望。

VR/AR/VUI是未來(lái)的大趨勢(shì)

眾所周知，現(xiàn)在VR（虛擬現(xiàn)實(shí)）和AR（增強(qiáng)現(xiàn)實(shí)）VUI（語(yǔ)音交互設(shè)計(jì)）大火，它們的核心都是計(jì)算機(jī)視覺(jué)和聽(tīng)覺(jué)。VR目前在娛樂(lè)領(lǐng)域被使用，而AR將會(huì)真正影響我們的工作和生活，多用于多媒體、市場(chǎng)營(yíng)銷、教育等方面。VUI在醫(yī)療和戶外活動(dòng)方面會(huì)發(fā)揮出前所未有的用戶超級(jí)體驗(yàn)。

---

我們?yōu)閯?chuàng)造者和變革者而生，我們幫助企業(yè)制定用戶體驗(yàn)策略，為用戶創(chuàng)造精彩的數(shù)字體驗(yàn)，并通過(guò)品牌設(shè)計(jì)與用戶建立情感的連接，用設(shè)計(jì)驅(qū)動(dòng)商業(yè)策略的成功。

藍(lán)藍(lán)設(shè)計(jì)( www.teruid.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)