亚洲av无码成人专区片在线观看,亚洲av岛国动作片在线观看,少妇,喷水,亚洲av成人无遮挡网站在线观看,天堂网www资源在线

恭喜你成為UI中國推薦設計師 (詳情)
//百度統(tǒng)計 20220402 uicn

您的意見是我們 UI 中國進步的動力!
點擊立即反饋按鈕,發(fā)表您的意見!
立即反饋
QQ群反饋
您也可以加入UI中國官方反饋群進行反饋!
群號:302892100
備注:反饋問題后@管理員能讓我們及時了解您的意見

提交需求

賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!

0/20
0/200

設計大賽

  • 設計大賽
  • 發(fā)布廣告
  • 發(fā)布招聘
  • 其它需求

提交完成
感謝您對UI中國的支持和信賴!
2021年度UI趨勢預測
0.0°
2021-04-08 原創(chuàng)文章 設計趨勢 舉報 5961 56 64 2

前言

由于全球疫情的大流行,使得時間似乎停在了這么一個特殊的年份,2021年的設計趨勢依舊延續(xù)自2020年,沒有巨大的變化。但是疫情對于設計影響是潛移默化的,深入了每一個領域。任何一個新事物的出現(xiàn),都有可能對我們的行業(yè)造成巨大的沖擊。我們能做的是,在趨勢剛剛出現(xiàn)的時候,尋找到它,趕在趨勢到來之前思考未來的方向,在變化降臨之前先擁抱變化。

(注:圖片來自網(wǎng)絡,已標明作者,部分未知作者未標注,如有侵權(quán)請告知刪除)

*閱讀全文大概需要18分鐘

一.3D和UI結(jié)合

隨著高效且易用的3d軟件工具的出現(xiàn),3D 元素已經(jīng)開始變得越來越受歡迎。所以毫無疑問,3D絕對是2021年的設計趨勢,在每一個設計細分領域都能看到3D所帶來的改變,并且在現(xiàn)在扁平化所主導的UI領域中風靡一時。目前也有許多團隊或個人推出了3D預設元素,幫助3D小白更快地搭建出具有沖擊力的視覺組合。

(3D設計工具 Spline)

3D圖標的應用,以2020年蘋果發(fā)布的macOS Big Sur系統(tǒng)中應用3D效果圖標為節(jié)點,將又要引領一波設計趨勢。新擬態(tài)風格的3D圖標與之前的強擬物風格不同,它在保留了主體元素的基礎上去除了大量繁瑣的的細節(jié),整體更加輕量化,降低了視覺負重。

(Big Sur系統(tǒng)圖標)

目前各大廠已經(jīng)開始嘗試在產(chǎn)品中加入3D元素,主要以主視覺3D化、IP形象3D化為主,通過更加立體的視覺形象突破傳統(tǒng)的視覺沖擊力加深用戶對品牌印象,給用戶營造一種時刻建立品牌認知的習慣,加深用戶對品牌的記憶點。

(來自設計師Mike)

(來自支付寶花唄屏閃)


二.玻璃擬物化

這是UI設計的最新趨勢,它主要基于一種叫做背景模糊的效果,它基本上創(chuàng)造了元素的“穿透玻璃”的效果。它先是在WindowsVista中被引入,后來又在iOS7中出現(xiàn),在這里停留了一段時間后以全新的形式出現(xiàn)!

 INEXTURE Solutions LLPMark Vlasov

而再次興起則是因為MKBHD(油管博主) 首先提到了風格Glassmorphism (玻璃擬物化)是 Glass(玻璃)和 Skeumorphism(擬物化)的結(jié)合,也確實在2020成為了流行視覺元素,并且這個潮流延續(xù)到了2021年。

總的來說毛玻璃擬物化可以提升界面的:層次感、品質(zhì)感、用戶的驚喜感、更好的表達用戶當前的位置。

玻璃擬物化的在UI中應用可以大致分為3類,分別是:卡片、圖標、背景

01、卡片

利用磨砂玻璃的效果強化卡片的層次和質(zhì)感,相交處加以漸變描邊來模擬玻璃的邊框,使玻璃層從背景中分離出來。

02、圖標

圖標采用漸變+玻璃擬物化的效果,使圖標出現(xiàn)通透的層次效果,更加精致,有效的提升視覺表現(xiàn)力。

03、界面背景

背景經(jīng)過玻璃層的處理顯得非常柔和,同時位于背景前的文本、UI控件等保持著良好的可讀性。

Dhika Endi Astowo


三.動效的運用

動效的意思理解起來是界面之間點擊或跳轉(zhuǎn)會產(chǎn)生豐富有趣的動畫效果給到用戶一種即可反饋的效果。近年來動效設計的使用越發(fā)流暢,動效在界面的使用上顯得更有生命力,提升了用戶與界面之間的交互體驗。

人的視覺感官較為發(fā)達,對肉眼可見即時反饋的東西往往會更容易有帶入感,現(xiàn)在許多產(chǎn)品都加入了或多或少的一些動效設計,大體可分為兩種:一、功能型動效,主要是頁面空間的轉(zhuǎn)換,視覺信息的即時反饋;二、趣味型動效,加入品牌元素,增強趣味化;動效在界面使用上摘下了枯燥乏味的標簽,新穎生動有趣的動效更容易拉近產(chǎn)品與用戶的關(guān)系,同時也可以通過趣味化動效做好運營氣氛的烘托。

社交產(chǎn)品上的表情包,例如:微信,最新版本的官方小表情【炸彈】【煙花】······ 上線后圈粉不少,一度在聊天框中霸屏,趣味表情包,在用戶使用時帶來趣味性,增強了互動性。再例如:頭條、微博的點贊功能,連續(xù)點贊會觸發(fā)拇指發(fā)射的小動效,當用戶觸發(fā)到此功能時會產(chǎn)生驚喜感,等同與KANO 模型中的魅力型需求,不會被用戶過分期望的需求,一旦得到滿足,即使表現(xiàn)并不完善,用戶表現(xiàn)出的滿意狀況則也是非常高的。

娛樂視頻產(chǎn)品,例如:愛奇藝,優(yōu)酷,在特殊節(jié)日,例如春節(jié)、國慶等,播放視頻會有煙花小動效的浮現(xiàn),但又不影響視頻觀看,給人營造一種,視頻都在慶祝節(jié)日的感覺,無意觸碰到便是一朵煙花的綻放,給用戶一種驚喜感,使用產(chǎn)品的愉悅感油然而生。


四.VR實景

因為疫情的特殊原因,逐漸催生出了“宅生活”“云經(jīng)濟”。隨著各行各業(yè)被“趕上云端”,VR展示全面融入人們的生活,并廣受大眾喜愛。而個各式各樣的VR圖形設計軟件其實也早已問世,并且已經(jīng)有了相對成熟的技術(shù),例如Ottifox,Ottifox是一款靈活的設計應用程序,它可以幫助你創(chuàng)建在瀏覽器中運行的VR和AR原型,而無需編寫代碼。

(來自http://www.htnj110.cn/detail/328690.html)

目前國內(nèi)的房產(chǎn)售賣租賃和裝修類的線上產(chǎn)品,大部分都采用了這種VR實景技術(shù),讓用戶足不出戶就可以直接查看到在售賣租賃的房源實景,還加入了VR語音帶看技術(shù)極大的程度上給用戶便利,VR實景的技術(shù)可以實現(xiàn)在手機上360度看房實景比單純的房源照片帶入感更強,在某種程度上也提高了看房率。


五.AR實景

AR增強現(xiàn)實(Augmented Reality)技術(shù)是一種將虛擬信息與真實世界巧妙融合的技術(shù),廣泛運用了多媒體、三維建模、實時跟蹤及注冊、智能交互、傳感等多種技術(shù)手段,將計算機生成的文字、圖像、三維模型、音樂、視頻等虛擬信息模擬仿真后,應用到真實世界中,兩種信息互為補充,從而實現(xiàn)對真實世界的“增強”。

AR應用越來越廣泛目前 AR 的應用已融入到了工業(yè)制造的交互、營銷、設計、采購、房屋租購、物流和服務等各個環(huán)節(jié),利用基于5G的AR遠程協(xié)助,更快捷和現(xiàn)實結(jié)合直觀的提供用戶更好的體驗。AR與商品的結(jié)合,產(chǎn)品詳情頁提供入口,將AR作為展示功能的延伸,彌補僅靠圖片和視頻展示的不足,如得物試鞋、天貓京東等大平臺的AR試妝、家裝AR等。

AR結(jié)合生活,AR增強現(xiàn)實技術(shù)與VR虛擬現(xiàn)實技術(shù)已經(jīng)逐漸在我們生活中越來越多了的場景出現(xiàn)。在導航方面其中高德地圖AR實景結(jié)合。掏出手機對準實景,就有箭頭指示方向,讓用戶在使用的時候與現(xiàn)實結(jié)合更直觀的使用導航到達目的地。

AR瀏覽展覽館,如今在游覽特定的展館,如博物館、科技館、項目窗口展示館等,或者景區(qū)景點過多等情況下,在無法接觸展品或觀看景點時。多數(shù)的展館會使用語音講解,當AR運用在博物館講解時,可以進行實景導航。將講解和現(xiàn)場畫面進行很好的匹配、融合,沉浸式體驗博物館講解。只要抬起手機就能識別當前位置,選擇感興趣的展品,可直觀地在實時圖像上呈現(xiàn)導航講解,提高游覽者的參觀游覽體驗。


六.VUI語音交互設計

VUI不是新概念,它的前身是IVR(Interactive Voice Response,交互式語音應答),誕生于20世紀70年代。語音用戶界面是一種允許人們使用其語音與設備進行交互的技術(shù);被認為是人工智能時代下的人機交互代表。使用者依靠聲音發(fā)出指令,用戶就能夠與設備進行溝通,并在短短幾分鐘內(nèi)達成目的,讓產(chǎn)品用得更貼心。

在過去的一年中,我們能看到了越來越多的“語音交互”模塊在上線產(chǎn)品中出現(xiàn),所以大膽預測一下:2021年,我們將看到更多語音指令的落地化設計,VUI作為與技術(shù)交互的媒介也將變得更加重要。

夸克瀏覽器(用半屏展示的案例)

(使用全屏聚焦展示的案例)


七.全屏流的使用

全屏流這種交互方式從視頻類的app開始興起,再逐漸運用在各種app中。全屏能給用戶帶來更多沉浸式的用戶體驗。簡潔的設計和信息可以讓用戶聚焦在當前的頁面信息中。全憑流的信息介紹,用于商品頁面,放大商品細節(jié),全屏流的交互方式可以減少頁面過多別的信息干擾,將展示的關(guān)鍵信息更明了。

全屏流的菜單交互會比較靈活易變,能夠提升而非破壞用戶體驗。新穎的交互方式帶來了更多的數(shù)據(jù)呈現(xiàn)方式,整潔地排布文字與多媒體內(nèi)容。交易界面展示的信息一目了然。


八.插畫的多元化

插畫作為現(xiàn)代設計的一種重要的視覺設計傳達形式,以其直觀的形象性,真實的生活感和美的感染力,在現(xiàn)代設計中占有特定的地位。發(fā)展至今二十一世紀,已被廣泛用于社會的各個領域,在ui設計中,引導頁,banner,營銷視覺等多處都會使用到插畫。對于2021年ui插畫的趨勢,我們總結(jié)為以下幾點:

  • 01、3D插畫

近幾年3d的大火在也蔓延到了插畫方面,越來越多插畫采用建模或用軟件繪制出立體效果。應用至UI中的3D插畫不追求過分逼真和擬物式的光澤感,一般采用磨砂質(zhì)感,整體造型簡約、具有設計感,畫面顏色豐富明快,人物的造型通常也比較夸張。

(來自-智聯(lián)招聘)

02、噪點筆刷的融入

作為在插畫方面風靡已久的風格,近幾年依舊會是流行趨勢。扁平化的造型中疊加顆粒感的筆刷效果,對提升畫面細膩度,增強質(zhì)感來說是一個簡單又快捷的方式,因此在插畫中運用范圍十分廣泛。

 (來自Lana Marandina)

(來自Uran)

03、線條的運用

線條描邊風是一種極具表現(xiàn)力的形式。色塊與線條相結(jié)合,簡化輪廓細節(jié),提煉出簡潔主體加以夸張,搭配強烈的色彩,可以在視覺上呈現(xiàn)較大的沖擊力與張力。如今線條的使用也不單單只在于描繪輪廓,對光影描繪和畫面裝飾都有多處的運用。

(來自ZeBang)

04、大膽的色彩以及生動的漸變

極具色彩沖擊力的插畫越來越受年輕群體的歡迎。高飽和度色系、撞色、對比色的大膽運用,再融入漸變色彩,讓畫面吸人眼球的同時對運營氛圍的烘托起了重要作用。這種色彩風格對于想要營造造時尚、科技、炫酷的氛圍有極佳的效果。

05、夸張的比例、幾何化的形狀

現(xiàn)純粹的色塊式扁平插畫在大家對此審美疲勞的今天可能會顯過于簡單,這時扎根于繪畫基礎中的幾何形狀在造型中的作用越發(fā)重要,21年的插畫造型會更加注重與幾何形狀相結(jié)合的夸張形態(tài):可以打破原本扁平插畫的單調(diào)感,也可讓人物造型更具藝術(shù)感,讓畫面充滿抽象、設計感的氛圍。

(來自Alona Shostko)

(來自Tania Yakunova)


九.低對比度輕漸變的運用

近幾年,過渡柔和的輕量漸變越來越受歡迎,由于其簡約、可用性高,兼顧美感的同時,可以創(chuàng)造出讓人放松、溫暖的氛圍。因此對于期望傳達輕松、治愈風格的產(chǎn)品,輕量漸變尤為貼合。

特點:飽和度低、明度高,鄰近色系居多,過渡細膩柔和

(來自新版優(yōu)酷)

在ui中,這種漸變可使用在背景、圖標、瓷片區(qū)等設計中······

(來自Muhammad Shofiuddoula)

運營畫面

界面背景圖標、狀態(tài)插畫(來自新版優(yōu)酷)


十.大標題/大卡片流的設計風格

01、大標題設計風格

iOS11發(fā)布后,大標題導航欄設計風格興起,隨后被引入平臺規(guī)范,因此大標題風格在UI設計中占有獨特的地位,當然了這種設計風格也會延續(xù)到了2021年。雖然大標題風格占獨特的地位,但是要落地到真正的產(chǎn)品中去,不是所有產(chǎn)品都可以適用的,要根據(jù)具體情況。大標題的在UI中可以分為是:大標題導航欄、tab欄大標題、模塊化大標題 

02、改良版的大標題導航欄

iOS11大標題設計,會占用屏幕較高的空間,大大降低屏幕利用率,一般PM和老板都是不能接受的,因此在iOS11的大標題導航欄上進行了改良,隱去導航欄的分割線,縮小導航欄中的字體,使導航欄在視覺上顯得更高,更有呼吸感

產(chǎn)品:陌陌、開言英語、QQ音樂

 03、Tab欄大標題

隨著iOS11大標題風格的流行,tab欄切換樣式也出現(xiàn)了大標題選中樣式,這樣能夠迅速幫助用戶辨識自己所在的位置。

產(chǎn)品:陌陌、keep、酷狗音樂

04、模塊化大標題

模塊化大標題常配合大留白在界面中使用,在界面上能夠更好地區(qū)分層級。

產(chǎn)品:得到、開言英語、千聊

05、大卡片流設計風格

隨著Material Design的流行,卡片式設計幾乎成為當前界面設計的主流模式,不管是在移動端還是在web端,都可以隨處可見卡片式設計,因此在2021年還會繼續(xù)延續(xù)這個設計風格??ㄆO計應用的場景實際上有很多,我們著重分析卡片流中的應用。

大卡片流在UI中應用

支付寶(消息)、滴滴出行(行程)、美團(訂單)中,都采用以文字信息為主的卡片形式,并用固定的排版方式進行信息的展示。不同的是卡片中的操作按鈕,在支付寶、滴滴出行中的按鈕是用戶進行查看的操作,不涉及產(chǎn)品的轉(zhuǎn)化,因此使用的是視覺層級較弱的文字按鈕;而在美團訂單頁面中的再來一單按鈕具有轉(zhuǎn)化的功能,因此在按鈕中運用品牌色,突出并引導用戶去選擇。


總結(jié)

雖然沒有人知道2021年的趨勢會如何脫穎而出,很快就會被遺忘,但是我們可以先行感知這些趨勢,在變革到來之前,提前擁抱變化。


Powered by Froala Editor

更新:2021-04-08

收藏

56人已收藏

  • 1

    作品

  • 15

    粉絲

  • 0

    關(guān)注

相關(guān)標簽
UI設計設計趨勢

    猜你喜歡

      2021-04-08 原創(chuàng)文章 設計趨勢 舉報 5961 56 64 2

      2021年度UI趨勢預測

      0.0°

      你確定要舉報2021年度UI趨勢預測 ?

      如果查出惡意舉報,十天內(nèi)禁止提交任何舉報申請。

      0/200

      上傳證據(jù): 超過10M的附件請使用網(wǎng)盤地址

      點擊上傳附件

      對誰可見:

      全部設計師
      • 全部設計師
      • 推薦設計師和認證設計師

      您確認要推薦?

      該作品發(fā)布時間:2021年04月06日

      評分

      完整度

      啟發(fā)性

      勤奮性

      排版布局

      推薦心得

      建議20-200字以內(nèi)

      0/200

      64
      56
      2

      賬號或密碼錯誤,請重新輸入

      賬號或密碼錯誤,請重新輸入

      登錄

      手機號

      發(fā)送驗證碼 120s 驗證碼錯誤

      登錄
      第三方賬號登錄