2023年UX/UI設(shè)計(jì)趨勢(shì)
用戶體驗(yàn)、用戶界面和產(chǎn)品設(shè)計(jì)將于 2023 年到來
設(shè)計(jì)師需要了解新的設(shè)計(jì)趨勢(shì)并保持領(lǐng)先地位。設(shè)計(jì)方式和風(fēng)格總是在變化,有時(shí)利益相關(guān)者需要為他們的產(chǎn)品設(shè)計(jì)新的風(fēng)格。
我從去年收集了很多趨勢(shì),還添加了一些新趨勢(shì),并試圖列出 2023 年的設(shè)計(jì)趨勢(shì)。
UX/UI 設(shè)計(jì)新趨勢(shì)列表
# 暗反模式
用戶想要切換到深色模式,而著名的數(shù)碼產(chǎn)品都有深色 mods 用戶界面。深色模式更適合校對(duì),提高閱讀速度。開發(fā)人員表示,長時(shí)間使用更容易保護(hù)眼睛。技術(shù)優(yōu)勢(shì)是深色模式還可以幫助您節(jié)省電池壽命。使用 OLED 屏幕的最新科技產(chǎn)品,這意味著暗模式可以節(jié)省高達(dá) 60% 的電池壽命,即使亮度為 100%。當(dāng)像素全黑及其對(duì)設(shè)備電池壽命的影響時(shí),深色模式效果最佳。
鼠標(biāo)光標(biāo)是每個(gè)屏幕的主要部分。主要部分是用戶通過使用光標(biāo)與 UI 交互。以前我們使用的是傳統(tǒng)游標(biāo),但現(xiàn)在傳統(tǒng)游標(biāo)時(shí)代已經(jīng)過去了。新的趨勢(shì)是設(shè)計(jì)師喜歡通過實(shí)施最新的 JavaScript 代碼來使用自定義和動(dòng)畫光標(biāo),這有助于改善用戶交互。雖然 Spotlight 游標(biāo)并不新鮮,但我們看到自定義游標(biāo)在 2021 年有所增加,并且這種情況一直持續(xù)到 2022 年和 2023 年,效果顯著。
傳統(tǒng)游標(biāo)的時(shí)代已經(jīng)一去不復(fù)返了
用于自定義光標(biāo)的 google chrome 擴(kuò)展以及現(xiàn)在專門用于自定義光標(biāo)的社區(qū)網(wǎng)站的興起很明顯,自定義光標(biāo)可以創(chuàng)建品牌忠誠度并在與屏幕的交互中強(qiáng)化企業(yè)品牌。
# 移動(dòng)優(yōu)先設(shè)計(jì)/方法
移動(dòng)優(yōu)先設(shè)計(jì)是我們從移動(dòng)端開始產(chǎn)品設(shè)計(jì),然后繼續(xù)創(chuàng)建平板電腦和桌面版本。它被稱為移動(dòng)優(yōu)先方法。移動(dòng)優(yōu)先是“漸進(jìn)式進(jìn)步”的規(guī)則。
2016 年移動(dòng)互聯(lián)網(wǎng)使用量超過桌面使用量
2. 人們?cè)谝苿?dòng)互聯(lián)網(wǎng)上花費(fèi)的時(shí)間更多。
# 高級(jí)微交互
用戶體驗(yàn)設(shè)計(jì)行業(yè)發(fā)展迅速,每個(gè)人都希望他們的用戶擁有最好的體驗(yàn)。通過提供定義明確的最終用戶、結(jié)構(gòu)良好的信息架構(gòu)和 UX 編寫內(nèi)容,有很多方法可以改善體驗(yàn)。并每天與這些微交互進(jìn)行交互,即使不知道它是生活的一部分。
微交互是一種小型的、更受歡迎的功能動(dòng)畫,通過提供視覺反饋和更清晰地顯示變化來支持用戶。
# 90年代復(fù)古風(fēng)格
如果您是 60 年代、70 年代或 80 年代的童心,您會(huì)很高興知道 Retro Design 活得很好!自2019年卷土重來以來,復(fù)古圖形設(shè)計(jì)和數(shù)碼產(chǎn)品設(shè)計(jì)主導(dǎo)了設(shè)計(jì)空間,從工業(yè)、室內(nèi)和視覺設(shè)計(jì)中無處不在。
Stranger Things 和 It 等流行媒體將 80 年代的懷舊情緒帶回了主流,開創(chuàng)了哥特式襯線、霓虹色和蒸汽波景觀的時(shí)代。2022年,復(fù)古卷土重來終于登陸90后。并在2023年的產(chǎn)品上不斷爆紅。
# 身臨其境的視差滾動(dòng)
視差效果涉及網(wǎng)站背景以不同于前景內(nèi)容的速度移動(dòng)。這種視覺技術(shù)會(huì)產(chǎn)生一種深度錯(cuò)覺,從而在滾動(dòng)時(shí)產(chǎn)生仿 3D 效果。
雖然視差效果可以使網(wǎng)站感覺更具交互性和吸引力,但重要的是要注意視差效果內(nèi)的過度運(yùn)動(dòng)會(huì)對(duì)前庭障礙患者造成傷害。運(yùn)動(dòng)和深度的錯(cuò)覺會(huì)導(dǎo)致頭暈或迷失方向。
如果您將這些網(wǎng)站用作您自己的靈感來源,請(qǐng)遵循以下指南進(jìn)行無障礙視差效果設(shè)計(jì):
# 3D 交互對(duì)象
3D設(shè)計(jì)是一個(gè)更突出的胎面。現(xiàn)在它不僅是靜態(tài)圖形,而且是動(dòng)畫 3D 圖形。對(duì)象在滾動(dòng)條上的移動(dòng)或用戶操作及其在設(shè)計(jì)作品中令人驚嘆的 3D 對(duì)象組合,用戶喜歡看到并讓它們停留更長時(shí)間。
留言