2023,UI/UX設(shè)計(jì)趨勢(shì)
文章詳細(xì)介紹了未來一年中UI/UX設(shè)計(jì)領(lǐng)域的發(fā)展趨勢(shì)和新興技術(shù)。其中包括以下幾個(gè)主要的趨勢(shì):
- 暗黑模式:文章提到暗黑模式將繼續(xù)流行,并成為許多應(yīng)用程序和網(wǎng)站的首選。暗黑模式不僅能夠減少眼睛疲勞,還能為用戶提供更加舒適和現(xiàn)代的界面體驗(yàn)。
- 自然元素和有機(jī)形狀:越來越多的設(shè)計(jì)師開始采用自然元素和有機(jī)形狀,以增加界面的溫暖感和親和力。這些元素可以包括自然紋理、流動(dòng)的線條和有機(jī)形狀的圖標(biāo)。
- 3D與交互動(dòng)畫:文章指出,3D元素和交互動(dòng)畫將在UI/UX設(shè)計(jì)中發(fā)揮更重要的角色。通過使用現(xiàn)代化的工具和技術(shù),設(shè)計(jì)師可以為用戶創(chuàng)造出更具沉浸感和互動(dòng)性的體驗(yàn)。
- 漸變和鮮明色彩:漸變和鮮明的色彩將繼續(xù)成為設(shè)計(jì)的關(guān)鍵元素。設(shè)計(jì)師可以運(yùn)用漸變和鮮明色彩來營造視覺層次和吸引用戶的注意力。
下面是正文~~
UI Trends (UI趨勢(shì))
1、動(dòng)態(tài)設(shè)計(jì)
動(dòng)態(tài)設(shè)計(jì)正在成為界面設(shè)計(jì)不可或缺的一部分。隨著動(dòng)畫和視頻壓縮技術(shù)的持續(xù)進(jìn)步,以及互聯(lián)網(wǎng)、瀏覽器和設(shè)備容量的日益增大,我們可以在不犧牲速度或效率的情況下,為界面引入更加復(fù)雜且細(xì)膩的動(dòng)態(tài)元素。
在直觀的動(dòng)畫程序和動(dòng)畫庫的支持下,設(shè)計(jì)師們對(duì)于運(yùn)動(dòng)設(shè)計(jì)的實(shí)驗(yàn)越發(fā)自信,為用戶帶來更為動(dòng)態(tài)和視覺吸引力強(qiáng)的體驗(yàn)。設(shè)計(jì)師能模仿實(shí)物產(chǎn)品的動(dòng)力和物理特性,創(chuàng)造出更具沉浸感的數(shù)字互動(dòng)模式。
展望未來,視頻內(nèi)容也將繼續(xù)增強(qiáng)動(dòng)態(tài)設(shè)計(jì)的影響力。精心策劃的視頻片段、動(dòng)態(tài)背景以及趣味十足的視頻彈窗將變得更為重要,甚至成為打造引人入勝的品牌體驗(yàn)的必要元素。
2、滾動(dòng)講故事
動(dòng)態(tài)設(shè)計(jì)的一個(gè)值得關(guān)注的子集就是滾動(dòng)講故事,也被稱為沉浸式滾動(dòng)。與其他動(dòng)畫和微互動(dòng)類似,滾動(dòng)講故事正在逐漸顯現(xiàn)其在豐富用戶與產(chǎn)品之間的互動(dòng)方面的重要性。
滾動(dòng)觸發(fā)動(dòng)畫或許與產(chǎn)品的實(shí)用性關(guān)聯(lián)不大,但如果做得恰到好處,它可以增添無與倫比的視覺吸引力,并在不同信息集合之間形成有效的過渡。沉浸式滾動(dòng)的講故事能力,讓產(chǎn)品,特別是著陸頁面設(shè)計(jì)煥發(fā)生機(jī),即使內(nèi)容和功能有限。簡(jiǎn)而言之,滾動(dòng)講故事提供了一種提升內(nèi)容,使用戶愉悅,提升品牌認(rèn)知度并驅(qū)動(dòng)渴望的敘述方式。它是一種新的講故事方式,我們?cè)诨ヂ?lián)網(wǎng)上看到的無數(shù)探索使其正開始逐步發(fā)展。
3、新的大膽極簡(jiǎn)主義
關(guān)于極簡(jiǎn)主義的下一個(gè)發(fā)展方向,乍一看似乎沒什么新穎之處。所有的極簡(jiǎn)主義元素都在其中:專注于功能性對(duì)象,避免無功能性的裝飾,保持負(fù)空間的通透,扁平化元素和圖案,簡(jiǎn)易的導(dǎo)航和有限的色彩調(diào)色板。使即將來臨的極簡(jiǎn)主義趨勢(shì)與眾不同的是其對(duì)現(xiàn)有概念的更微妙而發(fā)展的理解。
精心策劃的單色調(diào)色板將是打造現(xiàn)代極簡(jiǎn)風(fēng)格的關(guān)鍵。當(dāng)它們與大塊的扁平色彩形狀、充足的填充和圓潤的邊緣結(jié)合在一起,會(huì)產(chǎn)生整體看起來“豐富”的非凌亂的界面。元素將保持圓潤且柔和的外觀,與扁平圖形和對(duì)比型文字相結(jié)合。進(jìn)入下一年,極簡(jiǎn)主義的界面無疑將在不犧牲清晰度、可讀性和易用導(dǎo)航的前提下,提供更個(gè)性化和富有表現(xiàn)力的體驗(yàn)。
4、快樂的色彩 / 刺激多巴胺的調(diào)色板
“多巴胺著裝” 主要在時(shí)尚界中流行,它借鑒了近年來復(fù)古回潮的趨勢(shì),聚焦于大膽和快樂色調(diào)的象征性質(zhì)。隨著這種趨勢(shì)的持續(xù)發(fā)展和重新定義個(gè)人和品牌表達(dá)的基本規(guī)則,界面設(shè)計(jì)也并未免疫這種趨勢(shì)。色塊設(shè)計(jì)、輕柔的質(zhì)感和治療色彩,結(jié)合復(fù)古元素,再超加在布魯塔主義甚至反設(shè)計(jì)的布局上,將向從70年代至Z世代的用戶發(fā)出大膽的聲明。
這些刺激多巴胺的色彩大爆發(fā)如此普遍,以至于連大品牌也開始注意到。盡管這些品牌的審美風(fēng)格在其他方面更為低調(diào),但消費(fèi)品巨頭選擇在(數(shù)字)活動(dòng)中使用多巴胺色彩作為獨(dú)立的方案,無需重新塑造其核心品牌。
5、極光漸變
如果你認(rèn)為在Instagram進(jìn)行設(shè)計(jì)重塑之后,漸變趨勢(shì)會(huì)慢慢走向尾聲,那你就錯(cuò)了。漸變色并沒有消失,它們只是在改變風(fēng)格。
誘發(fā)多巴胺的色彩組合可以以色塊的形式出現(xiàn),也可以像近年來越來越流行的那樣,混合形成引人注目的漸變色。這種大膽的色彩方案也被稱為極光漸變,它們通過搭配輕淡的互補(bǔ)色來營造出既超凡又現(xiàn)代的氛圍,巧妙地繼續(xù)引用80年代和90年代的元素。這絕對(duì)不是一個(gè)新的趨勢(shì),但無疑是一個(gè)不斷擴(kuò)展,并在各行各業(yè)的品牌和網(wǎng)頁資源中找到自我應(yīng)用的趨勢(shì),而不僅僅局限于科技行業(yè)。
這個(gè)名稱來源于它們與極光(Aurora Borealis,也被稱為北極光)的相似性。在網(wǎng)頁和應(yīng)用設(shè)計(jì)項(xiàng)目中,將相容的顏色混合成極光漸變,會(huì)使整個(gè)設(shè)計(jì)看起來更為提升,神秘,富有表現(xiàn)力和流暢。
UX Trends (用戶體驗(yàn)的趨勢(shì))
1、跨設(shè)備體驗(yàn)
如今的應(yīng)用程序提供的跨設(shè)備操作性已經(jīng)讓消費(fèi)者習(xí)以為常。以蘋果的產(chǎn)品供應(yīng)為先導(dǎo),推動(dòng)了沉浸式產(chǎn)品生態(tài)系統(tǒng)的發(fā)展,用戶對(duì)于無縫的跨設(shè)備活動(dòng)的期待也顯而易見。許多產(chǎn)品將在來年繼續(xù)借鑒這個(gè)提示,使其數(shù)字產(chǎn)品盡可能地做到設(shè)備無關(guān),同時(shí)也提供實(shí)時(shí)一致且可靠的體驗(yàn)。
這不僅僅是一種習(xí)慣變成的期待,用戶確實(shí)對(duì)這種靈活性有了新的和有價(jià)值的用途。用戶體驗(yàn)研究員和工程師將面臨改進(jìn)現(xiàn)有跨設(shè)備體驗(yàn)的無縫性的任務(wù),他們需要考慮特定產(chǎn)品的用戶旅程中的邊緣案例和不尋常的操作,以及跨各種設(shè)備的使用。更重要的是,他們將面臨更大的挑戰(zhàn),即在這種情況下密切尋找回應(yīng)用戶真正需要和痛點(diǎn)的新機(jī)會(huì)。
2、情感設(shè)計(jì)
情感設(shè)計(jì)與用戶體驗(yàn)研究一樣長久存在。這個(gè)術(shù)語強(qiáng)調(diào)了一個(gè)事實(shí),即人類的決策基于情緒而非邏輯。隨著數(shù)字體驗(yàn)的成熟,我們正在目睹數(shù)字產(chǎn)品的飽和,其中新穎性和易用性已不足以使產(chǎn)品脫穎而出。因此,重新關(guān)注情感設(shè)計(jì)將繼續(xù)在創(chuàng)造有價(jià)值的產(chǎn)品差異化和獲取競(jìng)爭(zhēng)優(yōu)勢(shì)中起到關(guān)鍵作用。
為了實(shí)踐并在情感設(shè)計(jì)中取得新的進(jìn)步,用戶體驗(yàn)研究員將必須對(duì)用戶在日?;?dòng)中的情感需求和期待進(jìn)行更深入的研究。這種探索將希望找到那些能夠引發(fā)強(qiáng)烈且積極肯定的反應(yīng),以及在產(chǎn)生更高級(jí)認(rèn)知印象之前的本能和行為反應(yīng)的互動(dòng)類型。微動(dòng)作、可容忍性、可關(guān)聯(lián)的微小副本和個(gè)性化等特定領(lǐng)域?qū)⑴c研究緊密結(jié)合,以為出色的產(chǎn)品鋪平道路。
3、(超級(jí))個(gè)性化
在情感設(shè)計(jì)中,我們預(yù)計(jì)將更加重視個(gè)性化,作為維護(hù)和鞏固用戶與產(chǎn)品關(guān)系的方式。無論是個(gè)人健康應(yīng)用、智能家居系統(tǒng),還是個(gè)人任務(wù)管理器(舉幾個(gè)例子),研究新的方式提供個(gè)性化的系統(tǒng)反饋將是至關(guān)重要的。
這可能將依賴于新類型的數(shù)據(jù)收集,然后將其融入日常的用戶與系統(tǒng)的互動(dòng)中。為了實(shí)現(xiàn)這一點(diǎn),用戶體驗(yàn)研究員和工程師將必須擴(kuò)大他們對(duì)哪些類型的上下文數(shù)據(jù)可以(經(jīng)過同意)收集以建立更深入且當(dāng)然更有益的關(guān)系的考慮。此類研究也可能深入物聯(lián)網(wǎng)系統(tǒng)的功能,以實(shí)現(xiàn)更無縫和個(gè)性化的數(shù)字體驗(yàn)。
4、微交互
為了提高人機(jī)交互的逼真度,微交互將繼續(xù)是用戶體驗(yàn)研究的焦點(diǎn),其目的超越了情感設(shè)計(jì)和UI的愉悅感。雖然微交互涉及到項(xiàng)目后期的UI決策,但核心的微交互概念仍將依賴于對(duì)流程流程的深入理解,以及用戶觸發(fā)和系統(tǒng)觸發(fā)的微交互如何導(dǎo)致系統(tǒng)反饋。此外,深入研究用戶心理、心智圖和物理產(chǎn)品的先例可能會(huì)揭示出設(shè)計(jì)精良且直觀的系統(tǒng)反饋的新機(jī)會(huì)。
本文轉(zhuǎn)載自微信公眾號(hào)「大遷世界」,可以通過以下二維碼關(guān)注。轉(zhuǎn)載本文請(qǐng)聯(lián)系大遷世界公眾號(hào)。