2018年UI設(shè)計趨勢概覽

2018-6-14    藍(lán)藍(lán)設(shè)計的小編


如果您想訂閱本博客內(nèi)容,每天自動發(fā)到您的郵箱中, 請點這里

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


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

2018年UI設(shè)計趨勢概覽

漸變色

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

2018年UI設(shè)計趨勢概覽

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

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

2018年UI設(shè)計趨勢概覽

透明度+重疊

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

2018年UI設(shè)計趨勢概覽

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

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

2018年UI設(shè)計趨勢概覽

插畫風(fēng)格

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

2018年UI設(shè)計趨勢概覽

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

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

2018年UI設(shè)計趨勢概覽

3D效果正流行

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

2018年UI設(shè)計趨勢概覽

交互動效

給APP的圖標(biāo)、字體、照片和按鈕添加動畫或交互總是對用戶有著積極的影響,因為它能帶用戶更多愉快的體驗。它的幾點特性:快速且流暢、恰到好處的反饋、提升操作感受、提供良好的視覺效果。所以這一趨勢在2018年還將繼續(xù)流行下去。

2018年UI設(shè)計趨勢概覽

動態(tài)視頻

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

2018年UI設(shè)計趨勢概覽

VR/AR/VUI是未來的大趨勢

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

2018年UI設(shè)計趨勢概覽

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

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

分享本文至:

日歷

鏈接

個人資料

存檔