首頁

2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?

ui設(shè)計分享達人

你知道嗎?據(jù)權(quán)威機構(gòu)統(tǒng)計,如今每秒鐘就有數(shù)十個網(wǎng)頁誕生。如何讓自己的網(wǎng)站脫穎而出?了解最新的網(wǎng)頁設(shè)計趨勢至關(guān)重要。接下來,就讓我們一起盤點2025年網(wǎng)頁設(shè)計最新趨勢,相信一定能對你的網(wǎng)站設(shè)計有所啟發(fā)!
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
一、人工智能輔助設(shè)計
如今數(shù)字化飛速發(fā)展,網(wǎng)頁數(shù)量呈爆炸式增長,用戶對于網(wǎng)頁的審美和功能要求也日益提高,這使得網(wǎng)頁設(shè)計的工作量和復(fù)雜度不斷攀升。而人工智能的蓬勃發(fā)展,為網(wǎng)頁設(shè)計帶來了新的變革,逐漸成為設(shè)計師們提升效率和創(chuàng)意的得力助手。
目前,人工智能在網(wǎng)頁設(shè)計中的應(yīng)用已經(jīng)涵蓋了多個方面,從最初簡單的模板推薦,到如今能夠參與到頁面布局規(guī)劃、色彩搭配、元素生成等核心設(shè)計環(huán)節(jié),并且隨著技術(shù)的持續(xù)進步,其輔助設(shè)計的能力正變得越來越強大、精準(zhǔn)和智能。2025 年,人工智能輔助設(shè)計將成為網(wǎng)頁設(shè)計的一個重要趨勢,設(shè)計師將更加依賴人工智能技術(shù)來完成網(wǎng)頁設(shè)計的各個環(huán)節(jié)。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
比如AI原型設(shè)計工具小摹AI(
https://www.mockplus.cn/ai
),可以根據(jù)用戶描述自動生成可編輯的線框原型,還可以生成圖片、文本、翻譯等內(nèi)容,大大提升了網(wǎng)頁設(shè)計效率!
 
二、數(shù)據(jù)可視化設(shè)計
數(shù)據(jù)可視化網(wǎng)頁設(shè)計是指在網(wǎng)頁環(huán)境中,運用圖形、圖表、地圖、信息圖等直觀的視覺元素,將復(fù)雜的數(shù)據(jù)信息以一種清晰、易懂且具有吸引力的方式呈現(xiàn)出來,幫助用戶快速理解數(shù)據(jù)背后的含義、發(fā)現(xiàn)規(guī)律以及做出決策。
現(xiàn)在,各行各業(yè)都在積累海量的數(shù)據(jù),然而單純的數(shù)據(jù)表格和文本形式往往難以讓人們直觀地把握其核心內(nèi)容。通過數(shù)據(jù)可視化網(wǎng)頁設(shè)計,能夠把抽象的數(shù)據(jù)轉(zhuǎn)化為可視化的圖形語言,跨越不同專業(yè)背景和知識層次,讓更廣泛的用戶群體都能輕松解讀數(shù)據(jù),這對于企業(yè)展示業(yè)務(wù)成果、分析運營情況、輔助決策制定,以及科研機構(gòu)分享研究成果等方面都有著極為重要的意義。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
像網(wǎng)頁設(shè)計工具摹客RP(
https://www.mockplus.cn/rp
)中,就自帶有大量可擴展的圖表組件,設(shè)計師可以使用它快速創(chuàng)建出各種類型的可視化圖表、圖形。同時,摹客RP還支持?jǐn)?shù)據(jù)的動態(tài)更新和交互操作,讓用戶能夠?qū)崟r地查看和分析數(shù)據(jù)。
 
三、微交互設(shè)計
微交互設(shè)計指的是在網(wǎng)頁或應(yīng)用程序中那些細(xì)微卻極具影響力的交互細(xì)節(jié),它聚焦于用戶與界面元素之間的小規(guī)?;?,比如按鈕的按下效果、頁面滾動時的動畫反饋、表單輸入時的實時提示、菜單展開與收起的動態(tài)呈現(xiàn)等。盡管這些交互動作看似微不足道,但它們在提升用戶體驗方面卻起著至關(guān)重要的作用。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
設(shè)計師可以使用合適的工具輕松地為網(wǎng)頁中的各種元素添加微交互效果。例如,在摹客RP中可以設(shè)置各個畫板的交互方式、按鈕的點擊動畫、頁面的滾動觸發(fā)效果等。通過這些微交互設(shè)計,能夠讓網(wǎng)頁更加生動和有趣。
 
四、動態(tài)插畫與動畫
動態(tài)插畫和動畫在網(wǎng)頁設(shè)計中的應(yīng)用越來越廣泛,它們不僅可以為網(wǎng)頁增添趣味性和活力,還可以更好地傳達信息和引導(dǎo)用戶。區(qū)別于傳統(tǒng)靜態(tài)網(wǎng)頁元素,動態(tài)插畫與動畫能夠瞬間抓住用戶的注意力,在眾多網(wǎng)頁中脫穎而出。它們以生動鮮活的形象和流暢的動態(tài)效果,使用戶在瀏覽網(wǎng)頁時更容易被吸引并停留下來,進而深入了解網(wǎng)頁內(nèi)容。并且富有創(chuàng)意和情感表達的動態(tài)插畫與動畫往往能喚起用戶的情感反應(yīng),拉近與用戶之間的距離。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
 
五、響應(yīng)式設(shè)計的新高度
響應(yīng)式網(wǎng)頁設(shè)計是一種網(wǎng)頁設(shè)計理念和技術(shù)手段,旨在讓網(wǎng)頁能夠根據(jù)不同的設(shè)備屏幕尺寸、分辨率、瀏覽器類型以及用戶的操作行為等因素,自動調(diào)整和優(yōu)化網(wǎng)頁的布局、內(nèi)容展示以及交互功能,從而為用戶提供始終如一的、良好的瀏覽體驗。
在如今這個多設(shè)備并存的時代,用戶可能會通過臺式電腦、筆記本電腦、平板電腦、智能手機甚至智能手表等各種不同尺寸和特性的設(shè)備來訪問網(wǎng)頁。如果網(wǎng)頁沒有采用響應(yīng)式設(shè)計,就很容易出現(xiàn)頁面顯示錯亂、元素排版不合理、文字過小或過大難以閱讀、功能無法正常使用等諸多問題。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
六、暗黑模式
當(dāng)今人們使用電子設(shè)備的時長日益增加,無論是電腦、手機還是平板電腦,長時間面對明亮的屏幕容易導(dǎo)致眼睛疲勞,尤其是在夜間或低光環(huán)境下,這種不適感更為明顯。同時,隨著用戶對個性化體驗以及設(shè)備續(xù)航能力關(guān)注度的提升,暗黑模式應(yīng)運而生,并迅速在網(wǎng)頁設(shè)計領(lǐng)域流行起來。
除此之外,暗黑模式往往給人一種時尚、高端且神秘的感覺,能夠契合不同的網(wǎng)站主題和品牌形象,為網(wǎng)頁營造出獨特的氛圍。例如,科技類、影視類、游戲類網(wǎng)站采用暗黑模式,可以增強其酷炫、專業(yè)的氣質(zhì),提升整體的品質(zhì)感。2025年,暗黑模式也成為網(wǎng)頁設(shè)計的一種重要趨勢,越來越多的網(wǎng)頁將提供暗黑模式的切換選項,甚至是很多網(wǎng)站的默認(rèn)設(shè)置。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
七、不對稱布局
傳統(tǒng)的網(wǎng)頁設(shè)計往往采用對稱布局,以追求平衡和穩(wěn)定的視覺效果。不對稱布局是一種打破傳統(tǒng)網(wǎng)頁設(shè)計中對稱平衡原則的布局方式。它摒棄了左右或上下完全對等的元素排列,通過將不同大小、形狀、色彩的元素進行錯落有致的擺放,營造出獨特、富有動感和創(chuàng)意的視覺效果。
相較于對稱布局給人的穩(wěn)定、常規(guī)感,不對稱布局憑借其獨特的元素組合能迅速抓住用戶的注意力,讓網(wǎng)頁在眾多千篇一律的頁面中脫穎而出,激發(fā)用戶進一步探索的欲望。并且可以利用元素的大小、位置等差異,巧妙地將重要信息或關(guān)鍵操作按鈕放置在更顯眼的非對稱位置上,引導(dǎo)用戶優(yōu)先看到這些重點內(nèi)容。比如,把 “立即購買” 按鈕放在頁面右側(cè)較大的空白區(qū)域中,通過與周邊元素的對比,強化它的視覺效果,提高用戶的點擊率。
利用不對稱設(shè)計還能體現(xiàn)設(shè)計師獨特的審美和創(chuàng)新思維,能夠賦予網(wǎng)頁更高的藝術(shù)價值,適合那些希望展現(xiàn)獨特品牌形象、追求與眾不同風(fēng)格的網(wǎng)站,像一些創(chuàng)意工作室、藝術(shù)展覽類網(wǎng)站常常采用不對稱布局來彰顯自身的藝術(shù)氣息和個性。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
八、語音交互設(shè)計
隨著語音助手的普及,語音交互設(shè)計在網(wǎng)頁設(shè)計中的應(yīng)用也越來越受到關(guān)注。語音交互可以提供更加便捷和自然的交互方式,特別是對于那些不擅長使用鍵盤和鼠標(biāo)的用戶來說。還能適應(yīng)不同的使用場景,例如在開車、做家務(wù)等情況下,用戶可以通過語音交互來使用網(wǎng)頁。
在 2025 年,我們可以看到更多的網(wǎng)頁將支持語音交互功能,讓用戶可以通過語音指令來瀏覽網(wǎng)頁、搜索信息、完成操作等。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
九、沉浸式 3D 交互體驗
用戶對于網(wǎng)頁的體驗需求已不再局限于傳統(tǒng)的二維平面展示和簡單交互。沉浸式 3D 交互體驗網(wǎng)頁設(shè)計應(yīng)運而生,它借助先進的 3D 建模、虛擬現(xiàn)實(VR)、增強現(xiàn)實(AR)以及相關(guān)的交互技術(shù),將網(wǎng)頁打造成一個逼真的三維空間,讓用戶能夠身臨其境地瀏覽內(nèi)容、進行操作,仿佛置身于一個真實的虛擬世界中。
隨著硬件設(shè)備性能的不斷提升,如電腦圖形處理能力增強、VR/AR 設(shè)備逐漸普及,還有用戶對于更具創(chuàng)新性、趣味性瀏覽體驗的追求,網(wǎng)頁設(shè)計開始越來越多地融入 3D 交互元素,以突破傳統(tǒng)網(wǎng)頁的限制,為各行業(yè)的網(wǎng)頁應(yīng)用(如電商展示、虛擬展廳、在線教育、游戲宣傳等)帶來全新的呈現(xiàn)形式和互動方式。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
 
 
十、可持續(xù)設(shè)計
可持續(xù)性網(wǎng)頁設(shè)計是指在網(wǎng)頁的整個生命周期中,從規(guī)劃、設(shè)計、開發(fā)、部署到運營和維護,都遵循環(huán)保、社會和經(jīng)濟可持續(xù)發(fā)展的原則,以最小化對環(huán)境的負(fù)面影響,并為用戶和社會創(chuàng)造長期價值。
隨著全球?qū)Νh(huán)境保護意識的不斷提高以及資源日益稀缺的現(xiàn)狀,可持續(xù)性網(wǎng)頁設(shè)計也成為如今的一個重要趨勢。它不僅有助于減少能源消耗和碳排放,降低對環(huán)境的壓力,還能提升企業(yè)或組織的社會形象,滿足用戶對綠色、環(huán)保產(chǎn)品和服務(wù)的期望,同時從長期來看,通過優(yōu)化資源利用和降低運營成本,也能為企業(yè)帶來經(jīng)濟效益。
2025年網(wǎng)頁設(shè)計最新趨勢來襲,你準(zhǔn)備好了嗎?
 
2025 年的網(wǎng)頁設(shè)計趨勢呈現(xiàn)出多元化和創(chuàng)新性的特點。從沉浸式 3D 交互體驗到人工智能輔助設(shè)計,從動態(tài)插畫與動畫到可持續(xù)設(shè)計,每一種趨勢都代表著網(wǎng)頁設(shè)計領(lǐng)域的新方向和新機遇。在這個快速發(fā)展的時代,網(wǎng)頁設(shè)計師需要不斷學(xué)習(xí)和掌握新的技術(shù)和理念,以適應(yīng)市場的需求和用戶的期望。


作者:摹客設(shè)計云
鏈接:https://www.zcool.com.cn/article/ZMTY0OTIzNg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

解鎖UI設(shè)計新趨勢:打造未來感界面的5大技巧(下)

資深UI設(shè)計者

? 隨著科技的迅猛發(fā)展,用戶界面(UI)設(shè)計作為連接用戶與數(shù)字世界的橋梁,其重要性和影響力日益凸顯。一個優(yōu)秀的UI設(shè)計不僅能夠提升用戶體驗,保持用戶的持續(xù)參與度,還能助力品牌在激烈的市場競爭中脫穎而出。

解鎖UI設(shè)計新趨勢:打造未來感界面的5大技巧(上)

資深UI設(shè)計者

? 隨著科技的迅猛發(fā)展,用戶界面(UI)設(shè)計作為連接用戶與數(shù)字世界的橋梁,其重要性和影響力日益凸顯。一個優(yōu)秀的UI設(shè)計不僅能夠提升用戶體驗,保持用戶的持續(xù)參與度,還能助力品牌在激烈的市場競爭中脫穎而出。

解鎖UI設(shè)計新趨勢:打造未來感界面的5大技巧

ui設(shè)計分享達人

引言
  隨著科技的迅猛發(fā)展,用戶界面(UI)設(shè)計作為連接用戶與數(shù)字世界的橋梁,其重要性和影響力日益凸顯。一個優(yōu)秀的UI設(shè)計不僅能夠提升用戶體驗,保持用戶的持續(xù)參與度,還能助力品牌在激烈的市場競爭中脫穎而出。如今,設(shè)計師們面臨的挑戰(zhàn)是如何
捕捉并應(yīng)用新興趨勢,打造出具有未來感的界面設(shè)計,以滿足用戶對新鮮感和創(chuàng)新體驗的渴望
  在未來感的設(shè)計中,每一個小小的細(xì)節(jié)都可能成為引領(lǐng)潮流的風(fēng)向標(biāo)。從
視覺元素的創(chuàng)新運用
智能動效與微交互
的精妙結(jié)合,再到
材料設(shè)計與空間概念
的深度探索,以及
色彩與字體的新潮流
,都是構(gòu)建引人入勝的用戶界面不可或缺的部分。更進一步,隨著
增強現(xiàn)實(AR)和虛擬現(xiàn)實(VR)技術(shù)
的融入,UI設(shè)計的邊界被進一步拓展,為用戶帶來前所未有的沉浸式體驗。
  本文將深入探討打造未來感界面的5大技巧,并通過實際案例的分析,揭示這些技巧如何在實際設(shè)計過程中得以應(yīng)用,并最終形成具有影響力的產(chǎn)品。無論是剛踏入UI設(shè)計領(lǐng)域的新手,還是經(jīng)驗豐富的資深設(shè)計師,本文都將提供有價值的見解和靈感,幫助大家解鎖新趨勢,打造具備未來感的用戶界面,共同邁向更加美好的數(shù)字生活。
(如果文中存在任何不準(zhǔn)確或遺漏之處,期待各位專家的指正和建議)
本文目錄
本文目錄
 
解鎖UI設(shè)計新趨勢:打造未來感界面的5大技巧
 
 
一、新趨勢概覽
1.當(dāng)前UI設(shè)計的流行趨勢
  在數(shù)字設(shè)計的世界中,UI設(shè)計的趨勢如同時尚圈的變遷一樣迅速。每一個新趨勢都在告訴我們,技術(shù)正以前所未有的速度影響著我們的日常生活。作為設(shè)計師,理解并把握這些趨勢不僅意味著能夠創(chuàng)造出引人入勝的作品,更代表著能夠預(yù)見并塑造未來用戶與界面交互的方式。
  當(dāng)前流行的UI設(shè)計趨勢包括了
極簡主義、扁平化、暗色模式、玻璃模糊效果(Glassmorphism)、以及動態(tài)的視覺效果
等。這些趨勢往往反映了用戶對清晰性、可讀性、以及視覺舒適度的需求。例如,暗色模式不僅減少了屏幕發(fā)出的光線,減輕了用戶眼睛的疲勞,同時也賦予了界面一種時尚和專業(yè)的氣息。(可閱讀我之前的文章《「大廠設(shè)計師」教你一文讀懂暗色模式》,非常詳細(xì))
當(dāng)前流行的UI設(shè)計趨勢
當(dāng)前流行的UI設(shè)計趨勢
 
2.科技發(fā)展如何影響UI設(shè)計
  同時,隨著人工智能和物聯(lián)網(wǎng)的普及,UI設(shè)計也正在變得更加
智能化和互聯(lián)
。設(shè)備間的無縫連接帶來了
統(tǒng)一的用戶體驗
,而人工智能的引入則讓界面能夠根據(jù)用戶的行為和習(xí)慣提供個性化的反饋和建議,極大地
提升了用戶的粘性
小米已經(jīng)建立起了涉及12大領(lǐng)域、98項細(xì)分領(lǐng)域的技術(shù)圖譜,涵蓋了智能手機、智能汽車、機器人、軟件和算法、電商、智能制造、金融等各類小米研發(fā)和應(yīng)用的技術(shù)
小米已經(jīng)建立起了涉及12大領(lǐng)域、98項細(xì)分領(lǐng)域的技術(shù)圖譜,涵蓋了智能手機、智能汽車、機器人、軟件和算法、電商、智能制造、金融等各類小米研發(fā)和應(yīng)用的技術(shù)
 
3.優(yōu)秀案例解讀
  為了具體展示這些趨勢在實際中的應(yīng)用,我們不妨來看一看
蘋果公司的UI設(shè)計
。蘋果一直以來都是工業(yè)設(shè)計的先驅(qū)者,它的UI設(shè)計同樣引領(lǐng)著潮流。在最新的iOS系統(tǒng)中,我們可以看到
玻璃模糊效果被運用到了極致
,它不僅使界面看起來更加現(xiàn)代和清新,也為用戶體驗增加了層次感和深度。此外,蘋果的
Animoji和Memoji功能
將個性化的動態(tài)表情帶入了消息交流中,這種結(jié)合了
個性化和技術(shù)趨勢
的設(shè)計細(xì)節(jié),
增強了用戶的互動樂趣,并提高了平臺的參與度
。
蘋果公司的玻璃模糊效果及emoji應(yīng)用
蘋果公司的玻璃模糊效果及emoji應(yīng)用
 
  接下來,我們還可以看到
特斯拉
在其車載用戶界面中采用了
極簡主義
的設(shè)計理念。通過簡化界面元素,去除多余的裝飾,特斯拉成功地提供了一個
既美觀又功能性極強
的控制面板,完美地展示了如何
將復(fù)雜信息簡潔呈現(xiàn)給用戶
。
特斯拉的極簡化HMI設(shè)計
特斯拉的極簡化HMI設(shè)計
 
  總之,
了解并應(yīng)用這些UI設(shè)計的新趨勢
對于設(shè)計師來說是至關(guān)重要的。它們不僅能夠幫助設(shè)計師創(chuàng)作出符合當(dāng)下審美的作品,更能讓他們預(yù)見未來,
打造出具有前瞻性和創(chuàng)新精神的用戶界面
。在接下來的章節(jié)中,我們將深入探討如何將這些趨勢轉(zhuǎn)化為實際的設(shè)計技巧,并通過案例分析來揭示這些技巧的應(yīng)用方法。
解鎖UI設(shè)計新趨勢:打造未來感界面的5大技巧
 
 
二、5大設(shè)計技巧及應(yīng)用
1.創(chuàng)新的視覺元素運用
  在UI設(shè)計中,視覺元素的運用是
建立品牌形象和提升用戶體驗
的關(guān)鍵。近年來,隨著技術(shù)的不斷進步和設(shè)計理念的更新迭代,設(shè)計師們已經(jīng)開始嘗試更為創(chuàng)新的視覺元素,以打造具有未來感的用戶界面。這些創(chuàng)新元素不僅能夠
吸引用戶的目光
,還能
提供新穎的交互體驗
,從而
增強用戶的參與度
。
(1).抽象圖形和動態(tài)背景
  首先,
抽象圖形和動態(tài)背景
成為了流行趨勢之一。這些元素通常結(jié)合了
復(fù)雜的幾何形狀、微妙的色彩漸變以及動態(tài)效果
,用以營造出一種科技感或夢幻般的氛圍。例如,一個登錄頁面可能采用動態(tài)的背景,其中包含緩慢旋轉(zhuǎn)的三維幾何形體,這不僅給用戶帶來了
視覺上的享受
,也傳達了
品牌對未來科技的追求
。
圖源:https://dribbble.com
圖源:https://dribbble.com
 
(2).3D元素
  其次,
3D元素的融合
也是創(chuàng)新視覺元素運用的一個方向。隨著3D建模技術(shù)的發(fā)展,將三維元素集成到二維界面中變得越來越流行。這樣的設(shè)計不僅
增添了界面的深度和立體感
,還為用戶
提供了更為豐富的互動方式
。例如,懂車帝使用了
3D產(chǎn)品預(yù)覽
,讓用戶能夠從不同角度觀察車輛,增加了購物的體驗感。
懂車帝的3D看車
懂車帝的3D看車
 
(3).優(yōu)秀案例解讀
  接下來,我們將通過一個具體的案例來進一步理解這一技巧的應(yīng)用。
AirPano Travel Book
是一款旅游類應(yīng)用,運用了
視差滾動效果
來模擬用戶在旅途中的景深變化,當(dāng)用戶在應(yīng)用中上下滾動時,不同層次的圖像將以不同的速度移動,
營造出一種真實的旅行體驗
。同時,在UI中加入
定制化的動態(tài)抽象圖形
,比如根據(jù)用戶的目的地展示出具有當(dāng)?shù)靥厣膱D樣,這樣既美化了界面,也
提供了個性化的信息
視差滾動效果
視差滾動效果
 
定制化抽象圖形
定制化抽象圖形
 
  此外,為了更好地展示創(chuàng)新視覺元素的運用,設(shè)計師可以利用現(xiàn)代設(shè)計工具,如
Adobe XD或Sketch
等,這些工具支持導(dǎo)入和創(chuàng)建復(fù)雜的矢量圖形,并能夠模擬各種動態(tài)效果。通過在這些工具中進行快速原型設(shè)計和迭代,設(shè)計師可以方便地測試和調(diào)整視覺元素,直到找到最適合用戶和品牌的設(shè)計解決方案。
  總之,通過引入創(chuàng)新的視覺元素,設(shè)計師不僅可以
打破傳統(tǒng)的界面設(shè)計局限
,還可以
推動用戶體驗向更加動態(tài)和互動的方向發(fā)展
。這種設(shè)計技巧要求設(shè)計師具備前瞻性的洞察力和扎實的設(shè)計技能,以便創(chuàng)造出既美觀又實用的用戶界面。在接下來的章節(jié)中,我們將探討如何將這些創(chuàng)新的視覺元素與智能動效和微交互結(jié)合起來,進一步提升UI設(shè)計的吸引力。
2.智能動效與微交互
  在當(dāng)今的UI設(shè)計中,智能動效(Smart Animations)和微交互(Microinteractions)已經(jīng)成為提升用戶體驗不可或缺的元素。這些細(xì)微但至關(guān)重要的設(shè)計細(xì)節(jié),不僅
使界面更加生動活潑,而且有效引導(dǎo)用戶行為,增強應(yīng)用程序的直觀性和易用性
(1).智能動效
  智能動效
是指
根據(jù)用戶的互動而觸發(fā)的動畫效果
,它能夠提供視覺反饋,幫助用戶理解他們的行為和應(yīng)用程序的響應(yīng)。例如,當(dāng)用戶點擊一個按鈕時,按鈕可能會有顏色漸變或者擴大縮小的動畫,這種動效
向用戶確認(rèn)了他們的操作已被系統(tǒng)識別和處理
。此外,智能動效也可以用來
引導(dǎo)用戶的注意力
,如通過動畫展示來突出重要的信息或者引導(dǎo)用戶完成特定的任務(wù)流程。
blibili的三連動效
blibili的三連動效
 
(2).微交互
 
  微交互
則是一種細(xì)節(jié)層面的設(shè)計,它關(guān)注的是
用戶在使用產(chǎn)品過程中的微小時刻
,例如TabBar底部導(dǎo)航欄的選中效果、滑動刪除應(yīng)用通知時的"嗖"的一聲提示,或是設(shè)置定時器時旋轉(zhuǎn)的撥輪聲。這些看似不經(jīng)心的設(shè)計實際上極大地
豐富了用戶的體驗
,讓用戶在使用過程中的每一個小步驟都
獲得滿足感和愉悅感
。
tabbar動效設(shè)計,可通過AE制作
tabbar動效設(shè)計,可通過AE制作
 
 (3).優(yōu)秀案例解讀
  為了更好地演示智能動效和微交互的實際應(yīng)用,我們來看一個具體的案例分析。網(wǎng)易云音樂是一款音樂流媒體應(yīng)用,我們可以在用戶播放一首歌曲時加入一個
從封面圖片過渡到播放器界面
的流暢動效,這不僅美觀現(xiàn)代,還強化了用戶的操作反饋。當(dāng)用戶進行歌曲切換時,唱片機上的
唱針通過拿起放下的動效表示切換唱片
,同時伴隨著節(jié)奏的跳動,增強了聽覺與視覺的聯(lián)動。
網(wǎng)易云音樂的播放歌曲
網(wǎng)易云音樂的播放歌曲
 
  在微交互方面,如果用戶將歌曲添加到收藏列表,有許多類似
心跳般的跳動動畫
作為反饋,讓用戶感受到自己的選擇得到了
系統(tǒng)的即時回應(yīng)
,同時這個動效也可以根據(jù)用戶的個人喜好進行選擇,滿足了用戶的個性化需求。
網(wǎng)易云音樂的個性化收藏
網(wǎng)易云音樂的個性化收藏
 
  為了實現(xiàn)這些智能動效和微交互,設(shè)計師們通常需要掌握一定的動畫制作技能,并熟悉如
After Effects、Principle
等動畫制作工具。通過這些工具,設(shè)計師不僅可以創(chuàng)造復(fù)雜的動效,還能將這些動效導(dǎo)入到原型設(shè)計中,確保它們在實際應(yīng)用場景中的可行性和效果。
  總結(jié)來說,
智能動效和微交互是提升UI設(shè)計吸引力的重要技巧
。它們不僅美化了界面,增加了樂趣,更重要的是提升了用戶的實際使用體驗。在接下來的章節(jié)中,我們將探討如何利用材料設(shè)計和空間概念來進一步增強界面的層次感和深度感。
3.材料設(shè)計與空間概念
  在UI設(shè)計的世界中,材料設(shè)計(Material Design)是由
谷歌
推出的一套設(shè)計語言,
旨在通過使用陰影、動畫和深度效果來模擬真實世界的材料和質(zhì)感
。這種設(shè)計理念不僅使界面看起來更加直觀和一致,而且通過引入空間概念,增強了用戶的沉浸感和操作直覺性。
(1).材料設(shè)計
  首先,
材料設(shè)計
的核心在于其能夠
創(chuàng)建一個具有層次感的界面
。設(shè)計師利用紙張隱喻來構(gòu)建出一個可以觸摸的虛擬世界,在這個世界中,
每一個元素都像是一張放置在桌面上的紙片
。通過使用
陰影和厚度
,這些紙張般的元素之間建立了明顯的
層級關(guān)系
,讓用戶能夠清晰地感知到哪些是可以互動的按鈕或卡片,哪些是背景信息或次要元素。
將手機屏幕看作紙張,而UI設(shè)計師就是在二維平面上創(chuàng)造三維畫作
將手機屏幕看作紙張,而UI設(shè)計師就是在二維平面上創(chuàng)造三維畫作
 
(2).空間概念
  其次,
空間概念
在材料設(shè)計中同樣至關(guān)重要。通過對
Z軸
的利用,設(shè)計師可以創(chuàng)造出
元素之間的前后關(guān)系
,使得一些元素看起來像是浮動在其他元素的上方或下方。例如,彈出菜單或抽屜式導(dǎo)航會出現(xiàn)在主界面之上,而幻燈片則可能在下方滑動進入視野。這樣的設(shè)計不僅
增添了視覺上的趣味性
,也
使得用戶更容易理解多維的導(dǎo)航結(jié)構(gòu)
不同的界面元素對應(yīng)不同的視覺層級
不同的界面元素對應(yīng)不同的視覺層級
 
(3).優(yōu)秀案例解讀
  為了更好地演示材料設(shè)計和空間概念的應(yīng)用,讓我們來看一個案例。在
Airbnb愛彼迎
的搜索結(jié)果頁面中,房源都
以卡片形式展現(xiàn)
,并且有
懸浮效果
,用戶可以感受到元素之間的堆疊效果。而房東名片以書本形式展示在界面最上層,點擊之后給用戶帶來
拿起展開信息的體驗
。此外,房源圖片的高質(zhì)量和大尺寸也使得用戶仿佛能觸摸到實際空間,增強了
沉浸感
。
愛彼迎的搜索界面
愛彼迎的搜索界面
 
  實現(xiàn)這些效果,設(shè)計師通常需要掌握如
Sketch、Figma、Adobe XD
等現(xiàn)代UI設(shè)計工具,這些工具提供了必要的
組件和動效
支持來實現(xiàn)材料設(shè)計的規(guī)范。此外,它們也支持跨平臺協(xié)作,確保設(shè)計在不同設(shè)備和操作系統(tǒng)中保持一致性和功能性。
  總的來說,材料設(shè)計和空間概念賦予了UI設(shè)計更多的
立體感和現(xiàn)實感
。通過恰當(dāng)?shù)剡\用這些技巧,設(shè)計師可以創(chuàng)造出既
美觀又富有邏輯性
的用戶界面,從而提升用戶體驗和滿意度。在接下來的章節(jié)中,我們將深入探討色彩與字體的新潮流以及它們?nèi)绾斡绊懹脩舻那楦泻托袨椤?/div>
3.色彩與字體的新潮流
  UI設(shè)計中,色彩和字體是
塑造品牌形象和傳遞信息
的關(guān)鍵要素。隨著設(shè)計風(fēng)格的不斷演變,新的色彩配搭和字體設(shè)計趨勢也在持續(xù)涌現(xiàn),為設(shè)計師提供了更多的選擇和創(chuàng)意空間。掌握這些新潮流不僅能夠
使設(shè)計作品更具時代感
,而且可以深刻
影響用戶的情感反應(yīng)和行為模式
(1).色彩趨勢
  新興的
色彩趨勢通
常反映在
年度流行的顏色
上,如
Pantone每年發(fā)布的年度色
等。這些流行色往往與文化趨勢、社會情緒以及科技發(fā)展緊密相連。例如,一種溫暖而包容的色彩可能反映了人們對和諧社區(qū)的向往,而一種鮮亮且活潑的色彩則可能是對日益增長的數(shù)字化生活的回應(yīng)。在UI設(shè)計中運用這些流行色,可以
增強產(chǎn)品的時尚感和相關(guān)性
。
Pantone近四年的流行色
Pantone近四年的流行色
 
(2).字體設(shè)計
 
字體設(shè)計
同樣重要,因為不同的
字體風(fēng)格和排版
可以直接影響
信息的傳達效果和用戶的閱讀體驗
。最新的字體趨勢可能包括
無襯線字體
的進一步簡化、
手寫字體
的個性化使用,或者是
動態(tài)字體
的出現(xiàn),后者在不同的屏幕和設(shè)備上能夠提供最佳可讀性。此外,
響應(yīng)式排版
也越來越受到重視,它允許字體大小和行距隨屏幕尺寸的改變而調(diào)整,從而優(yōu)化移動端和桌面端的閱讀體驗。
近年流行的字體風(fēng)格和排版
近年流行的字體風(fēng)格和排版
 
(3).優(yōu)秀案例解讀
  為了具體展示這些趨勢的應(yīng)用,我們來看一個案例。
QQ
是一款國內(nèi)的主流社交媒體應(yīng)用,它的消息界面選擇了一種
明亮且具有活力的藍色作為主題色
,這種顏色既能吸引
年輕用戶
群體,又能與應(yīng)用的
清新現(xiàn)代感
相契合。對于
字體
,用戶可以
根據(jù)自己的喜好選擇
一種簡潔的無襯線字體來增強消息的清晰度,同時在用戶發(fā)送的
個性化簽名
中用戶也可以選擇一款有趣的手寫風(fēng)格字體,以
鼓勵用戶自我表達和個性化分享
。
QQ中字體、顏色、主題的應(yīng)用
QQ中字體、顏色、主題的應(yīng)用
 
  在實現(xiàn)這些設(shè)計時,設(shè)計師可以利用多種工具和技術(shù),如
CSS變量和HTML5的@font-face
規(guī)則,以確保
色彩和字體的準(zhǔn)確展現(xiàn)
和良好性能。此外,設(shè)計師還應(yīng)該考慮到
多語言環(huán)境下字體的兼容性
,確保所有用戶都能獲得一致的體驗。
  綜上所述,色彩和字體在UI設(shè)計中的新潮流不僅
反映了文化的變遷和技術(shù)的發(fā)展
,而且對于提
升用戶體驗和滿足審美需求
起到了關(guān)鍵作用。通過在設(shè)計中融入這些新趨勢,設(shè)計師能夠創(chuàng)造出既
富有表現(xiàn)力又易于使用的界面
。在接下來的章節(jié)中,我們將深入探討如何將增強現(xiàn)實(AR)和虛擬現(xiàn)實(VR)技術(shù)融入UI設(shè)計中,為用戶帶來前所未有的交互體驗。
5.增強現(xiàn)實(AR)與虛擬現(xiàn)實(VR)的融合
  隨著技術(shù)的不斷進步,
增強現(xiàn)實(AR)和虛擬現(xiàn)實(VR)
已經(jīng)成為UI設(shè)計領(lǐng)域的新趨勢,它們?yōu)橛脩籼峁┝?/div>
沉浸式和互動式的體驗
。這些技術(shù)
將現(xiàn)實世界和虛擬世界融合在一起
,創(chuàng)造出
全新的用戶界面和交互方式
。在這篇文章的最后部分,我們將探討如何將AR和VR技術(shù)融入UI設(shè)計中,以提供獨特而前沿的用戶體驗。
AR與VR的區(qū)別
AR與VR的區(qū)別
 
(1).增強現(xiàn)實(AR)
  增強現(xiàn)實技術(shù)允許用戶
在現(xiàn)實世界的環(huán)境中看到由計算機生成的圖像
。在UI設(shè)計中,這意味著設(shè)計師可以
創(chuàng)建能夠與現(xiàn)實世界相互作用的界面元素
。例如,得物利用了AR技術(shù)讓用戶在自己的家中就能試
穿衣服或鞋子
,從而
消除了線上購物與實體店購物之間的界限
。設(shè)計師需要確保這些虛擬對象與現(xiàn)實世界的環(huán)境相協(xié)調(diào),同時提供直觀的用戶操作指南和提示。
得物的AR試穿功能
得物的AR試穿功能
 
(2).虛擬現(xiàn)實(VR)
  虛擬現(xiàn)實則創(chuàng)造了一個
完全由計算機生成的環(huán)境
,用戶可以在其中進行沉浸式的體驗。在UI設(shè)計中,這通常涉及到
創(chuàng)造一個360度的界面
,用戶可以在其中環(huán)顧四周,并與之互動。例如,
網(wǎng)易瑤臺
可以允許用戶在家中就能
探索遙遠的目的地
,或是通過虛擬現(xiàn)實體驗提前
參觀即將舉辦的活動場地
。其業(yè)務(wù)范圍包括
私域元宇宙、數(shù)字文旅、營銷活動、展覽展廳、企業(yè)空間
等多種場景。設(shè)計師在這個領(lǐng)域面臨的挑戰(zhàn)是如何在不引起暈動癥的前提下,提供流暢而引人入勝的體驗。
網(wǎng)易瑤臺的VR服務(wù)場景
網(wǎng)易瑤臺的VR服務(wù)場景
 
(3).優(yōu)秀案例解讀
  為了具體展示AR和VR在UI設(shè)計中的應(yīng)用,我們來看一個案例分析。
如視
是國內(nèi)一家提供
AR/VR看房
技術(shù)的服務(wù)公司,其合作對象包括自如、貝殼、華住會、萬科等。房地產(chǎn)應(yīng)用的
目標(biāo)用戶是潛在的房屋買家
,加入AR技術(shù)來讓用戶
在自己的手機上查看房屋的內(nèi)部布局和外觀設(shè)計
。當(dāng)用戶指向特定的房屋模型時,屏幕上會顯示房屋的實際外觀,并允許用戶通過手機攝像頭在現(xiàn)實世界的背景下查看它。此外,用戶還可以通過VR技術(shù)進行一次
虛擬參觀
,就像親自走在房屋內(nèi)一樣,從每個角度觀察房間的布局和設(shè)計。
如視的AR看房功能
如視的AR看房功能
 
  實現(xiàn)這樣的設(shè)計不僅需要對UI設(shè)計有深刻的理解,還需要掌握如
Unity3D、Unreal Engine
等高級開發(fā)工具,以及對于AR和VR硬件如
Oculus Rift
Microsoft HoloLens
的熟悉。設(shè)計師必須考慮到用戶的物理運動和視線變化,以確保界面元素在不同的視角和情境下都能正確顯示并提供反饋。
  總結(jié)來說,將AR和VR技術(shù)融入UI設(shè)計是一個
充滿挑戰(zhàn)但同樣充滿機遇的領(lǐng)域
。它要求設(shè)計師不僅要關(guān)注傳統(tǒng)的設(shè)計原則,還要
對新技術(shù)有深入的了解和實驗精神
。通過結(jié)合這些技術(shù),設(shè)計師可以創(chuàng)造出前所未有的體驗,將用戶帶入一個全新的互動維度。
寫在最后
  在探索未來感UI設(shè)計的旅程中,我們共同穿越了五個關(guān)鍵技巧的門檻,它們分別是
創(chuàng)新的視覺元素運用、智能動效與微交互的精妙結(jié)合、材料設(shè)計與空間概念的深度利用、色彩與字體的新潮流引領(lǐng),以及對增強現(xiàn)實(AR)與虛擬現(xiàn)實(VR)技術(shù)
的前沿融合。通過這些技巧,設(shè)計師們能夠打造出不僅具有功能性,而且具有強烈吸引力和未來感的用戶界面。
  隨著技術(shù)的不斷進步和用戶需求的持續(xù)演變,UI設(shè)計的未來將繼續(xù)展開新的可能性。設(shè)計師們需要
不斷地學(xué)習(xí)、適應(yīng)并實驗最新的設(shè)計技巧和技術(shù)
,以確保他們的作品不僅與時俱進,更能引領(lǐng)潮流。在此過程中,設(shè)計師們將拓寬自己的創(chuàng)意視野,提高解決問題的能力,并最終為用戶帶來更加豐富、直觀且愉悅的體驗。
  這篇文章不僅是對現(xiàn)代UI設(shè)計技巧的全面概述,也是一個對未來設(shè)計趨勢的期待和準(zhǔn)備。讓我們一起攜手進入這個充滿創(chuàng)造力和無限可能的設(shè)計新時代。
 


作者:阿琳01
鏈接:https://www.zcool.com.cn/article/ZMTYyNDYyMA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計(m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。我們建立了一個微信群,每天分享國內(nèi)外優(yōu)秀的設(shè)計,有興趣請加入一起學(xué)習(xí)成長,咨詢及進群請加藍小助微信ben_lanlan。

WechatIMG27.jpg

關(guān)鍵詞:UI咨詢UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā)

 

2024 年 十大UX/UI設(shè)計 趨勢

ui設(shè)計分享達人

在外網(wǎng)看到的一篇關(guān)于2024設(shè)計趨勢的文章,翻譯歸納分享給大家。
一.3D圖像
3D插畫的優(yōu)勢:
1.開發(fā)成本低
2.受設(shè)計師的個人風(fēng)格影響小
3.質(zhì)感、材質(zhì)更顯風(fēng)格化抽象化,易吸引用戶的注意力
3D插畫
3D插畫
 
動態(tài)3D插畫
動態(tài)3D插畫
 
3D插畫在金融類網(wǎng)站的應(yīng)用
3D插畫在金融類網(wǎng)站的應(yīng)用
 
3D插畫在設(shè)計師個人網(wǎng)站的應(yīng)用
3D插畫在設(shè)計師個人網(wǎng)站的應(yīng)用
 
3D插畫在設(shè)計工作室網(wǎng)站的應(yīng)用
3D插畫在設(shè)計工作室網(wǎng)站的應(yīng)用
 
二.復(fù)雜漸變
復(fù)雜漸變的優(yōu)勢:
體現(xiàn)未來感,與高科技產(chǎn)品建立認(rèn)知聯(lián)系
品牌代理機構(gòu)
品牌代理機構(gòu)
 
創(chuàng)意機構(gòu)
創(chuàng)意機構(gòu)
 
創(chuàng)意工作室
創(chuàng)意工作室
 
三.玻璃態(tài)和新晶態(tài)
玻璃態(tài)和新晶態(tài)的優(yōu)勢:
真實感,用戶感覺自己在近距離觀察物體
 
玻璃形態(tài)主義
是指在界面中模仿玻璃的質(zhì)感
新形態(tài)主義
是從從擬物主義衍生而來的一種適應(yīng)性趨勢,適合現(xiàn)代審美。它強調(diào)在物體、體積和漸變上進行高質(zhì)量的陰影渲染
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
四.低多邊形插圖
低多邊形插圖優(yōu)勢
1.簡潔明了,有效傳達信
2.游戲質(zhì)感、懷舊感,喚起愉快的回憶和童年的輕松感
2024 年 十大UX/UI設(shè)計 趨勢
 
 
五.2D插畫
2D插圖優(yōu)勢:
風(fēng)格化強烈,更能突出品牌風(fēng)格。Google、Yandex、Dropbox、Mailchimp 和 Wetransfer都傾向于這種2D風(fēng)格插畫。
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
六.極簡主義
廣泛應(yīng)用于提供室內(nèi)設(shè)計服務(wù)、法律服務(wù)和電子商務(wù)的項目,人們傾向于不沉迷于明亮的細(xì)節(jié),因為用戶需要專注于基本要素,而不是被過多的裝飾元素分散注意力。
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
七.暗黑主義
這樣的風(fēng)格營造出一種特殊的宇宙氛圍,增添了一絲奢華感。因此,高級銀行產(chǎn)品、信息行業(yè)的封閉社區(qū)、VIP 服務(wù)和商品中經(jīng)常出現(xiàn)暗黑主題。它有效地強調(diào)了高地位和所用技術(shù)的進步性。
基于區(qū)塊鏈的數(shù)字生態(tài)系統(tǒng) Glec 項目
基于區(qū)塊鏈的數(shù)字生態(tài)系統(tǒng) Glec 項目
 
區(qū)塊鏈項目
區(qū)塊鏈項目
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
八.動效
2024 年 十大UX/UI設(shè)計 趨勢
 
 
2024 年 十大UX/UI設(shè)計 趨勢
 
 
動效示例網(wǎng)站鏈接:
https://youtu.be/suC3o141tB0
 
九.人物
為了進一步吸引用戶,可以考慮使用獨特的吉祥物角色。它們會在用戶使用數(shù)字產(chǎn)品時陪伴用戶并讓他們參與互動。這種方法有助于在競爭對手中脫穎而出,確保溝通的一致性(如果用戶在品牌或公司的每個平臺上都遇到熟悉的角色,他們會更容易適應(yīng))
營銷平臺
營銷平臺
 
推廣 Web3 項目
推廣 Web3 項目
 
界面中的字符有多種用途:
  •  
    角色充當(dāng)向?qū)В瑸橛脩籼峁椭?、提示和鼓勵。它們幫助用戶瀏覽界面并了解產(chǎn)品的功能。
  •  
    角色有助于與觀眾建立情感聯(lián)系。它們傳達產(chǎn)品的價值,并通過添加個人風(fēng)格使互動更具吸引力。
  •  
    用戶可以通過角色獲得獎金、折扣或其他獎勵。這與游戲化的大趨勢相吻合,用戶可以通過完成任務(wù)獲得成就。
 
十.美好回憶
復(fù)古和懷舊設(shè)計元素是激發(fā)用戶懷舊情緒的絕佳觸發(fā)器。它們讓用戶與產(chǎn)品進行情感互動,提供身臨其境的體驗。在潛意識中,它們增強了訪客的信任,傳達出這樣的信息:“我們有著共同的過去,共同的回憶。我們一起長大。”
防曬霜產(chǎn)品網(wǎng)站
防曬霜產(chǎn)品網(wǎng)站
 
Spotify 促銷
Spotify 促銷
 
幫助音樂家創(chuàng)作歌曲的服務(wù)
幫助音樂家創(chuàng)作歌曲的服務(wù)
 
開發(fā)設(shè)計工作室
開發(fā)設(shè)計工作室
 
十一.大膽的實驗設(shè)計
飽和的字體、酸性色彩、GIF 動畫、滾動文本以及明亮但平面的拼貼畫、來自 Mac OS 9、Windows 2000 和 Windows ME 的元素——當(dāng)您想要創(chuàng)建真正“狂野”且令人難忘的視覺效果時,可以使用所有這些元素。
秘密社團與全球陰謀
秘密社團與全球陰謀
 
興趣工作室
興趣工作室
 
設(shè)計師個人界面
設(shè)計師個人界面
 
樂高的歷史
樂高的歷史
 
 


作者:油燜小蝦米
鏈接:https://www.zcool.com.cn/article/ZMTYyMjAxMg==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。
 

 

 

2024 年的 UX/UI 設(shè)計趨勢,關(guān)于未來科技體驗的可能性

博博

一、從便當(dāng)盒而來的 Bento UI

便當(dāng)盒是日本午餐和午餐盒文化的重要組成部分。他們以井然有序的方式儲存食物,并保持著食物清潔。

圖片來源 — Freepik

從便當(dāng)盒演變而來的 Bento UI 設(shè)計風(fēng)格,是便當(dāng)盒在屏幕上的數(shù)字化效果,基于卡片的設(shè)計或網(wǎng)格布局,其中信息以不同的部分或容器呈現(xiàn),以提高清晰度和易用性。它慢慢開始在 Dribbble 和 Behance 等平臺上掀起波瀾,吸引數(shù)百萬設(shè)計師關(guān)注。

后續(xù)這種“模塊化”設(shè)計概念開始出現(xiàn)在網(wǎng)站的儀表板,包括 PayPal 的銷售和財務(wù)儀表板、Google Ads 的分析工具等。Windows Phone 和 Lumia 使用的 UI 本質(zhì)上是 Bento 設(shè)計風(fēng)格的早期迭代。后來,微軟也將這一概念應(yīng)用到了 Windows 8 的 Windows 桌面開始菜單中。

Windows 8 開始菜單當(dāng)蘋果公司在 iPhone 登陸頁面上開始使用 Bento 網(wǎng)格時,Bento 設(shè)計被徹底引爆,很快擴展到蘋果的發(fā)布會演示中。

另一張?zhí)O果海報

眾所周知,蘋果公司總能引領(lǐng)市場設(shè)計趨勢,而 Bento 設(shè)計風(fēng)格只是其中之一。從那以后,每個設(shè)計師都使用 Bento 進行產(chǎn)品設(shè)計、產(chǎn)品發(fā)布等。

日式便當(dāng)?shù)脑O(shè)計與 Bento 設(shè)計趨勢之間的最大區(qū)別在于, Bento 網(wǎng)格的每個部分都代表一個獨特的空間,而不是一個組的一部分。它現(xiàn)在已經(jīng)發(fā)展到包括產(chǎn)品演示,與其他一些獨特的布局混合,甚至采用新的視覺設(shè)計概念進行風(fēng)格化。比如下面這個:

Bento 設(shè)計互動現(xiàn)場演示

上面的例子來自 diagram.com,它使用便當(dāng)網(wǎng)格來展示其工具通過交互式體驗可以做什么的現(xiàn)實生活示例,讓這個工具更具吸引力,并告訴用戶他們應(yīng)該期待什么。

同時,為了幫助全球設(shè)計師開拓思路,出現(xiàn)了一些 Bento 設(shè)計靈感的收集網(wǎng)站,如 Bentogrids.com ,其中有大量用于 UI 和圖形設(shè)計的 Bento 網(wǎng)格。感興趣的設(shè)計師朋友可以前往體驗。

Bentogrids官網(wǎng)

Bento UI 設(shè)計風(fēng)格擴展性較強,可以快速的創(chuàng)建響應(yīng)式動態(tài)分布,同時可以輕松地創(chuàng)建明確的視覺層次結(jié)構(gòu)和布局,提高信息可讀性和可理解性。這些優(yōu)勢讓 Bento UI 在移動設(shè)備上的發(fā)揮非常出色,但如果是層級結(jié)構(gòu)較為復(fù)雜的頁面,Bento UI可能并不適合。

二、AR / VR設(shè)計與更交互式的空間體驗

想象一下,你剛剛醒來,拿起手機查看“重要電子郵件”。畫面切換,你帶著蘋果的 Vision Pro,整個信息流都來源于這里。這是 2023 年 6 月 5 日全世界每一位科技和設(shè)計愛好者的早晨。

圖片來源 — Apple.com

在接下來的幾周里,這是科技界談?wù)摰闹饕掝},每個設(shè)計師都在努力學(xué)習(xí)空間設(shè)計技能。除了設(shè)計趨勢之外,各種 AR / VR 初創(chuàng)公司也走到了最前沿,他們的技術(shù)終于被人們談?wù)?。Vision Pro 真正推動了 AR 和 VR 的發(fā)展。

偉大的技術(shù)帶來巨大的設(shè)計潛力。從智能手表到折疊手機,設(shè)計師們總是挺身而出,展示他們的適應(yīng)性??臻g設(shè)計也不例外。

一睹即將發(fā)生的事情

一款名為“Bezi”的流行設(shè)計師工具隨之推出,它非常接近 Figma 和 Spline 等設(shè)計工具,但增加了第三維空間。設(shè)計師可以進行空間設(shè)計,連接可用的 AR / VR 耳機,并創(chuàng)建交互式空間體驗。

更好的 UX 是更好的 AR / VR 體驗的一個重要貢獻者。深入了解前沿設(shè)計背后的技術(shù)、使用實際的 VR 耳機、在空間環(huán)境中進行測試,這些都是工作的一部分。隨著我們的發(fā)展,我們目前對用戶體驗的理解肯定會有很多新的變化。這是需要持續(xù)積累并會在將來使用的技能之一。

除了蘋果公司豐富的想象力和雄厚的財力之外,還有一些不太懂技術(shù)的公司也為佩戴眼鏡帶來了全新的體驗。比如太陽鏡公司 RayBan ,已經(jīng)憑借其新款 Meta Wayfarer 進入了智能可穿戴設(shè)備競賽。它的內(nèi)置攝像頭和智能功能允許用戶存儲視頻/圖像并直播到社交媒體,這為用戶體驗和客戶體驗帶來了新的維度。

圖片來源 — RayBan

三、動畫與 3D 設(shè)計成為新趨勢

當(dāng)更多人掌握一項新技能時,新趨勢往往就會誕生。LottieFiles 可以便捷的將 UI 生成簡單的動畫,他們甚至推出了 Figma 插件,允許用戶將 Figma 動畫轉(zhuǎn)換為可導(dǎo)出的 Lottie JSON 文件。這解決了 After Effects 和類似軟件的漫長學(xué)習(xí)曲線問題,讓更多的設(shè)計師可以自己快速制作動畫。

同時我們注意到,如今每個公司的登陸頁面上都有誘人的互動。這源于網(wǎng)站訪問者對差異化體驗的需求不斷增長,以及在銷售產(chǎn)品/服務(wù)的過程中講好故事的更大需求。

以 Apple Watch Series 9 的登陸頁面交互為例:

有了滾動動畫,訪問者就會全神貫注于你要向他們展示的內(nèi)容。Webflow 和 Framer 等無代碼工具不斷創(chuàng)新,為設(shè)計人員帶來此類動畫功能,而無需編寫長行代碼。

人們可能會認(rèn)為,動畫至此已經(jīng)達到頂峰,沒有什么值得期待的了。但幸運的是,科技界的人總是在尋找下一件大事,并且提供無窮無盡的強大工具,讓想象的一切都變得可能。其中一種可能性就是新的“動畫按鈕趨勢”。一種新的 UI 風(fēng)格,引入了動畫技術(shù),使簡單的按鈕變得生動起來。這些變化的范圍從按鈕周圍的簡單筆劃動畫,到鼠標(biāo)懸停時在按鈕內(nèi)移動的文字星星。

來源于 X的“@learnframer”的 GIF

除了動畫的趨勢之外,最近,許多設(shè)計師都在談?wù)撛O(shè)計世界如何從扁平化設(shè)計轉(zhuǎn)向更偽現(xiàn)實的視覺風(fēng)格。其中包括 3D 圖形、深度效果、擬物化、擬物化等。我們也看到很多公司都將 3D 作為核心風(fēng)格。盡管它現(xiàn)在可能不會出現(xiàn)在網(wǎng)頁和應(yīng)用程序設(shè)計中,但徽標(biāo)正在隨著這一新趨勢而更新。

新 3D 浪潮的幾個很好的例子(來源于 Chan Karunaratne)

與動畫設(shè)計趨勢非常相似,人們實現(xiàn)這些樣式的一個重要原因是出現(xiàn)了易于使用的基于 Web 的 3D 工具,例如 Spline 和 Vectary ,這些工具使得在 Web 和應(yīng)用程序上包含 3D 資源變得非常容易。他們還使用動畫將 3D 資產(chǎn)帶入生活,這是很多設(shè)計師所經(jīng)歷過的最短的學(xué)習(xí)曲線。設(shè)計師很快就能使用基本的線性漸變和一些陰影為企業(yè)的品牌資產(chǎn)添加第三維度。另一家始終推動設(shè)計和趨勢的公司是 Airbnb。他們因其簡單而有效的應(yīng)用程序設(shè)計和交互而廣為人知。2023 年,他們宣布了一次應(yīng)用程序更新,融入了十多個 3D 視覺元素,甚至公告視頻幾乎都是關(guān)于3D的。

Airbnb 發(fā)布視頻

等距視覺效果、3D 角色和動畫以及大量應(yīng)用程序交互足夠吸引眼球,讓用戶想要重復(fù)觀看。從平面到動畫或 3D 的轉(zhuǎn)變在緩慢而穩(wěn)定的發(fā)生著。這種趨勢通常是由多米諾骨牌效應(yīng)造成的。只要一位設(shè)計師的社交帖子受到歡迎,其他著名設(shè)計師也會效仿。

四、人工智能對于 UX / UI的影響

1. AI 設(shè)計工具是否可以成為設(shè)計師的好助手

雖然一些設(shè)計師認(rèn)為 AI 未來會對他們的職業(yè)構(gòu)成威脅,但我們大多數(shù)人都在使用這項技術(shù)更快地創(chuàng)造出最好的設(shè)計。

Adobe Firefly 用于視頻處理

不過大多數(shù)聲稱自己為“人工智能驅(qū)動”的設(shè)計工具,雖然開放了生成式 AI 的 API,也在開發(fā)自己的人工智能模型,但大多數(shù) AI 功能都還只是噱頭,只能完成隨機設(shè)計 UI、重組資產(chǎn)等不穩(wěn)定功能。

但市場上也仍然存在一些設(shè)計領(lǐng)域的英雄產(chǎn)品,比如 Relume 。這家專注于 Webflow 的公司推出了名為 Relume AI 的產(chǎn)品,這是一款功能強大的線框和交互工具。在該網(wǎng)站中輸入你的網(wǎng)站描述,它會生成完整且詳細(xì)的交互稿和視覺圖,界面的布局和數(shù)據(jù)完整,可以快速復(fù)制到 Figma 和 Webflow。

前段時間我們也分享過 Durable 這個建站產(chǎn)品AI + 建站|Durable,融資 1400 萬美金,30秒創(chuàng)建一個網(wǎng)站并成為自己的老板,它提供了創(chuàng)建網(wǎng)站所需要的一打子工具,包括網(wǎng)站構(gòu)建器、CRM、發(fā)票軟件、人工智能助手等。用戶只需要提供品牌名稱、所屬行業(yè)、開展業(yè)務(wù)的地點和網(wǎng)站語言,Durable 就會基于用戶提供的信息快速創(chuàng)建一個網(wǎng)站首頁。

用 Durable 創(chuàng)建網(wǎng)站

2. AI 時代的用戶體驗設(shè)計

在 ChatGPT 還沒有風(fēng)靡的時候,數(shù)字產(chǎn)品的用戶體驗風(fēng)格普遍為以 GUI (圖形用戶界面)為主,通過圖形、按鈕、菜單等標(biāo)準(zhǔn)化元素,使用戶可以通過鍵盤、觸摸等方式與終端設(shè)備交互。Windows 操作系統(tǒng)、MacOS 、Photoshop等軟件都已 GUI 的用戶界面為主。

GUI 的界面設(shè)計在近 20 多年的發(fā)展過程中,由于功能場景的不斷增加, GUI 界面需要兼容復(fù)雜的、多樣化的用戶需求。功能強大的同時,設(shè)計成本變得很高,用戶的學(xué)習(xí)成本也隨之提升。尤其是在 TOB 領(lǐng)域的設(shè)計中,功能的龐大讓整個頁面擁有多重窗口、四五級以上的導(dǎo)航,即使設(shè)計師努力提供簡單易用的頁面,也很難降低用戶的學(xué)習(xí)難度。

隨著 GPT4 的推出,CUI (對話式用戶界面)的界面體驗正在逐漸應(yīng)用廣泛。CUI 采用了更加直觀和自然的語言交互的方式,通過自然語言、語音等方式進行對話,可以有上下文記憶和智能化的回應(yīng),典型如 Siri 、Amazon Alexa 、 Google Assistant。

CUI 的出現(xiàn),用自然語言的對話方式,可以讓用戶更直觀的與數(shù)字產(chǎn)品進行交互,避免用戶記憶繁瑣的操作路徑,讓 AI 為自己找到最快的解決方案。

但是否所有應(yīng)用都需要用 CUI 重構(gòu)一遍?我們認(rèn)為不會,不同的應(yīng)用特性會導(dǎo)致不同的設(shè)計方向,這給了設(shè)計師進一步延展的空間。

  • 對于 TOC 的產(chǎn)品:針對用戶目的明確、功能較為簡單的產(chǎn)品, CUI 會對其的交互體驗有著革命性的影響,比如攜程、美團這種需求明確的產(chǎn)品,用戶的目標(biāo)是為了找到最合適的商品完成購買,這個過程可以通過 CUI × AIGC 的方式進行進一步重構(gòu);但針對用戶目的不明確,且產(chǎn)品體驗過程較為舒適、不需思考的產(chǎn)品,如抖音、快手,CUI 不一定是最讓用戶喜愛的交互界面,或許需要探索二者結(jié)合的最佳方式
  • 對于 TOB 的產(chǎn)品:用戶目的明確,功能多樣且復(fù)雜,我們認(rèn)為 GUI 的設(shè)計界面很難被摒棄,導(dǎo)航式的地圖仍然需要提供給用戶完成有目的查找。同時對話式的命令也可以滿足用戶無目的的詢問,或許 CUI 可以基于現(xiàn)有層級分明的界面,進行關(guān)鍵流程的解答和提效。

五、不忘初心,回歸用戶

用戶體驗的研究已經(jīng)不斷發(fā)展和完善,使設(shè)計變得易于理解和包容。相比于視覺設(shè)計的精美程度,許多設(shè)計師更重視可用性,這帶來了更簡單且可行的設(shè)計風(fēng)格。盡管過去幾年行業(yè)發(fā)生了變化,該設(shè)計原則仍然被踐行。

2019 年至 2023 年“用戶體驗可訪問性”的 Google 趨勢圖

上面的谷歌趨勢圖顯示了無障礙設(shè)計漸漸成為了真正的工業(yè)需求??稍L問性技術(shù)的范圍從顏色對比、可讀字體、可識別的動作元素,一直到追蹤不同用戶的反饋,應(yīng)用到產(chǎn)品功能中去。

1. 無障礙設(shè)計

由于當(dāng)前需要為所有年齡段的人甚至身體有障礙的用戶進行設(shè)計,因此無障礙性也受到了大力推動。公司希望從所有不同的人群中獲利,并且也在各個方面推動包容性。隨著越來越多的人走向數(shù)字化,設(shè)計師幾乎必須專注于無障礙設(shè)計,更多針對無障礙設(shè)計的課程和訓(xùn)練營也面向設(shè)計師開放。

2. 個性化

除了可訪問性之外,個性化才是真正讓人們鎖定應(yīng)用程序或網(wǎng)站的原因。或許你以前在 YouTube 上看過這條小信息 :

YouTube 評估你喜歡哪種內(nèi)容以便提供更好的推薦

即使是一個已發(fā)布功能,如果用戶反饋不佳,也很容易面臨撤回的情況,這直接體現(xiàn)了用戶體驗設(shè)計師在未來產(chǎn)品和服務(wù)方面的領(lǐng)先地位。

Perplexity AI CEO Aravind 曾分享過對于用戶體驗的理解,基本原則是“用戶永遠不會錯”。Perplexity 發(fā)現(xiàn)只有極少數(shù)人知道將好奇心轉(zhuǎn)化為清晰、準(zhǔn)確的問題,從而導(dǎo)致結(jié)果不準(zhǔn)確,甚至幻覺的出現(xiàn)。(歡迎閱讀我們研究 Perplexity 的深度文章:AI+搜索|關(guān)于搜索的想象,和目前估值最高的生成式搜索引擎 Perplexity。)

一種解決思路是總結(jié) prompt 的提問方法,讓用戶能主動學(xué)習(xí);另一種解決思路是所以在對話式交互界面上,幫助用戶提一個好的問題。Perplexity 選擇了第二種,增加了提出問題之后的更多問題衍生。——平臺永遠要為用戶多想一步、多做一步。

Perplexity 界面

總得來說,設(shè)計趨勢會隨著工業(yè)化進程的推進,而演進為更前沿的風(fēng)格,也會有更多工具幫助設(shè)計師開放腦洞,快速得到心中所想。但無論社會如何進步,以用戶體驗為中心的話題永遠不會終結(jié)。

 

 

 

藍藍設(shè)計(m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計平面設(shè)計,以及相關(guān)的軟件開發(fā)服務(wù),咨詢電話:01063334945。

關(guān)鍵詞:UI咨詢、UI設(shè)計服務(wù)公司軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司用戶體驗公司、高端網(wǎng)站設(shè)計公司

銀行金融軟件UI界面設(shè)計能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)軟件wpf開發(fā)、軟件vue開發(fā)

 

超全面的設(shè)計底層理論,優(yōu)秀設(shè)計背后離不開這些

ui設(shè)計分享達人

設(shè)計趨勢年年在變,設(shè)計技能也在不斷更新,但回到本源,底層的理論知識是不會變的。我自己幾乎每年還會翻看一些講設(shè)計基礎(chǔ)的書,比如《寫給大家看的設(shè)計書》之類的,會發(fā)現(xiàn)這些原理每次看都會有新的收獲。

隨著工作年數(shù)增加,對底層知識的價值認(rèn)識也越來越深刻,不知道你會不會有這種感覺?

探索“B+C”,為B端體驗加Buff

ui設(shè)計分享達人

在如今用戶為王的時代,用戶體驗成為一種新的品牌競爭力。隨著技術(shù)進步和體驗意識的普及,習(xí)慣了C端產(chǎn)品流暢愉悅的體驗,用戶對B端產(chǎn)品體驗的期望也越來越高。

B端C化的概念也由此產(chǎn)生,但B、C端有著本質(zhì)區(qū)別,C端的設(shè)計思維無法完全復(fù)用到B端,那是否可以基于B端產(chǎn)品特征,融合C端體驗設(shè)計思維,即“B+C”來幫助提升B端產(chǎn)品體驗?zāi)??本文聚焦在探索如何通過“B+C”的設(shè)計思維,提升B端產(chǎn)品體驗。

一、B、C端產(chǎn)品定義與差異

我們先簡單了解下B、C端產(chǎn)品各自的定義。B、C端其實是以使用對象的類型,來代指的產(chǎn)品類型,C指個人消費者 (Customer) ,B指組織 (Business) ,這個組織可以是個人、公司、政府或機構(gòu),因此B端模式也是多樣的,除了B2B,還有B2C、B2G等。
C端產(chǎn)品幫助個人解決生活場景中的需求痛點,提供人們消費的物質(zhì)、信息和情感。常見產(chǎn)品類型有工具類、內(nèi)容類、社交類、游戲類等,如滴滴、知乎、微信、王者榮耀等。
B端產(chǎn)品幫助組織實現(xiàn)其商業(yè)目的,提供商業(yè)的工具、方法和服務(wù)。常見的產(chǎn)品類型有:CRM 客戶關(guān)系管理、ERP 企業(yè)資源計劃、OA辦公等,如企業(yè)微信、金蝶、釘釘?shù)取?/span>
下面我將從產(chǎn)品設(shè)計的角度,分析B、C端的差異化。

1、設(shè)計原則的差異

C端產(chǎn)品主要通過流量轉(zhuǎn)化獲得收益,因此人的注意力和使用頻率是關(guān)鍵,所以設(shè)計原則為“UCD”(User Center Design)以用戶為中心的設(shè)計。
B端產(chǎn)品主要是為了能高效解決行業(yè)業(yè)務(wù)問題而存在的,所以其設(shè)計原則是以效率為中心。

2、功能流程的差異

C端產(chǎn)品主打一個滿足用戶核心痛點的功能,通過這個核心功能明確產(chǎn)品的特性和定位,附加N個增值功能,提高用戶粘性,加之創(chuàng)新和趣味性,保持與競品之間的差異化。
B端產(chǎn)品功能重全面,為的是能滿足組織的各種業(yè)務(wù)需求,組織的業(yè)務(wù)邏輯通常就是產(chǎn)品邏輯,功能流程也由業(yè)務(wù)場景轉(zhuǎn)化而來。

3、交互邏輯的差異

C端產(chǎn)品是單線程操作,完成一項任務(wù)后才能進行另一項。碎片化的使用場景和廣泛的用戶群體,使得C端產(chǎn)品必須信息簡潔、容易上手、操作路徑短,否則將會導(dǎo)致用戶流失影響收益。

B端產(chǎn)品是多線程操作,支持多個任務(wù)并行。交互以優(yōu)化業(yè)務(wù)流程,提升用戶操作效率為主,關(guān)注信息架構(gòu),清晰的信息架構(gòu)能幫助用戶在呈網(wǎng)狀的功能和交織的流程中,定位到自己所在功能頁面,找到所需的有效信息。

4、視覺表現(xiàn)的差異

C端產(chǎn)品視覺設(shè)計風(fēng)格多樣,如賽博朋克、孟菲斯、3D、酸性設(shè)計等,注重情感化表達和氛圍的渲染,加上短視頻和直播,讓用戶沉浸其中。
B端產(chǎn)品視覺服務(wù)于功能和信息的傳遞,視覺元素較為簡潔,常用色彩對比的形式,建立內(nèi)容邊界和視覺層次。

二、如何用“B+C”思維提升B端產(chǎn)品體驗

無論是在設(shè)計原則、功能流程、交互和視覺方面,B端產(chǎn)品與C端產(chǎn)品都有比較明顯的差異?;谝陨喜町悾Y(jié)合B端產(chǎn)品特征和C端體驗設(shè)計思維,我們可以從以下三個方面提升B端體驗:

視覺—降低認(rèn)知負(fù)荷

B端產(chǎn)品講究屏效,看得多通常比看的美重要,信息密度高,則屏效高,卻也相應(yīng)的會增加用戶的認(rèn)知負(fù)荷,因此我們需要為用戶認(rèn)知減負(fù)。
交互—以用戶效率為中心

從用戶的行為和感知出發(fā),本著以用戶為中心的原則提升操作效率。

情感—關(guān)注情緒感受

關(guān)注體驗過程的“峰”與“終”,提升用戶整體的體驗感受。
下面我將結(jié)合實際工作案例,講述如何用“B+C”的設(shè)計思維,提升B端產(chǎn)品體驗。

【案例分享】

Speedshop Omnichannel(下面簡稱為Omnichannel)是款針對國內(nèi)及東南亞中小商家,統(tǒng)一管理多渠道商品、訂單、交易、會員的ERP系統(tǒng)。
目前共支持Lazada、Shopee、Tokopedia、抖音等7個渠道,最多可管理100個線上店,集訂單管理、產(chǎn)品管理、會員管理、聊天、導(dǎo)入導(dǎo)出等功能為一體,服務(wù)超40,000商家。

視覺 — 降低認(rèn)知負(fù)荷

對信息的識別和處理是認(rèn)知負(fù)荷的主要來源,在視覺層,我們主要解決的是信息識別帶來的負(fù)荷,信息識別就是用戶看到內(nèi)容并選擇的過程,B端產(chǎn)品有信息量大,選擇多的特點,降低認(rèn)知負(fù)荷也將圍繞這兩點進行。

1、優(yōu)化信息展示

/ 符合用戶訴求

B端產(chǎn)品根據(jù)用戶規(guī)模的大小,可以分為大B (一定規(guī)模的中大型企業(yè)) 和小B (小微企業(yè)、個人創(chuàng)業(yè)),兩者對信息的關(guān)注點和訴求不同。

表格是B端產(chǎn)品最常用的信息展現(xiàn)形式,且能將信息有序、高效、直觀的傳達給用戶,避免信息堆砌帶來的認(rèn)知負(fù)荷。

比如同樣是訂單頁,大B用戶的訂單數(shù)據(jù)量龐大,且訂單通常是自動流轉(zhuǎn)的,無需手工操作,所以針對大B用戶,表格信息展示有兩個側(cè)重點,一是增加信息密度,二是幫助用戶能夠快速精準(zhǔn)過濾信息。

小B用戶的訂單數(shù)據(jù)量相對較小,且以手工處理為主,所以在展示訂單時,可以將關(guān)鍵信息整合,通過將信息進行分層、分組的展示形式,降低單頁面信息的復(fù)雜度,還可以通過各模塊之間字體大小、顏色、圖標(biāo)、間距等手段將信息層次區(qū)分開。

/ 豐富信息展示維度

還可以通過圖形化、可視化和視頻的形式,豐富信息的內(nèi)容維度,化抽象為具象,讓信息能更高效的傳達。

在Omnichannel中,用戶需要完成新手配置后才能使用產(chǎn)品,進入首頁看到的是任務(wù)型的引導(dǎo),通過圖形輔助任務(wù)說明,豐富畫面的同時還能增加產(chǎn)品的親和力。

B端產(chǎn)品由于業(yè)務(wù)的復(fù)雜性和技術(shù)的局限性,通常操作沒有那么靈活,需要遵守一定的使用規(guī)則,傳統(tǒng)的做法會通過文字說明的方式傳達給用戶,面對一長段的規(guī)則說明,讀幾遍還不一定能理解。

比如在導(dǎo)入產(chǎn)品時,規(guī)則內(nèi)容多且邏輯復(fù)雜,可以將內(nèi)容可視化,使其易于傳達和理解。

視頻比文字的畫面感更豐富,傳播的內(nèi)容也更加具體,在幫助中心,圖文的基礎(chǔ)上增加視頻,幫助用戶更高效的獲取幫助信息。

2、提供個性化配置

B端產(chǎn)品通常包含多種用戶角色,每個角色的需求關(guān)注點不同,為了滿足各角色的需求,單頁面信息往往會出現(xiàn)超負(fù)荷的情況。
我們可以借鑒C端的個性化,對于非業(yè)務(wù)性的功能,允許用戶根據(jù)自己的需求和工作習(xí)慣進行自定義。
比如下圖,在列表頁,我們?yōu)橛脩籼峁┝俗远x篩選條件和表格字段的設(shè)置。

3、提供有效決策信息

由于業(yè)務(wù)復(fù)雜,保障功能的全面,帶來的結(jié)果通常是操作和選項較多,如果沒有任何指引,B端產(chǎn)品的用戶通常無法做出合適的選擇。
比如下圖的添加商品,根據(jù)不同的使用場景,產(chǎn)品為用戶提供了三種添加商品的方式:

只有三個選擇,看似沒有任何操作難度,但用戶面對未知功能時,通常會根據(jù)自己過往的工作經(jīng)驗,選擇熟悉的功能,這樣一來,可能會誤增了工作量,因此在設(shè)計上,要提供輔助介紹說明,幫助用戶決策。

我們在此基礎(chǔ)上,為第一次使用該功能的用戶又做了優(yōu)化,除了消息提示框,還通過標(biāo)簽強化視覺重點,推薦最適合新用戶的選擇,添加商品的文案也改的更通俗易懂。

交互 — 以用戶效率為中心

1、  提升用戶行為效率

無論B端還是C端產(chǎn)品,都有一個共同的體驗?zāi)繕?biāo):提升操作效率,高效率意味著用戶通過更少的操作,更少的時間完成任務(wù),實現(xiàn)降低成本的目標(biāo)。在C端產(chǎn)品中,常見的提升效率的方式有:1、根據(jù)用戶行為的流程分析,推薦相應(yīng)功能;2、聚合用戶行為,縮短操作路徑;3、轉(zhuǎn)移用戶操作成本,讓產(chǎn)品承擔(dān)更多的用戶引導(dǎo)、行為判斷和行為記憶,我們可以從以上幾點切入優(yōu)化B端操作效率。

引導(dǎo)用戶操作

在C端產(chǎn)品中,經(jīng)常會有根據(jù)用戶的操作行為,產(chǎn)品給出相應(yīng)的推薦操作,如截屏后,在用微信發(fā)信息時,系統(tǒng)會提示是否要發(fā)送截圖,這種在操作過程中增加相關(guān)功能的曝光或引導(dǎo),提高用戶操作效率的同時也不影響流程的順暢進行。
下圖是商品管理頁,用戶首次進入時,可以根據(jù)用戶觸發(fā)的操作推薦相關(guān)的幫助引導(dǎo)。

手動創(chuàng)建商品時,需要完善很多商品信息,可以為經(jīng)常出錯的內(nèi)容預(yù)設(shè)提示,先發(fā)的避免用戶出現(xiàn)錯誤。

在收起/展開菜單欄時,提示快捷鍵功能。

/ 優(yōu)化任務(wù)路徑

B端產(chǎn)品中通常會有一個任務(wù)關(guān)聯(lián)一些子任務(wù),如果用戶在子任務(wù)中遇到困難,往往會造成整個任務(wù)效率的降低甚至任務(wù)中斷。

比如在手動創(chuàng)建商品的流程中,需要將商品信息推送到渠道線上店才算創(chuàng)建成功,所以在創(chuàng)建商品前,需要完成渠道線上店的創(chuàng)建。針對這種關(guān)鍵子任務(wù),我們可以嘗試并行任務(wù),在選擇線上店時,增加創(chuàng)建線上店的入口,將任務(wù)連貫起來。還可以通過操作的合并,比如保存和添加同步進行,提升整體的任務(wù)效率。

2、弱化低效感知

好的產(chǎn)品體驗,不止強調(diào)功能,還會在意體驗中的感受,設(shè)計也可以左右用戶感知產(chǎn)品效率的快與慢。

/ 等待時間可感知

用戶對等待的耐受度是有限的,等待時間在2s內(nèi)是相對愉悅的,在時間不可控或時間較長的情況下,我們應(yīng)盡可能縮短用戶的感知時間。

比如在下圖中,用戶完成新手配置后,產(chǎn)品有個加載的過程,通過加載動畫和加載步驟的分解,告知用戶系統(tǒng)在運行中,縮短感知時間的同時消除用戶的負(fù)面情緒。

/ 容錯性設(shè)計

在產(chǎn)品使用過程中,經(jīng)常會出現(xiàn)因用戶“犯錯”而導(dǎo)致的任務(wù)中斷或失敗,這里的“犯錯”,通常是因為用戶操作偏離產(chǎn)品的使用要求,但這并不是用戶的錯,人不是精密的儀器,好的體驗應(yīng)該包含這部分“錯誤”。

比如錄入數(shù)據(jù)時,應(yīng)給予實時的提醒,讓用戶可以及時更正,而不是等到提交時才拋出錯誤提示,還有比如在數(shù)字輸入框中誤輸入其他字符時,自動幫用戶清除等。

在涉及對用戶影響較大、重要且不可挽回的操作時,給出提示。

情感 — 關(guān)注情緒感受

在整段體驗感受中,情緒最強烈和結(jié)束時的感受影響著用戶對整個體驗好與壞的判斷,這個現(xiàn)象就是峰終定律,因此我們可以通過關(guān)注這些關(guān)鍵時刻,來確保用戶對整段體驗是感到愉悅的。


1、減少負(fù)峰

消極的情緒,不僅影響用戶對產(chǎn)品的體驗感受,最終還會落到降低效率上,因此在設(shè)計時,我們要考慮減少用戶的消極情緒。

/ 提供明確反饋

用戶使用產(chǎn)品的過程就像是與產(chǎn)品進行“對話”,良好明確的反饋能幫助用戶理解和使用產(chǎn)品,在工作完成時,應(yīng)告知用戶已完成,出錯時,告知用戶哪個環(huán)節(jié)錯了,如何改進或提供幫助,不要讓用戶去猜,而是主動為用戶提供解決方案,提供確定感。

比如在創(chuàng)建商品的流程中,商品創(chuàng)建完成后要推送到渠道線上店,中間有一段較長時間的等待,在設(shè)計時,根據(jù)推送中、推送完成、推送失敗,分別提供了3種對應(yīng)場景的提示,讓用戶知道當(dāng)前任務(wù)進展,以及展示相關(guān)對應(yīng)的操作,即使任務(wù)失敗,用戶也知該如何處理,增加用戶的控制感。

/ 任務(wù)中斷可回溯

在B端產(chǎn)品中,經(jīng)常會出現(xiàn)決策信息多,處理鏈路長,需反復(fù)多次進入任務(wù)流程的情況,當(dāng)任務(wù)被迫中斷時,用戶情緒會受到影響,且用戶對未完成或中斷的任務(wù)往往比已完成的記憶更深刻,針對這類情況,我們需提供可回溯的設(shè)計,幫助用戶順利完成任務(wù)。

比如在將商品推送到渠道線上店時,同步過程中,用戶可以離開當(dāng)前頁面進行其他操作,系統(tǒng)會將推送結(jié)果展示在列表頁,用戶可以通過列表頁,重新推送或者編輯修改后再推送,直至完成任務(wù)。

2、結(jié)束于正峰

在完成任務(wù)后,可以觸發(fā)氛圍動效反饋成就,給用戶積極的結(jié)尾。

寫在最后

以上就是我基于B端產(chǎn)品特征,和C端產(chǎn)品的體驗思維,用“B+C”的設(shè)計思維嘗試探索優(yōu)化B端產(chǎn)品體驗的一些方案嘗試?!癇+C”的設(shè)計思維,其本質(zhì)是想找到業(yè)務(wù)與體驗的平衡,作為B端設(shè)計師,好的用戶體驗一定是與業(yè)務(wù)緊密結(jié)合的,與業(yè)務(wù)匹配的體驗優(yōu)化才有其意義和價值。


作者:Cila
鏈接:https://www.zcool.com.cn/article/ZMTUyNDc0MA==.html
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

藍藍設(shè)計m.yvirxh.cn )是一家專注而深入的界面設(shè)計公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)、UI設(shè)計公司、界面設(shè)計公司、UI設(shè)計服務(wù)公司、數(shù)據(jù)可視化設(shè)計公司、UI交互設(shè)計公司、高端網(wǎng)站設(shè)計公司、UI咨詢、用戶體驗公司、軟件界面設(shè)計公司。

淺析:設(shè)計趨勢之開源設(shè)計

ui設(shè)計分享達人

什么是開源設(shè)計(Open Source Design)

在講開源設(shè)計前,我們或許可以先講講開源一詞是指什么。

開源全稱開放源代碼,開源軟件最大的特點是開放,也就是任何人都可以得到軟件的源代碼,加以修改學(xué)習(xí),甚至重新發(fā)放,當(dāng)然是在版權(quán)限制范圍之內(nèi)。雖然開源一詞最初是為軟件開發(fā)而創(chuàng)造的,但現(xiàn)如今開源所涉及的領(lǐng)域也極其廣闊,并不只是包括軟件領(lǐng)域,如醫(yī)藥領(lǐng)域的藥物開發(fā)開源、文化領(lǐng)域的書籍到期開源等等所以開源設(shè)計已包含了更廣泛的含義,它包括了由任何人或者團隊自由共享、協(xié)作的設(shè)計方案、項目、產(chǎn)品。

我們來看幾個大型開源的設(shè)計了解一下~

開源設(shè)計資源舉例

Ant Design

阿里的開源系統(tǒng)后臺組件庫

https://ant.design

ECharts

百度推出的開源圖表

https://echarts.apache.org/

Unsplash 

全球知名圖片開源平臺 

https://unsplash.com

所以我們不難發(fā)現(xiàn)開源設(shè)計都有以下特點: 

免費(大部分是):開源設(shè)計的一個關(guān)鍵要素是它們通常(但不總是?。┟赓M。這是一個重要因素,因為閉源設(shè)計通常需要花費不菲的價格或者冒著侵犯版權(quán)的風(fēng)險去使用。 

思想碰撞:更多的設(shè)計師或者創(chuàng)意愛好者共同為一個創(chuàng)意提出自己的見解和再設(shè)計。


設(shè)計開源領(lǐng)域廣闊:設(shè)計開源領(lǐng)域也幾乎涵蓋了所有的設(shè)計和創(chuàng)意領(lǐng)域如平面設(shè)計、三維設(shè)計、用戶體驗設(shè)計、環(huán)境設(shè)計、建筑設(shè)計、服裝設(shè)計、插畫、動畫設(shè)計等等 

但是許多人可能會有一個疑問,開源設(shè)計和以往的素材網(wǎng)站或者源文件售賣網(wǎng)站有什么區(qū)別呢? 

在我看來,開源網(wǎng)站與傳統(tǒng)售賣設(shè)計資源的網(wǎng)站最大的區(qū)別是開放與共建,以figma的社區(qū)為例,作者發(fā)布作品后,任何人都可以對其作品進行redesign甚至remix,這極大的提高了設(shè)計師的興趣,每個人都希望自己的作品能被他人看到,也希望自己的創(chuàng)意能與他人的創(chuàng)意進行更好的結(jié)合,這是一個多么美好的場景。而傳統(tǒng)網(wǎng)站只是冷冰冰的展示文件售賣資源,缺少了設(shè)計中的靈魂。 

那說了這么多,開源設(shè)計到底有哪些優(yōu)勢呢?

開源設(shè)計的優(yōu)勢 

提升設(shè)計效率:設(shè)計師不應(yīng)花費時間去解決別人已經(jīng)解決的問題,比如當(dāng)我設(shè)計一個新項目時,無需從零開始設(shè)計系統(tǒng)組件,可以直接使用Ant Design、Ant Mobile Design等現(xiàn)有組件庫。


增加學(xué)習(xí)機會:通過開源社區(qū),設(shè)計人員可以從其他人所做的項目中學(xué)習(xí),并與專業(yè)人員交流經(jīng)驗。 

提高設(shè)計質(zhì)量:設(shè)計師自己看本人作品時,往往是身在其中不知如何下手,而將作品發(fā)布到更廣泛的社區(qū)有助于設(shè)計師獲得有價值的反饋以改進他們的作品。 

提升品牌價值:對設(shè)計開源后,公司品牌能在某些領(lǐng)域內(nèi)獲得傳播,提升品牌價值。并且在招募人才時也能成為有吸引力的一項條件。 

提升個人價值:一個設(shè)計師想要提升個人價值和影響力,可以用開源作品來在行業(yè)內(nèi)獲得一定口碑,甚至直接將用戶流量轉(zhuǎn)化為訂單,或許是更簡單且容易的事情。 

從這些優(yōu)勢中不難發(fā)現(xiàn),在開源生態(tài)中,我們的作品不再是一座孤島,通過互聯(lián)網(wǎng),我們的作品可以和任何人進行鏈接并且產(chǎn)生共鳴,提升品牌和個人的價值,所以每個人都值得感受開源的美好。 

但開源的同時不可避免的會帶來許多新的問題和挑戰(zhàn),讓我們一起來看一下。

開源設(shè)計帶來了哪些挑戰(zhàn) 

知識產(chǎn)權(quán)問題:在開源社區(qū)中,設(shè)計師可能不清楚其創(chuàng)作的知識產(chǎn)權(quán)。因此,他們可能會不自知地侵犯其他設(shè)計師的知識產(chǎn)權(quán)。 

設(shè)計門檻問題:設(shè)計開源意味著設(shè)計師的門檻變低,任何人都可以隨意使用開源的設(shè)計項目,導(dǎo)致設(shè)計師不再愿意花心血創(chuàng)作。 

設(shè)計師競爭力下降:開源設(shè)計意味著普通的設(shè)計內(nèi)容已不需要單獨的設(shè)計師來完成,頂尖設(shè)計師的機會會更多,而普通設(shè)計師的競爭力會明顯下降。 

隨著這些挑戰(zhàn)的來臨,如何更好的面對設(shè)計領(lǐng)域的開源是值得深思的問題,既要保護設(shè)計師的自身利益,也要讓設(shè)計行業(yè)在開放、共享的環(huán)境下?lián)肀ё兏铮栽谖磥淼牡缆飞?,我們每個人都可以嘗試用自身的方法去探索未來,讓每個人都能成為時代浪潮中的一朵浪花。


作者:芝麻侃設(shè)計
來源:站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請聯(lián)系作者獲得授權(quán),非商業(yè)轉(zhuǎn)載請注明出處。

作者:芝麻侃設(shè)計     來源:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加微信ban_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~
希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。 

分享此文一切功德,皆悉回向給文章原作者及眾讀者. 免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。 

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

2023最新設(shè)計趨勢預(yù)測!酸性設(shè)計、NFT持續(xù)爆火!

ui設(shè)計分享達人

設(shè)計趨勢每年都在不斷地變化及輪回,多年前的風(fēng)格技法在結(jié)合了當(dāng)下的設(shè)計元素后,又會給我們展現(xiàn)出不同以往的主流時尚。

“趨勢不一定每年都會更新,但趨勢是我們設(shè)計的風(fēng)向標(biāo)。”

基于對網(wǎng)絡(luò)數(shù)據(jù)的搜集及分析,我們對2023年設(shè)計趨勢做出了預(yù)測。

無論是否順應(yīng)趨勢,我們都應(yīng)該了解趨勢,擁抱變化,這才是我們設(shè)計師的準(zhǔn)則。

NO.1 3D立體元素

借助當(dāng)今的軟件和技術(shù),3D創(chuàng)作已經(jīng)不再被神話,越來越多的設(shè)計師開始在自己的作品中運用3D元素。





下圖是Droga5為格林威治(Greenwich)創(chuàng)作的一系列視覺設(shè)計,這組設(shè)計利用3D圖形,創(chuàng)造了更醒目的視覺效果,將格林威治宣傳為倫敦的新創(chuàng)意社區(qū)。



在手機品牌宣傳物料中,設(shè)計師將3D元素與手機進行了緊密結(jié)合,這樣的視覺樣式在市場中很快便能脫穎而出。



NO.2 酸性設(shè)計

提起“酸”,大家下意識會想到酸的味道,而所謂的酸性設(shè)計更多表現(xiàn)的是一種設(shè)計理念。

酸性設(shè)計大多畫面元素豐富,各種金屬、玻璃、流體漸變、鐳射等科技感的元素都會運用其中,這也導(dǎo)致這類作品十分強調(diào)藝術(shù)的視覺沖擊性。



乍一看酸性設(shè)計會給人一種混亂失調(diào)的感覺,而實際上酸性設(shè)計并不止是某一種單一的設(shè)計風(fēng)格,而是一種視覺情緒的表達。當(dāng)下的暗黑金屬風(fēng)、二次元的可愛風(fēng)、明顯的幻彩漸變風(fēng)格……往往都含有酸性設(shè)計的影子。



NO.3 復(fù)古懷舊風(fēng)

回看設(shè)計領(lǐng)域每一年的發(fā)展,“復(fù)古懷舊”一直是必不可少的關(guān)鍵詞。

無論是品牌形象,亦或是包裝設(shè)計,設(shè)計師們頻頻用現(xiàn)代手法詮釋復(fù)古之風(fēng)。



還有傳媒集團CNET的品牌重塑,在現(xiàn)代時尚元素的基礎(chǔ)上,還融合了復(fù)古插畫,整體設(shè)計從1950-1970年代的美國新聞行業(yè)中汲取的靈感。



NO.4 藝術(shù)襯線字體

最近,襯線字體在品牌設(shè)計中的出鏡率極高。

不少網(wǎng)站的設(shè)計都是圍繞著襯線字體作為構(gòu)圖中唯一或主要的設(shè)計元素而存在。





Stradivarius是誕生于1994年的西班牙女裝品牌,與ZARA隸屬同一公司。

2022年2月初,Stradivarius推出了全新的Logo視覺,襯線字體更容易彰顯女性簡潔現(xiàn)代的氣質(zhì)外,同時兼具女性力量。



NO.5 NFT藝術(shù)

近兩年,NFT可以說是對設(shè)計、藝術(shù)、技術(shù)行業(yè)產(chǎn)生沖擊最大的新事物之一了。



NFT與平面設(shè)計聯(lián)系起來,就是我們所說的數(shù)字平面藝術(shù)。它的到來對設(shè)計師影響有很大變化,橫向能力要求有所提高,比如了解虛擬數(shù)字化設(shè)計,以及對全新審美和新三維技術(shù)有更高的要求。

以下這幅《Metafisica》便是非常熱門的NFT作品。



NO.6 超萌趣emoji

表情符號在如今是一個超越文本并能得到廣泛認(rèn)知、跨越文化和多領(lǐng)域的視覺語言。



單一的枯燥圖標(biāo)很難滿足多元化場景下情感的表達,于是,動態(tài)emoji圖標(biāo)來了,它能帶來更強的視覺欣賞體驗。



NO.7 高飽和度撞色

高飽和度色彩是年輕的色彩,它是先天的樂天派,同時也是情感的直接表達。

可盡管“吸睛”對品牌而言十分重要,但在設(shè)計之余要注意色彩平衡,以免混用色彩,很容易引起視覺疲憊。





NO.8 極簡化設(shè)計

極簡主義杜絕一切多余的裝飾,形成獨特而簡單的視覺語言,用最簡潔的表現(xiàn)形式勾勒出產(chǎn)品最基本的形態(tài)。



簡潔的圖形設(shè)計摒棄了多余的圖案、文理等裝飾樣式,為真正重要的信息創(chuàng)造了呼吸的空間。

留白,是最高級的美。



NO.9 氛圍手寫字體

將富有表現(xiàn)力的手寫字體寫在設(shè)計中,能為作品帶來不一樣的氛圍感。

隨手一寫,便是一幅“畫”!





NO.10 玻璃擬物化

2022年,我們在Dribbble或Behance中會發(fā)現(xiàn)很多設(shè)計師都開始有意識地采用“玻璃擬物化”美學(xué)的設(shè)計。相信在2023年,我們會看見更豐富的表達~

毛玻璃效果廣泛應(yīng)用于UI設(shè)計之中,在摹客DT中也能快速完成。



使用玻璃擬物化設(shè)計的界面,由于毛玻璃的通透性,會呈現(xiàn)出一種虛實結(jié)合的美感。



除此以外,我們還可以看到的,這一趨勢已經(jīng)明顯轉(zhuǎn)移到了玻璃和水晶質(zhì)感上,而且以令人難以置信的用立體擬真度將圖形設(shè)計提升到了一個全新的高度。所以,2023我們也將看到更多與全息和3D趨勢相輔相成的透明質(zhì)感和逼真的玻璃背景等元素的設(shè)計。



結(jié)語

2023年的設(shè)計趨勢給我們展示了設(shè)計的無盡可能,設(shè)計師們可以創(chuàng)作出更多超乎尋常的非凡設(shè)計,為用戶營造出獨樹一幟的全新體驗。

身為設(shè)計師,我們要持續(xù)積累優(yōu)質(zhì)的設(shè)計素材,要知道設(shè)計趨勢因人而異,我們能做的就是選擇合適的風(fēng)格應(yīng)用在設(shè)計中,才能發(fā)揮它不可估量的價值!

作者:摹客設(shè)計云

轉(zhuǎn)載請注明:站酷

藍藍設(shè)計建立了UI設(shè)計分享群,每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計,如果有興趣的話,可以進入一起成長學(xué)習(xí),請加藍小助,微信號:ben_lanlan,報下信息,藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請與我們聯(lián)系01063334945。


分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍藍設(shè)計尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問題,請及時與我們?nèi)〉寐?lián)系,我們立即更正或刪除。


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


日歷

鏈接

個人資料

藍藍設(shè)計的小編 http://m.yvirxh.cn

存檔