少妇无码一区二区三区,曰韩亚洲AV人人夜夜澡人人爽,亚洲天堂男人影院,丰满的闺蜜2中文字幕 欧美日韩亚洲第一AⅤ影院_国产精品午夜无码试看_亚洲视频中文字幕更新_中文无码字幕中文有码字幕

首頁(yè)

2025年B端設(shè)計(jì)還會(huì)有哪些趨勢(shì)?

天宇 行業(yè)趨勢(shì)

2024年,行業(yè)經(jīng)歷了飛書裁員、Salesforce視覺更新、釘釘商業(yè)化等重大事件,這些變化不僅影響了設(shè)計(jì)師的職業(yè)發(fā)展,也重塑了B端設(shè)計(jì)的市場(chǎng)格局。站在2025年的起點(diǎn),本文將深入探討B(tài)端設(shè)計(jì)的未來趨勢(shì),供大家參考。

每一年,我都有一個(gè)“任務(wù)”,為過去一整年的 B 端設(shè)計(jì)師進(jìn)行匯報(bào)。

一方面是給大家匯報(bào)過去一整年瞬息變化的市場(chǎng),同時(shí)呢也想聊聊站在我的視角當(dāng)中,未來一整年的行業(yè)發(fā)展趨勢(shì),以及我自己的判斷。

那今年也不例外,在今年整體行業(yè)的大背景下,我們究竟應(yīng)該何去何從?想坐下來靜靜的和大家聊聊~

今天我們主要聊三個(gè)方面:2024 B 端行業(yè)大事件、當(dāng)前整體環(huán)境、2025 年 B 端設(shè)計(jì)趨勢(shì)判斷,文章有些長(zhǎng),內(nèi)容稍干,大家耐心觀看~

一、2024 B 端行業(yè)大事件

在回憶過去一整年時(shí),我會(huì)覺得有幾件事情是非常重要,因此在這里提出給大家進(jìn)行分享。

1. 飛書裁員設(shè)計(jì)師

在 2024 年年初,飛書裁員,據(jù)說設(shè)計(jì)師裁員高達(dá) 60%,用研100%… 這一件事帶來了一系列的連鎖反應(yīng)。

首先是市場(chǎng)會(huì)覺得設(shè)計(jì)并沒有價(jià)值,B 端設(shè)計(jì)沒有價(jià)值,設(shè)計(jì)師只是一個(gè)作圖的工具。

因?yàn)轱w書在我看來之前是異常重視用戶體驗(yàn),從我們梳理他們的設(shè)計(jì)改版開始,你會(huì)發(fā)現(xiàn)整個(gè)管理后臺(tái)產(chǎn)品都在往著好的方向發(fā)展。

但即使這樣,設(shè)計(jì)師也被裁員,會(huì)讓我們感到困惑,問題到底出在哪里?

同時(shí),這樣大量且優(yōu)質(zhì)的設(shè)計(jì)師被裁過后,也會(huì)造成行業(yè)的踩踏效應(yīng)。對(duì)于普通的設(shè)計(jì)師而言,行業(yè)內(nèi)卷,求職會(huì)異常艱難,相信在那段時(shí)間求職的同學(xué)、特別是在北京的同學(xué)都會(huì)有感悟,真的是異常艱難。

2. Salesforce 產(chǎn)品更新

在五月份時(shí),沉寂許久的 Salesforce 迎來了其新版本的視覺更新,這是 Salesforce 成立以來,做的最大維度的更新。

首先整體頁(yè)面樣式經(jīng)歷了調(diào)整,從之前帶有上世紀(jì) 90 年代風(fēng)格轉(zhuǎn)變?yōu)楦鼮槌墒臁⑸虅?wù)化的風(fēng)格,這使得整個(gè)界面的協(xié)調(diào)性得以增強(qiáng),這也符合目前 B 端產(chǎn)品的視覺風(fēng)格發(fā)展趨勢(shì)。

其次頁(yè)面之中有效減少了信息干擾,讓頁(yè)面內(nèi)容能夠清晰地呈現(xiàn)于用戶眼前。

同時(shí)針對(duì)元素圓角,將其增大。不過就我個(gè)人而言,不太欣賞整體圓角加大的設(shè)計(jì),因?yàn)楦杏X這與 Salesforce 的整體品牌形象不夠契合。

最后會(huì)發(fā)現(xiàn),這次修改主要集中在界面樣式方面,對(duì)信息結(jié)構(gòu)以及界面布局并沒有作出大規(guī)模的變動(dòng),我猜測(cè)他們是不敢做、也不能做。一個(gè)小的改動(dòng)對(duì)于 Salesforce 這個(gè)龐然巨獸來說影響都會(huì)非常的大。

這里,想和大家一同聊聊 Salesforce 更新的原因竟是什么?

我認(rèn)為,一方面是產(chǎn)品自身迭代的內(nèi)在需求,確實(shí)需要進(jìn)行 Style 層面的更新維護(hù);

另一方面則是為新推出的 AI 功能進(jìn)行鋪墊,想試圖借助嶄新的視覺形象,吸引更多用戶去使用 AI 功能。這也是很多產(chǎn)品更新常用的手段,比如早些年的微信也經(jīng)常這樣用游戲來吸引用戶進(jìn)行升級(jí)。

3. 釘釘商業(yè)化變現(xiàn)

在我們看來,一個(gè)良好的 B 端產(chǎn)品,一定是需要擁有更理想的商業(yè)模式,而釘釘?shù)纳虡I(yè)化就顯得更為順利。

釘釘自從在阿里被獨(dú)立出過后,幾次發(fā)布會(huì)都在強(qiáng)調(diào)自己的在商業(yè)模式上的進(jìn)展和變化。

  • 在 PLG 方面,不斷提升基礎(chǔ)功能和復(fù)雜的流程管理,這讓更多的 ISV 企業(yè)入駐,打造完善的生態(tài);
  • 在 SLG 方面,會(huì)為企業(yè)提供更為完整的數(shù)字化解決方案,保證產(chǎn)品的高效運(yùn)轉(zhuǎn)。

從整體來看會(huì)發(fā)現(xiàn)釘釘對(duì)于用戶的態(tài)度也會(huì)有所轉(zhuǎn)變,從原來 以“老板為核心”變?yōu)楝F(xiàn)在以“要考慮員工感受”,也說明整個(gè) B 端產(chǎn)品整體的發(fā)展路徑就應(yīng)該如此。

所以很多企業(yè)都是在產(chǎn)品初期,經(jīng)歷過混沌的時(shí)期過后才會(huì)需要 B 端設(shè)計(jì)師。

4. 設(shè)計(jì)行業(yè)整體氛圍較差

聊到公眾號(hào)文章,也順帶說說今年的設(shè)計(jì)氛圍和往年相比是更差的。

你會(huì)發(fā)現(xiàn)大家都不太愿意更新文章,無論是設(shè)計(jì)大會(huì)又或者是設(shè)計(jì)文章分享,最近能閱讀的東西真的很少,這會(huì)導(dǎo)致大家的交流異常的匱乏。

從我整理過去 B 端行業(yè)的資料來看,這兩年的資源更新是非常少的。

二、市場(chǎng)環(huán)境

我們簡(jiǎn)單聊聊市場(chǎng)環(huán)境,對(duì)于整個(gè)互聯(lián)網(wǎng)行業(yè)來說,你會(huì)發(fā)現(xiàn)整體都是異常蕭條。

無論是 C 端產(chǎn)品的增長(zhǎng)乏力也好、又或者是 B 端產(chǎn)品的行業(yè)不景氣也罷,總之過去一年大家整體過得都比較艱難。對(duì)于設(shè)計(jì)行業(yè)的各位來說,我們目前的狀態(tài)其實(shí)都是茍著~

因?yàn)樵O(shè)計(jì)師很難做到雪中送炭,也就是通過一個(gè)設(shè)計(jì)點(diǎn),真正為企業(yè)、為產(chǎn)品創(chuàng)造更多的收入,所以這也就導(dǎo)致我們目前的處境十分尷尬。

你會(huì)發(fā)現(xiàn)大家在各個(gè)媒體上都在勸退 B 端設(shè)計(jì)師,說這是一個(gè)夕陽(yáng)行業(yè)。

但這里想對(duì)剛?cè)胄械男氯硕嗾f兩句。目前經(jīng)濟(jì)環(huán)境,任何行業(yè)都會(huì)有勸退的人,你要做的是去分析目前自己的選擇,也就是如果我不做 B 端設(shè)計(jì)師,我還有其他什么選擇?

比如你學(xué)習(xí)的是 環(huán)藝設(shè)計(jì)、城市規(guī)劃設(shè)計(jì) 等相關(guān)專業(yè),又或者是你自己已經(jīng)在 B 端工作多年,那可能 B 端設(shè)計(jì)師或許還是一個(gè)相對(duì)求職容易的行業(yè),尋找明確的方向,就能獲得行業(yè)當(dāng)中的一些回報(bào)。

本來想說很多,但想想還是算了,今年的就業(yè)形勢(shì)確實(shí)有所回暖,我們可以期待一波~

三、2025 年 B 端產(chǎn)品的發(fā)展趨勢(shì)

對(duì)于 2025 年,我們會(huì)認(rèn)為有以下幾個(gè)發(fā)展趨勢(shì):

1. B 端產(chǎn)品 AI 化

AI是目前行業(yè)當(dāng)中最迅猛的趨勢(shì),B端產(chǎn)品也不例外。

對(duì)于很多B端產(chǎn)品而言,AI的出現(xiàn)優(yōu)化了用戶在日常工作當(dāng)中使用繁瑣的問題,在許多B端產(chǎn)品當(dāng)中,都會(huì)把AI當(dāng)做是最為重要的產(chǎn)品功能。

比如我們之前總結(jié)過的:Salesforce、金碟、飛書,又或者是在阿里、騰訊內(nèi)部的很多系統(tǒng),都會(huì)通過AI的方式加以介入,來確保產(chǎn)品的高效使用。

在未來一年,我們要多去考慮 AI與語(yǔ)音交互、低代碼產(chǎn)品、配置類系統(tǒng)之間的碰撞,在未來肯定會(huì)有著更為不錯(cuò)的發(fā)展。

2. 無代碼/低代碼產(chǎn)品

行業(yè)當(dāng)中有著非常多的無代碼產(chǎn)品,原因在于國(guó)內(nèi)的大多數(shù)系統(tǒng),我們會(huì)發(fā)現(xiàn)通常都需要通過定制化的方式來進(jìn)行處理。為此,行業(yè)當(dāng)中就出現(xiàn)了較多的無代碼產(chǎn)品,將產(chǎn)品的功能提供給用戶進(jìn)行配置和相應(yīng)使用。比如常見的有釘釘宜搭,又或者是騰訊的微搭等等。這類產(chǎn)品的類型非常多。

但在行業(yè)中,有人會(huì)覺得這類型的產(chǎn)品不適用于小團(tuán)隊(duì)的管理。因?yàn)槿绻旧硎切F(tuán)隊(duì),需求整體沒有那么大。因此在行業(yè)里還會(huì)存在像多維表格這樣的系統(tǒng)來進(jìn)行相應(yīng)的呈現(xiàn)。

所以我們會(huì)發(fā)現(xiàn),這類型的產(chǎn)品其實(shí)是市場(chǎng)大環(huán)境所需。在未來一年,個(gè)人認(rèn)為類似多維表格、Airtable 這類型的產(chǎn)品會(huì)更受大家歡迎。因?yàn)樗鼈兡軌蚝芰鲿车嘏c AI 進(jìn)行結(jié)合,同時(shí)整個(gè)產(chǎn)品的規(guī)模結(jié)構(gòu)也沒有那么大,更容易被用戶所接受。

3. 產(chǎn)品出海

產(chǎn)品出海是一個(gè)老生常談的話題,很早之前我們就有談到。由于國(guó)內(nèi)市場(chǎng)競(jìng)爭(zhēng)激烈,而且對(duì)于應(yīng)對(duì)市場(chǎng)需求已經(jīng)有了豐富的經(jīng)驗(yàn),很多企業(yè)將自己方向轉(zhuǎn)向國(guó)外。比如最早飛書推出的國(guó)際版本Lark,ONES推出偏向研發(fā)管理相關(guān)的國(guó)際版本,以及小鵝通推出的付費(fèi)國(guó)際版(這還挺影響我們國(guó)外同學(xué)學(xué)習(xí)聽課…)

由于國(guó)內(nèi)產(chǎn)品研發(fā)效率快,人力成本相對(duì)較低,所以能以更低的價(jià)格吸引到國(guó)外的用戶。與此同時(shí),國(guó)外對(duì)于整個(gè)產(chǎn)品付費(fèi)的意愿比較高,產(chǎn)品出海有著廣闊的發(fā)展空間。

除了以上提到的互聯(lián)網(wǎng)產(chǎn)品出海外,我發(fā)現(xiàn)很多國(guó)內(nèi)的越來越多的企業(yè)也開始跨國(guó)經(jīng)營(yíng)。面對(duì)出海發(fā)展的挑戰(zhàn),數(shù)字化平臺(tái)的建設(shè)和應(yīng)用就成了這些企業(yè)的剛需,會(huì)去設(shè)計(jì)開發(fā)相應(yīng)的海外系統(tǒng)和軟件。

所以在目前的整個(gè)求職階段中,如果你在沿海城市,在工作中一定要考慮到英文的環(huán)境。在你的作品集里也可以適當(dāng)?shù)卣故疽恍в杏⑽牡捻?xiàng)目,并展示自己的國(guó)際化和本土化的設(shè)計(jì)能力

4. 跨境電商

除了常規(guī)的產(chǎn)品出海,還會(huì)有很多跨境電商相關(guān)的業(yè)務(wù),這些業(yè)務(wù)也需要對(duì)應(yīng)的管理系統(tǒng)。

比如行業(yè)當(dāng)中常見的貨代,需要有與之對(duì)應(yīng)的海外倉(cāng)儲(chǔ)物流相關(guān)系統(tǒng)來配套。而且國(guó)內(nèi)的很多相關(guān)產(chǎn)品其實(shí)都需要海外版本進(jìn)行對(duì)應(yīng)的維護(hù)。在這些系統(tǒng)當(dāng)中,我見過最為奇特的便是國(guó)外網(wǎng)紅的 MCN 系統(tǒng)。

因?yàn)楹芏嚯娚填惖漠a(chǎn)品都需要考慮廣告投放相關(guān)事宜,因此會(huì)使用對(duì)應(yīng)的 MCN 系統(tǒng)來管理不同的網(wǎng)紅。這類系統(tǒng)其實(shí)在海外場(chǎng)景當(dāng)中是非常常見的。所以很多從事跨境電商相關(guān)業(yè)務(wù)的產(chǎn)品想要拓展海外市場(chǎng),可以去考慮跨境電商相關(guān)業(yè)務(wù)拓展。

本文由人人都是產(chǎn)品經(jīng)理作者【CE青年】,微信公眾號(hào):【CE青年Youthce】,原創(chuàng)/授權(quán) 發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自Unsplash,基于 CC0 協(xié)議。

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

人機(jī)交互時(shí)代的交互新趨勢(shì)——智能駕艙多感官交互

天宇 行業(yè)趨勢(shì)

隨著電動(dòng)車的發(fā)展,駕艙也越來越智能,對(duì)設(shè)計(jì)的要求也越來越高。從一開始的只是展示信息,到現(xiàn)在的情感陪伴、多感官交互,這篇文章,我們來看看都有哪些變化。

在科技飛速發(fā)展的今天,汽車已不再僅僅是一種交通工具,更是人們生活中的重要伙伴。隨著人機(jī)交互技術(shù)的不斷進(jìn)步,智能駕艙多感官交互正從滿足傳統(tǒng)的安全駕駛需求逐漸轉(zhuǎn)變?yōu)樘峁┯星楦械闹悄?AI 陪伴需求,為駕駛者帶來全新的出行體驗(yàn)。

一、傳統(tǒng)安全駕駛需求下的智能駕艙

在過去,智能駕艙的主要功能是確保駕駛的安全。通過先進(jìn)的傳感器、顯示屏和控制系統(tǒng),為駕駛者提供車輛狀態(tài)信息、導(dǎo)航指引和安全警示等。例如,高清數(shù)字儀表盤能夠清晰地顯示車速、油耗等關(guān)鍵數(shù)據(jù),幫助駕駛者隨時(shí)掌握車輛運(yùn)行情況;倒車影像和雷達(dá)系統(tǒng)可以在倒車時(shí)提供清晰的后方視野,降低碰撞風(fēng)險(xiǎn)。然而,這種以安全為核心的智能駕艙雖然滿足了基本的駕駛需求,但缺乏情感互動(dòng)和個(gè)性化體驗(yàn)。

二、向情感智能 AI 陪伴需求的轉(zhuǎn)變

1. 情感識(shí)別與回應(yīng)

如今的智能駕艙多感官交互技術(shù)能夠?qū)崿F(xiàn)對(duì)駕駛者情感狀態(tài)的識(shí)別。車內(nèi)的攝像頭和傳感器可以捕捉駕駛者的面部表情、語(yǔ)音語(yǔ)調(diào)、身體動(dòng)作等信息,分析其情緒變化。當(dāng)檢測(cè)到駕駛者疲勞時(shí),智能 AI 會(huì)發(fā)出溫馨的提醒,建議休息或播放輕松的音樂來緩解疲勞;當(dāng)駕駛者感到焦慮或緊張時(shí),智能 AI 可以通過調(diào)節(jié)燈光顏色、播放舒緩的音樂或者講述有趣的故事來幫助駕駛者放松心情。

智能 AI 還能根據(jù)駕駛者的情緒做出個(gè)性化的回應(yīng)。例如,如果駕駛者心情愉快,智能 AI 可能會(huì)播放歡快的音樂并與駕駛者進(jìn)行愉快的交流;如果駕駛者情緒低落,智能 AI 則會(huì)給予安慰和鼓勵(lì),讓駕駛者感受到被理解和關(guān)心。

2. 個(gè)性化交互體驗(yàn)

基于對(duì)駕駛者的了解,智能駕艙可以提供高度個(gè)性化的交互體驗(yàn)。智能 AI 會(huì)記住駕駛者的喜好,如喜歡的音樂類型、溫度設(shè)置、座椅調(diào)節(jié)角度等,并在駕駛者上車時(shí)自動(dòng)調(diào)整到相應(yīng)的狀態(tài)。這種個(gè)性化的服務(wù)讓駕駛者感受到車輛是為自己量身定制的,增強(qiáng)了駕駛者與車輛之間的情感連接。

智能 AI 還可以根據(jù)駕駛者的日常習(xí)慣和興趣愛好提供個(gè)性化的建議和服務(wù)。比如,如果駕駛者經(jīng)常在周末去郊外游玩,智能 AI 可能會(huì)在周末來臨前推薦適合的郊游地點(diǎn)和路線;如果駕駛者喜歡聽某一類型的廣播節(jié)目,智能 AI 會(huì)在合適的時(shí)間自動(dòng)播放該節(jié)目。

3. 增強(qiáng)社交互動(dòng)

智能駕艙不再是一個(gè)孤立的空間,而是可以與外界進(jìn)行社交互動(dòng)的平臺(tái)。通過車聯(lián)網(wǎng)技術(shù),駕駛者可以與家人、朋友保持聯(lián)系,分享自己的行程和感受。例如,在行駛過程中,駕駛者可以通過語(yǔ)音指令發(fā)送消息給朋友,或者與家人進(jìn)行視頻通話。

智能 AI 還可以組織車內(nèi)的社交活動(dòng),增強(qiáng)駕駛者與乘客之間的互動(dòng)。例如,在長(zhǎng)途旅行中,智能 AI 可以發(fā)起游戲或話題討論,讓大家在旅途中充滿樂趣。

4. 陪伴成長(zhǎng)與學(xué)習(xí)

對(duì)于長(zhǎng)期駕駛者來說,智能駕艙可以成為一個(gè)陪伴成長(zhǎng)與學(xué)習(xí)的伙伴。智能 AI 可以記錄駕駛者的駕駛習(xí)慣和技能提升過程,提供針對(duì)性的駕駛建議和培訓(xùn)。例如,當(dāng)駕駛者在某個(gè)駕駛操作上存在不足時(shí),智能 AI 會(huì)及時(shí)指出并提供改進(jìn)方法。

智能 AI 還可以提供各種知識(shí)和信息,滿足駕駛者的學(xué)習(xí)需求。比如,在等待紅綠燈的間隙,智能 AI 可以播放一段新聞、歷史故事或者科普知識(shí),讓駕駛者在碎片化的時(shí)間里不斷學(xué)習(xí)和成長(zhǎng)。

三、多感官交互技術(shù)的支持

1. 視覺交互

高清顯示屏和數(shù)字儀表盤不僅可以提供車輛信息,還可以展示溫馨的畫面和個(gè)性化的主題,根據(jù)駕駛者的情緒和喜好進(jìn)行變化。例如,當(dāng)駕駛者心情愉悅時(shí),顯示屏可以呈現(xiàn)出絢麗的色彩和歡快的動(dòng)畫;當(dāng)駕駛者需要放松時(shí),顯示屏可以切換到寧?kù)o的自然風(fēng)景畫面。

氛圍燈的運(yùn)用也為情感交互增添了色彩。不同顏色的氛圍燈可以反映不同的情緒狀態(tài),營(yíng)造出相應(yīng)的氛圍。比如,藍(lán)色的氛圍燈可以帶來寧?kù)o的感覺,紅色的氛圍燈可以增加活力和激情。

2. 聽覺交互

高品質(zhì)的音響系統(tǒng)可以播放各種類型的音樂和聲音,滿足駕駛者不同的情感需求。智能 AI 可以根據(jù)駕駛者的情緒選擇合適的音樂播放列表,或者根據(jù)場(chǎng)景自動(dòng)調(diào)整音樂的風(fēng)格和音量。

語(yǔ)音交互更加自然和親切。智能 AI 的語(yǔ)音不再是機(jī)械的合成音,而是具有情感色彩的聲音,能夠更好地與駕駛者進(jìn)行交流和互動(dòng)。

3. 觸覺交互

座椅的按摩功能和溫度調(diào)節(jié)可以根據(jù)駕駛者的身體狀況和情緒進(jìn)行調(diào)整,提供舒適的駕駛體驗(yàn)。例如,當(dāng)駕駛者感到疲勞時(shí),座椅可以自動(dòng)啟動(dòng)按摩功能,幫助駕駛者放松身體。

方向盤和控制面板的觸摸反饋更加靈敏和個(gè)性化,讓駕駛者在操作過程中感受到與車輛的互動(dòng)。

4. 嗅覺交互

香氛系統(tǒng)可以釋放不同的氣味,調(diào)節(jié)車內(nèi)的氛圍。智能 AI 可以根據(jù)駕駛者的情緒和喜好選擇合適的香氛,如清新的花香可以帶來愉悅的感覺,舒緩的草本香可以幫助駕駛者放松心情。

四、未來展望

隨著技術(shù)的不斷進(jìn)步,智能駕艙多感官交互將在滿足情感智能 AI 陪伴需求方面發(fā)揮更大的作用。未來的智能駕艙將更加智能化、個(gè)性化和人性化,成為駕駛者真正的情感伙伴。汽車制造商和科技企業(yè)將不斷創(chuàng)新和完善多感官交互技術(shù),為駕駛者帶來更加豐富、溫暖的出行體驗(yàn)。

五、結(jié)論

從滿足安全駕駛需求到提供有情感的智能AI陪伴需求,智能駕艙多感官交互的發(fā)展為汽車行業(yè)帶來了新的機(jī)遇和挑戰(zhàn)。通過情感識(shí)別、個(gè)性化交互、增強(qiáng)社交互動(dòng)和多感官技術(shù)的支持,智能駕艙將成為駕駛者生活中不可或缺的一部分,為人們的出行帶來更多的樂趣和溫暖。

本文由 @INFP怡伶設(shè)計(jì) 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。

題圖來自 Pexels,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

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

探索未來設(shè)計(jì)趨勢(shì):引領(lǐng)設(shè)計(jì)潮流的Bento UI設(shè)計(jì)風(fēng)格

天宇 行業(yè)趨勢(shì)

Bento UI其實(shí)流行已經(jīng)有一段時(shí)間了,但是近一兩年來才展現(xiàn)出發(fā)展的勢(shì)頭,Bento UI的體驗(yàn)和用戶友好性在設(shè)計(jì)中的價(jià)值不斷被認(rèn)識(shí)與驗(yàn)證。本文就Bento UI設(shè)計(jì)風(fēng)格進(jìn)行分析總結(jié),希望能給你一些啟發(fā)。

Bento UI的流行已經(jīng)有一段時(shí)間,但直到最近一兩年,它才真正展現(xiàn)出強(qiáng)勁的發(fā)展勢(shì)頭。這是因?yàn)樵O(shè)計(jì)師們逐漸認(rèn)識(shí)到,Bento UI的體驗(yàn)和用戶友好性在設(shè)計(jì)中的價(jià)值。

關(guān)于Bento UI的起源存在一些爭(zhēng)議,就像許多設(shè)計(jì)趨勢(shì)一樣。有人認(rèn)為Bento UI的成功應(yīng)歸功于蘋果公司,因?yàn)樘O果在其UI元素中采用了類似的風(fēng)格。另一些人則指出,微軟的Metro UI實(shí)際上就是Bento UI的一種體現(xiàn)。不管它的來源如何,毋庸置疑,Bento UI正變得越來越受歡迎。隨著其使用量的增加,它作為一種UI風(fēng)格的可靠性也在不斷得到驗(yàn)證。

一、什么是Bento UI ?

Bento UI 的靈感來自便當(dāng)盒(一種精心布置且視覺上吸引人的日本料理)概念,提供了令人耳目一新的設(shè)計(jì)。它不僅僅是一個(gè)設(shè)計(jì)框架,而是一種兼顧用戶需求和視覺吸引力的整體理念。這篇文章讓我?guī)闵钊胙芯恳幌?Bento UI 如何實(shí)現(xiàn)實(shí)用性與美觀的相互融合。

二、Bento UI設(shè)計(jì)有什么優(yōu)點(diǎn) ?

Bento UI設(shè)計(jì)的優(yōu)點(diǎn)多種多樣,它將實(shí)用性和美學(xué)完美融合,為用戶帶來出色的體驗(yàn)。

1. 強(qiáng)調(diào)模塊化和可重用性: Bento UI將界面元素拆分為模塊化的組件,使得設(shè)計(jì)師可以輕松地組合、調(diào)整和重用這些組件,從而提高了設(shè)計(jì)效率和一致性。

2. 簡(jiǎn)潔而美觀的外觀: Bento UI注重簡(jiǎn)約、現(xiàn)代和美學(xué)的結(jié)合,帶來干凈、清晰且視覺吸引人的界面。這有助于提升用戶的第一印象,增加用戶停留時(shí)間和參與度。

3. 良好的用戶體驗(yàn): Bento UI注重用戶導(dǎo)向,通過清晰的布局、直觀的導(dǎo)航和有趣的交互元素,為用戶創(chuàng)造出愉悅和流暢的瀏覽體驗(yàn)。

4. 強(qiáng)化品牌形象: Bento UI可以根據(jù)品牌的風(fēng)格和價(jià)值觀進(jìn)行定制,從而增強(qiáng)品牌在用戶心中的形象和認(rèn)知。一致的設(shè)計(jì)元素有助于塑造品牌的獨(dú)特性。

5. 強(qiáng)調(diào)交互和動(dòng)畫: Bento UI強(qiáng)調(diào)微交互和動(dòng)畫效果,為用戶創(chuàng)造出更加生動(dòng)和有趣的互動(dòng)體驗(yàn)。這不僅吸引用戶的注意,還增強(qiáng)了用戶的參與感。

6. 提升移動(dòng)設(shè)備體驗(yàn): Bento UI通常是響應(yīng)式的,可以自適應(yīng)不同的屏幕尺寸和設(shè)備類型。這為移動(dòng)用戶提供了更好的體驗(yàn),無論是在手機(jī)、平板還是桌面電腦上。

三、我該如何在我的項(xiàng)目中使用Bento UI?

要設(shè)計(jì)出成功的Bento UI,首先需要理解其核心原則。簡(jiǎn)約、模塊化和活力交互是Bento UI的靈魂。簡(jiǎn)約的設(shè)計(jì)風(fēng)格能夠使界面更加清晰明了,而模塊化的組件則讓設(shè)計(jì)師能夠靈活構(gòu)建頁(yè)面,快速滿足不同需求?;盍换?,包括動(dòng)畫效果和微交互,能夠增強(qiáng)用戶與界面的互動(dòng)感,提升用戶體驗(yàn)。

1. 構(gòu)建清晰的布局

在Bento UI中,清晰的布局是至關(guān)重要的。界面元素應(yīng)該有明確的排列,避免過于擁擠和混亂。通過合理的分區(qū)和對(duì)齊,可以將信息有序地呈現(xiàn)給用戶,使其能夠快速獲取所需信息。此外,清晰的布局還能夠增強(qiáng)用戶的舒適感,使其更樂意與界面互動(dòng)。

2. 運(yùn)用鮮明的顏色和圖標(biāo)

Bento UI倡導(dǎo)使用鮮明的顏色和獨(dú)特的圖標(biāo)設(shè)計(jì)。色彩可以傳達(dá)情感和品牌特點(diǎn),因此選擇適合項(xiàng)目風(fēng)格的顏色是至關(guān)重要的。同時(shí),圖標(biāo)作為界面的視覺元素,能夠直觀地傳達(dá)信息,提高用戶的使用效率。確保顏色和圖標(biāo)的使用既美觀又有意義,能夠?yàn)橛脩魩砀玫囊曈X體驗(yàn)。

3. 創(chuàng)造有趣的交互效果

Bento UI的動(dòng)畫效果和微交互是設(shè)計(jì)中的亮點(diǎn)之一。動(dòng)畫可以增強(qiáng)用戶與界面的互動(dòng)感,使用戶感受到界面的活力。微交互則能夠提供反饋,引導(dǎo)用戶完成操作。設(shè)計(jì)師可以巧妙地運(yùn)用過渡效果、淡入淡出和其他動(dòng)畫元素,使界面變得更加生動(dòng)有趣。

4. 保持一致性和用戶友好性

在整個(gè)設(shè)計(jì)過程中,保持一致性和用戶友好性至關(guān)重要。界面的風(fēng)格、字體和元素應(yīng)該保持統(tǒng)一,以確保用戶在瀏覽不同頁(yè)面時(shí)能夠感受到一致的視覺效果。另外,界面的導(dǎo)航和操作也應(yīng)該簡(jiǎn)單明了,讓用戶能夠輕松找到所需內(nèi)容。

一些案例:

iPhone 14 Pro介紹頁(yè)面中,您將看到以這種方式呈現(xiàn)的高級(jí)功能介紹,并通??過多種視覺處理來保持有趣。雖然有不同的視覺處理,但由于使用大小和漸變文本有效地引導(dǎo)用戶的眼睛,內(nèi)容不會(huì)相互沖突。

Bolt對(duì)每個(gè)圖塊使用了更加一致的視覺方法,以使內(nèi)容更易于瀏覽。這對(duì)于傳達(dá)功能并引導(dǎo)他們?cè)谧詈蟛榭锤鄡?nèi)容非常有用!

Linear的設(shè)計(jì)師也采用了Bento UI的設(shè)計(jì)風(fēng)格,我個(gè)人很喜歡他們這樣的設(shè)計(jì)。

Iconwerk使用Bento UI風(fēng)格來展示他們最好的圖標(biāo)設(shè)計(jì)。每個(gè)內(nèi)容框都保持得非常小,這樣當(dāng)它們?nèi)糠旁谝黄饡r(shí),就不會(huì)感到擁擠。
Traf使用Bento UI以時(shí)尚的深色主題設(shè)計(jì)來布局他的作品集作品。

四、我應(yīng)該為我的項(xiàng)目使用Bento UI嗎?

是否選擇應(yīng)用Bento UI取決于您的項(xiàng)目需求和目標(biāo)。如果您追求引人入勝的界面、活力的交互和用戶友好性,Bento UI可能是一個(gè)理想的選擇。特別是對(duì)于品牌展示、產(chǎn)品推廣和互動(dòng)性強(qiáng)的網(wǎng)頁(yè),Bento UI能夠?yàn)槟捻?xiàng)目增添獨(dú)特的魅力和吸引力。然而,設(shè)計(jì)師應(yīng)該根據(jù)項(xiàng)目特點(diǎn),靈活運(yùn)用Bento UI的元素,以確保最終的設(shè)計(jì)能夠滿足用戶需求并達(dá)到預(yù)期效果。

但是Bento UI并非適用于所有項(xiàng)目。它最適合于擁有簡(jiǎn)潔層次結(jié)構(gòu)的項(xiàng)目,因此,如果您的項(xiàng)目層次結(jié)構(gòu)較為復(fù)雜,Bento UI可能并不適合。不過,如果您的項(xiàng)目存在復(fù)雜層次結(jié)構(gòu),或許是時(shí)候改變這一現(xiàn)狀了。

Bento UI的設(shè)計(jì)和感覺極具現(xiàn)代氛圍,我預(yù)測(cè)它將在未來一段時(shí)間內(nèi)持續(xù)受歡迎。隨著蘋果等專業(yè)設(shè)計(jì)團(tuán)隊(duì)的使用還有諸如Vision Pro等新技術(shù)的出現(xiàn),它甚至可能發(fā)展成我們目前尚未能夠預(yù)見的新形態(tài)。

結(jié)語(yǔ)

Bento UI是一種引人注目的設(shè)計(jì)風(fēng)格,簡(jiǎn)約美學(xué)、動(dòng)感交互和模塊化創(chuàng)造力為設(shè)計(jì)帶來了新的可能性。作為一種新興的設(shè)計(jì)趨勢(shì),Bento UI正在成為越來越多設(shè)計(jì)師和品牌的選擇。

通過將Bento UI的理念融入設(shè)計(jì)中,我們能夠?yàn)橛脩魟?chuàng)造出令人難忘的體驗(yàn),將品牌價(jià)值傳達(dá)得更加生動(dòng)而深刻,從而實(shí)現(xiàn)更好的用戶參與和品牌傳播效果。

本文由 @收手的阿祖 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。

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

《炫光躍動(dòng):極光風(fēng)UI如何重塑數(shù)字美學(xué)的未來邊界》

天宇 行業(yè)趨勢(shì)

2022 原創(chuàng)輸出第 15 篇,我們互相努力。

作為設(shè)計(jì)師都會(huì)時(shí)刻關(guān)注設(shè)計(jì)趨勢(shì),以 UI 設(shè)計(jì)來說每年都會(huì)出現(xiàn)很多相關(guān)的趨勢(shì)總結(jié),基本是結(jié)合預(yù)測(cè)和實(shí)際相結(jié)合的。趨勢(shì)可以讓我們把控設(shè)計(jì)的方向,帶給用戶更好的感官體驗(yàn)。

 

最近黑馬哥結(jié)合落地產(chǎn)品所呈現(xiàn)出來的設(shè)計(jì)趨勢(shì),進(jìn)行了這方面的探索,今天以其中之一的趨勢(shì)-極光風(fēng)和大家先聊一聊。

 

 

 

 

 

 

 

 

目錄

 

一、極光風(fēng)趨勢(shì)的來源

二、UI 場(chǎng)景中的極光風(fēng)設(shè)計(jì)

三、實(shí)現(xiàn)極光風(fēng)設(shè)計(jì)的方法

四、極光風(fēng)案例實(shí)戰(zhàn)

五、小結(jié)

 

 

 

一、極光風(fēng)趨勢(shì)的來源

 

極光(Aurora),是一種絢麗多彩的等離子體(發(fā)光)現(xiàn)象,在夜間出現(xiàn)燦爛美麗的光輝。在南極被稱為南極光,在北極被稱為北極光,視為自然界中最漂亮的奇觀之一。(來源于百度百科)

 

 

 

 

 

 

這樣的自然奇觀被攝影師捕捉到靜態(tài)的影像中,設(shè)計(jì)師再結(jié)合這樣的影像作品,視覺化之后出現(xiàn)在了一些設(shè)計(jì)作品中。在 2021 年被廣泛運(yùn)用,形成一種流行的視覺風(fēng)格。在眾多的互聯(lián)網(wǎng)產(chǎn)品設(shè)計(jì)中,也經(jīng)常運(yùn)用這種類似極光的視覺影像風(fēng)格,稱之為 Aurora UI。

 

 

 

 

 

 

在產(chǎn)品設(shè)計(jì)底層需求獲得滿足之后,感光體驗(yàn)的提升被重視,視覺感的強(qiáng)化對(duì) UI 設(shè)計(jì)師來說至關(guān)重要?;诓桓淖儽旧淼慕Y(jié)構(gòu)層,在背景層和裝飾性元素上面發(fā)揮,使得 Aurora UI 得到了發(fā)揮的空間。

 

 

 

 

 

 

富有創(chuàng)意的極光風(fēng)在背景層和裝飾性元素上面發(fā)揮得淋漓盡致,助推了其成為 UI 設(shè)計(jì)趨勢(shì)的關(guān)鍵,下面就讓我們一起來看看落地產(chǎn)品中的 Aurora UI。

 

 

 

二、UI 場(chǎng)景中的極光風(fēng)設(shè)計(jì)

 

由于在眾多落地產(chǎn)品中被廣泛運(yùn)用,形成了近些年影響 UI 設(shè)計(jì)趨勢(shì)的風(fēng)格。極光風(fēng)和彌散光在表現(xiàn)形式上類似,也有設(shè)計(jì)師將該風(fēng)格歸類為彌散光,下面就看一下具體的運(yùn)用場(chǎng)景。

 

 

2.1、強(qiáng)化導(dǎo)航欄設(shè)計(jì)的視覺感

如果想要強(qiáng)化頂部導(dǎo)航欄的視覺感,通常是利用品牌色作為背景顏色,這樣也會(huì)顯得頂部比重較大。通過白色或者淺灰色作為背景屬于比較弱化的處理方式,而極光風(fēng)的處理形式處于輕重之間的理想狀態(tài)。不僅可以豐富視覺表現(xiàn)力,也能使得整體風(fēng)格更加年輕化。

 

 

 

 

 

 

 

2.2、強(qiáng)化個(gè)人中心頂部視覺區(qū)域

隨著互聯(lián)網(wǎng)用戶年輕化的趨勢(shì),在配色上面逐步趨近于年輕化,眾多產(chǎn)品在個(gè)人中心界面的設(shè)計(jì)上面亦是如此。利用極光風(fēng)效果呈現(xiàn)出的設(shè)計(jì)比較符合年輕化的趨勢(shì),可以是同色系的飽和度變化,也可以是不同色相的相互融合。利用低飽和度高明度的配色原則,使得整體的視覺感更加輕量化,視覺效果清新自然且通透力更強(qiáng)。

 

也有基于品牌色結(jié)合極光風(fēng)進(jìn)行融合,相對(duì)單色來說效果更加豐富自然,使得背景的變化更加多樣。

 

 

 

 

 

 

 

2.3、豐富背景設(shè)計(jì)的視覺感

除了在頂部區(qū)域進(jìn)行運(yùn)用以外,也有一些產(chǎn)品會(huì)在背景層面進(jìn)行強(qiáng)化,相較于白色或者淺灰色的背景來說色彩感更豐富。運(yùn)用到整個(gè)界面背景層相對(duì)比較少,在局部背景層上的運(yùn)用比較多些,可以強(qiáng)化局部模塊的視覺感。

 

 

 

 

 

 

 

2.4、點(diǎn)綴彈窗設(shè)計(jì)局部

極光風(fēng)的設(shè)計(jì)表現(xiàn)也會(huì)出現(xiàn)在一些局部功能的細(xì)節(jié)處,比如運(yùn)用到彈窗的色彩處理中,作為背景局部或者插畫部分等的襯托。帶來的視覺感更加親和自然,也不會(huì)過度干擾其他元素的呈現(xiàn)。

 

 

 

 

 

 

 

2.5、強(qiáng)化卡片式設(shè)計(jì)局部

卡片式設(shè)計(jì)也是近些年運(yùn)用比較多的設(shè)計(jì)趨勢(shì)之一,基本是以白色卡片居多,具有整合信息的好處。在卡片的邊緣位置強(qiáng)化色彩,可以使得卡片色彩更加豐富,也有一些電商產(chǎn)品是起到與商品形成色彩呼應(yīng)的作用。

 

 

 

 

 

 

 

2.6、突出搜索設(shè)計(jì)的差異化

搜索框的設(shè)計(jì)在大部分的認(rèn)知里面都是白色或者淺灰色,也有一些是帶有邊框的形式,利用低飽和度高明度的配色原則來進(jìn)行設(shè)計(jì),帶來的效果更加年輕化。也是一種差異化設(shè)計(jì)的嘗試,打破常規(guī)的設(shè)計(jì)認(rèn)知。也可以舉一反三,在一些按鈕或者標(biāo)簽設(shè)計(jì)中運(yùn)用。

 

 

 

 

 

 

 

2.7、分類標(biāo)簽的裝飾設(shè)計(jì)

這是一個(gè)裝飾性的設(shè)計(jì)嘗試,在突出模塊分類的當(dāng)前狀態(tài)時(shí),通常都會(huì)通過裝飾元素來進(jìn)一步強(qiáng)化??梢酝ㄟ^字體粗細(xì)、顏色深淺、字體大小和裝飾元素來強(qiáng)化,裝飾元素除了線段和一些圖形元素以外,極光風(fēng)的背景元素也是一種不錯(cuò)的表現(xiàn)手法。

 

 

 

 

 

 

 

2.8、圖標(biāo)設(shè)計(jì)中的運(yùn)用

運(yùn)用到圖標(biāo)設(shè)計(jì)中通常是出現(xiàn)在質(zhì)感類圖標(biāo),輔助強(qiáng)化圖標(biāo)的色彩感和層次感。有時(shí)候無法通過常規(guī)的漸變形式達(dá)到要求,就可以嘗試運(yùn)用極光風(fēng)的處理技巧,將顏色通過模糊和剪切蒙版的形式融入到圖標(biāo)中,可以使得圖標(biāo)色彩豐富和強(qiáng)化光影變化。

 

 

 

 

 

 

 

2.9、深色卡片色彩強(qiáng)化

以上案例屬于在淺色或者白色的環(huán)境中運(yùn)用,在深色主題中依然會(huì)用到極光風(fēng)進(jìn)行設(shè)計(jì)強(qiáng)化。在界面背景和卡片背景中運(yùn)用,效果也是非常不錯(cuò)的,可以給深色的卡片一些色彩感和豐富度。

 

 

 

 

 

 

 

2.10、作品包裝中的背景強(qiáng)化

除了在 UI 設(shè)計(jì)場(chǎng)景中運(yùn)用以外,最近發(fā)現(xiàn)在設(shè)計(jì)師作品包裝中的運(yùn)用也是非常普遍,用于背景層的渲染帶來的視覺體驗(yàn)度也是非常不錯(cuò)的。在作品包裝環(huán)節(jié)中作為背景運(yùn)用和局部裝飾,也有在封面設(shè)計(jì)中重點(diǎn)運(yùn)用,使得作品集緊貼設(shè)計(jì)趨勢(shì),提高作品的打開率。

 

 

 

 

 

 

 

2.11、其他場(chǎng)景中的應(yīng)用普及

在 UI 場(chǎng)景還有很多運(yùn)用場(chǎng)景,這里僅為拋磚引玉,無論是作為背景強(qiáng)化還是元素裝飾,都能帶給用戶更加年輕化的感官體驗(yàn)。

 

除了在 UI 場(chǎng)景中呈現(xiàn)以外,極光風(fēng)的設(shè)計(jì)也會(huì)出現(xiàn)在更多其它場(chǎng)景中。在 Banner 設(shè)計(jì)、海報(bào)設(shè)計(jì)、專題頁(yè)設(shè)計(jì)等視覺設(shè)計(jì)層面也是運(yùn)用廣泛,是一個(gè)影響范圍比較廣的設(shè)計(jì)趨勢(shì)之一。

 

 

 

 

 

 

 

 

三、實(shí)現(xiàn)極光風(fēng)設(shè)計(jì)的方法

 

通過一些線上的案例欣賞和分析,相信大家對(duì)于極光風(fēng)在 UI 場(chǎng)景中運(yùn)用都有一定的了解,在項(xiàng)目設(shè)計(jì)中也能輕松嘗試。這一類風(fēng)格從技法實(shí)現(xiàn)的角度來說并不難,關(guān)鍵因素在于控制好配色原理,下面就為大家總結(jié)幾種實(shí)現(xiàn)的方法。

 

 

方法 01 :利用不透明度漸變?nèi)诤?/strong>

不透明度漸變?cè)谠O(shè)計(jì)中的運(yùn)用比較普遍,利用的是不透明度從 100%-0% 之間形成漸變,讓色彩逐漸消失或者淡化。

 

畫一個(gè)圓形,選擇徑向漸變,漸變兩端的顏色選擇同一個(gè)色相。然后設(shè)置中間顏色不透明度為 100%,另一個(gè)顏色不透明度設(shè)置為 0%,這里顏色適合選擇低飽和度的范圍。同樣的方法反復(fù)繪制幾個(gè)不同顏色的圓形進(jìn)行組合,即可完成極光風(fēng)背景設(shè)計(jì)。

 

 

 

 

 

 

 

方法 02 :利用模糊度變化融合

這個(gè)方法是結(jié)合了形狀和模糊設(shè)置(高斯模糊等),繪制幾個(gè)大小不等的圓形進(jìn)行排版組合,然后選擇所有圓形一起進(jìn)行模糊設(shè)置。形狀的繪制上面最好是有大小差異,排版錯(cuò)落有致,這樣形成的效果比較富有變化。

 

在顏色的選擇上面需要根據(jù)背景的強(qiáng)化程度選擇,低飽和度的顏色融合性更高,適合作為弱化性質(zhì)的背景使用。

 

 

 

 

 

 

 

方法 03 :利用背景模糊融合

背景模糊在 Sketch、Figma 等設(shè)計(jì)軟件中有該功能,是一個(gè)影響設(shè)計(jì)趨勢(shì)較為常用的功能,特別是在實(shí)現(xiàn)玻璃質(zhì)感和一些質(zhì)感圖標(biāo)上面非常實(shí)用。

 

在背景層繪制圖形,顏色和形狀均可自由發(fā)揮,然后再繪制一個(gè)形狀作為調(diào)節(jié)層,調(diào)節(jié)層是用于控制模糊效果的。在調(diào)節(jié)層的形狀上面設(shè)置一個(gè)帶有透明度的顏色(必須要帶有透明度),然后再設(shè)置背景模糊,背景模糊數(shù)值的大小決定模糊的程度,不透明度的大小決定整體效果的亮度。

 

 

 

 

 

 

 

方法 04 :利用圖片模糊融合

以上的方法都需要進(jìn)行配色處理,如果色感方面比較薄弱的設(shè)計(jì)師,也可以挑選一些不錯(cuò)的圖片來實(shí)現(xiàn)極光風(fēng)效果。

 

挑選一張色彩符合要求的圖片,然后在 Photoshop 等設(shè)計(jì)軟件中執(zhí)行高斯模糊,半徑值的多少?zèng)Q定了模糊之后的自然度。我們?cè)谶x擇圖片的過程中除了整張圖片進(jìn)行操作以外,也可以截取其中的一部分,也許可以帶來意想不到的效果。

 

 

 

 

 

 

除了這幾個(gè)方法以外還有更多不一樣的實(shí)現(xiàn)方法,大家可以根據(jù)自己的探索選擇最適合自己的方法。根據(jù)使用軟件的差別選擇最簡(jiǎn)單的形式,根據(jù)想要實(shí)現(xiàn)的效果選擇最靈活的方法,這樣才能便于后期的反復(fù)調(diào)整。

 

 

 

四、極光風(fēng)案例實(shí)戰(zhàn)

 

 

 

 

 

 

 

 

 

 

 

 

 

 


五、小結(jié)

 

研究落地產(chǎn)品的設(shè)計(jì)細(xì)節(jié)和視覺趨勢(shì),將有助于提高我們對(duì)于當(dāng)前有效設(shè)計(jì)趨勢(shì)的把控,而不僅僅只是停留在概念化的預(yù)測(cè)階段,而是行之有效的真實(shí)案例。

 

極光風(fēng)是近些年運(yùn)用在落地產(chǎn)品中的 UI 設(shè)計(jì)趨勢(shì)之一,通過大量案例驗(yàn)證之后的有效方法,希望大家能夠掌握并靈活運(yùn)用到項(xiàng)目設(shè)計(jì)中。落地產(chǎn)品的 UI 設(shè)計(jì)趨勢(shì)還有很多,本次分享的僅為拋磚引玉,后續(xù)將和大家探討更多的有效設(shè)計(jì)趨勢(shì),輔助提高我們的設(shè)計(jì)能力。

 

 

作者:黑馬青年(vx: heimaux)

本文由 @黑馬青年 原創(chuàng)發(fā)布。未經(jīng)許可,禁止轉(zhuǎn)載。



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

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

MEUX 「一月」 AI設(shè)計(jì)觀察

ui設(shè)計(jì)分享達(dá)人

MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
【1】Domo AI推出v2v真實(shí)模型
【2】訊飛星火瀏覽器插件新升級(jí)
【3】Hume AI發(fā)布語(yǔ)音引擎OCTAVE
【4】南洋理工大學(xué)推出超分技術(shù)InvSR
【5】騰訊推出ColorFlow
【6】OpenAI正式發(fā)布o(jì)3模型
【7】Krea AI上線自定義功能
【8】支付寶面向商家營(yíng)銷推出AI創(chuàng)意生成服務(wù)
【9】可靈1.6版本提升物理規(guī)律真實(shí)感
【10】Google推出AI生圖工具Whisk
 
 
1.Domo AI推出v2v真實(shí)模型
 
Domo AI推出v2v真實(shí)模型,可以進(jìn)行反向操作,將動(dòng)漫類型的視頻轉(zhuǎn)換成真人視頻,還可以通過Prompt將視頻里的對(duì)象轉(zhuǎn)成別的真實(shí)事物,如將一個(gè)圣誕老人轉(zhuǎn)成一只圣誕兔子,功能類似于Runway推出的Act one功能。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
2.訊飛星火瀏覽器插件新升級(jí)
 
訊飛星火對(duì)其瀏覽器插件進(jìn)行升級(jí),增加了多項(xiàng)AI能力。集成了訊飛星火V4.0底層能力,兼容Chrome、Edge等主流瀏覽器。新增“繼續(xù)提問”功能,隨時(shí)深入討論,獲取高質(zhì)量答案;實(shí)現(xiàn)網(wǎng)頁(yè)全局對(duì)照翻譯;新增“一鍵朗讀”功能,實(shí)現(xiàn)邊聽邊看;支持句子、段落總結(jié)。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
3.Hume AI發(fā)布語(yǔ)音引擎OCTAVE
 
Hume AI推出OCTAVE的文本與語(yǔ)音引擎,該引擎能夠通過簡(jiǎn)單的文本描述一段5秒的語(yǔ)音錄音,生成或克隆出逼真的語(yǔ)音和人格特質(zhì)。不僅能夠生成自然的語(yǔ)音,還能精確地模仿說話者的性別、年齡、口音、情緒語(yǔ)調(diào)及職業(yè)特定的說話風(fēng)格,能夠在毫秒級(jí)別內(nèi)完成語(yǔ)音生成,實(shí)現(xiàn)了真正的實(shí)時(shí)對(duì)話,并且還允許用戶實(shí)時(shí)動(dòng)態(tài)地調(diào)整生成內(nèi)容。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
4.南洋理工大學(xué)推出超分技術(shù)InvSR
 
南洋理工大學(xué)的研究團(tuán)隊(duì)發(fā)布圖像超分辨率(SR)技術(shù),該技術(shù)基于擴(kuò)散反演(Diffusion Inversion),通過充分利用大型預(yù)訓(xùn)練擴(kuò)散模型中的圖像先驗(yàn)信息,提升圖像的分辨率和清晰度。與現(xiàn)有的超分辨率方法相比,這項(xiàng)技術(shù)具有更加靈活高效的采樣機(jī)制,可以支持從一個(gè)到五個(gè)任意數(shù)量的采樣步驟。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
5.騰訊推出ColorFlow
 
清華大學(xué)與騰訊ARC實(shí)驗(yàn)室的研究團(tuán)隊(duì)推出ColorFlow的新型圖像序列上色模型。解決了在黑白圖像序列上色的同時(shí),保持角色和物體身份一致性的問題,能夠利用上下文信息,通過參考圖像池為黑白圖像序列準(zhǔn)確生成顏色。與以往需要針對(duì)每個(gè)角色進(jìn)行微調(diào)的技術(shù)不同,ColorFlow通過具備泛化能力的檢索增強(qiáng)上色管道,簡(jiǎn)化了色彩生成的過程。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
6.OpenAI正式發(fā)布o(jì)3模型
 
OpenAI在第十二天技術(shù)直播中正式發(fā)布了o3模型,在全球著名的編碼競(jìng)賽平臺(tái)Codeforces中得分是2727,位于排列榜單第175名,超越了99.99%的人類。在數(shù)學(xué)競(jìng)賽AIEM2024中接近滿分,在評(píng)估人工智能在高級(jí)數(shù)學(xué)推理方面能力的FrontierMath中成功率為25.2%,與之對(duì)比,GPT-4和Gemini1.5Pro的成功率不足2%。目前不知道o3什么時(shí)候放出,但是OpenAI又基于o3訓(xùn)練了3個(gè)小尺寸的o3模型,其中o3-mimi預(yù)估在1月底可以對(duì)外開放。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
7.Krea AI上線自定義功能
 
AI創(chuàng)意工具Krea AI宣布在Krea Editor推出自定義訓(xùn)練功能,可以在幾秒鐘內(nèi)將真實(shí)產(chǎn)品添加到任何圖像中。從官方的演示視頻來看,在實(shí)際操作中只需涂抹需要替換的區(qū)域,如“涂抹模特臉上的墨鏡”,然后選擇商品圖“VR眼鏡”,AI就會(huì)自動(dòng)處理,將VR眼鏡戴到模特臉上。用戶還可以繼續(xù)擴(kuò)圖處理,用同樣的方法繼續(xù)涂抹區(qū)域,選擇其它商品,AI就會(huì)把商品融合到模特身上。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
8.支付寶面向商家營(yíng)銷推出AI創(chuàng)意生成服務(wù)
 
支付寶宣布推出AI創(chuàng)意平臺(tái)“螞上有創(chuàng)意”,這是一個(gè)面向商務(wù)機(jī)構(gòu)的AI營(yíng)銷服務(wù)。“螞上有創(chuàng)意”可以為客戶提供AI快速生成創(chuàng)意素材、營(yíng)銷廣告智能分析等服務(wù),還免費(fèi)開放多項(xiàng)營(yíng)銷圖片素材。據(jù)介紹,過去一年支付寶將AI全面應(yīng)用于商業(yè)開放生態(tài),共接入近70個(gè)業(yè)務(wù)場(chǎng)景,累計(jì)為生態(tài)商家機(jī)構(gòu)生成8700萬(wàn)張AI素材。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
9.可靈1.6版本提升物理規(guī)律真實(shí)感
 
快手旗下AI視頻生成工具可靈(Kling)發(fā)布1.6版,主要在物理規(guī)律真實(shí)感、人物表演能力和語(yǔ)義理解水平三個(gè)核心維度提升。①對(duì)物理世界的精準(zhǔn)演繹:在切西紅柿的測(cè)試中,可靈1.6版展現(xiàn)出近乎專業(yè)廚師的精準(zhǔn)操作,無論是刀具與食材的互動(dòng),還是切片的力度都非常真實(shí)。倒茶、貓咪踩沙發(fā)、狗狗奔跑等日常場(chǎng)景中的物理效果也更加真實(shí);②人物表情和動(dòng)作:從細(xì)微的眉頭皺起到優(yōu)雅的芭蕾舞姿,再到中國(guó)古典水下舞蹈,可靈1.6版都能準(zhǔn)確捕捉人物細(xì)微的情感變化和復(fù)雜的肢體動(dòng)作;③語(yǔ)義理解:更強(qiáng)的場(chǎng)景理解能力,無論是“摘下眼鏡擁抱小鹿”這樣的連續(xù)動(dòng)作,還是“后退舉槍”等復(fù)雜場(chǎng)景,都能準(zhǔn)確理解并生成符合預(yù)期的視頻內(nèi)容。
 
MEUX 「一月」 AI設(shè)計(jì)觀察
 
 
 
 
10.Google推出AI生圖工具Whisk
 
Google發(fā)布新AI工具Whisk,允許用戶使用圖片作為提示詞生成圖片。可以上傳圖片來指定AI生成圖像的主題、場(chǎng)景和風(fēng)格,并且可以為這三者分別使用多張圖片。如果你手頭沒有合適的圖片,可以點(diǎn)擊骰子圖標(biāo),讓谷歌自動(dòng)填充一些圖片作為提示。Whisk還為每張生成的圖片提供了文字提示。如果對(duì)結(jié)果滿意,可以收藏或下載圖像,如果想要進(jìn)一步優(yōu)化,可以在文本框中添加更多文字,或直接點(diǎn)擊圖像編輯文字提示。
 
MEUX 「一月」 AI設(shè)計(jì)觀察

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

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

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

ui設(shè)計(jì)分享達(dá)人

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


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

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

UI 行業(yè)趨勢(shì):創(chuàng)新與變革引領(lǐng)未來設(shè)計(jì)

藍(lán)藍(lán)設(shè)計(jì)的小編

UI 行業(yè)正站在創(chuàng)新與變革的前沿,極簡(jiǎn)主義與情感化設(shè)計(jì)的融合、智能交互的驅(qū)動(dòng)、響應(yīng)式設(shè)計(jì)的進(jìn)階、3D 元素與微交互的崛起以及數(shù)據(jù)可視化的深入應(yīng)用等趨勢(shì)相互交織,共同塑造著未來 UI 設(shè)計(jì)的全新風(fēng)貌。對(duì)于 UI 設(shè)計(jì)師而言,緊跟這些趨勢(shì),不斷學(xué)習(xí)和探索新技術(shù)、新方法,將用戶需求與創(chuàng)新設(shè)計(jì)理念相結(jié)合,才能在這個(gè)充滿活力與挑戰(zhàn)的領(lǐng)域中打造出引領(lǐng)潮流、滿足用戶期待并推動(dòng)數(shù)字產(chǎn)品成功的優(yōu)秀 UI 作品。

ISUX「十一月」行業(yè)設(shè)計(jì)趨勢(shì)速遞

藍(lán)藍(lán)設(shè)計(jì)的小編

【1】 Midjourney 外部圖片編輯功能上線
【2】Adobe 正式推出 AI 視頻模型——Firefly Video Model,一句話 P 視頻
【3】面向Z世代的最新即時(shí)通訊APP:Daze
【4】OPPO ColorOS 15: 會(huì)呼吸的系統(tǒng)
【5】Vivo OriginOS 5 原子島功能

【6】Telegram更新:全面提升應(yīng)用使用性能 

【7】Openvibe:一款將多個(gè)社交應(yīng)用進(jìn)行整合的開放式社交平臺(tái)

【8】Mastodon推出消息通知分組功能,提高通知消費(fèi)效率
1、Midjourney 外部圖片編輯功能上線 
 
Midjourney最近推出了外部圖片編輯功能,解決了之前無法準(zhǔn)確控制生圖內(nèi)容和不能上傳本地圖像進(jìn)行二次編輯的問題。新功能支持通過互聯(lián)網(wǎng)鏈接或本地上傳圖像,并提供編輯和重繪兩種處理方式。
Retexture(重繪)功能:類似于Controlnet的深度控制功能,保留原始結(jié)構(gòu),根據(jù)提示詞重新繪制畫面??梢愿淖冿L(fēng)格、材質(zhì)等,如將2D插畫轉(zhuǎn)換為3D風(fēng)格。應(yīng)用場(chǎng)景包括2D轉(zhuǎn)3D、線稿轉(zhuǎn)實(shí)物圖、線稿上色等。
Edit(編輯)功能:支持局部重繪和外繪擴(kuò)展??梢酝磕ㄐ枰乩L的區(qū)域,并輸入提示詞進(jìn)行編輯。支持連續(xù)多次編輯,提高工作效率。
2、Adobe 正式推出 AI 視頻模型——Firefly Video Model,一句話 P 視頻
 
Adobe 在今年的 Adobe Max 大會(huì)上推出了名為 Firefly Video Model 的 AI 視頻模型,正式進(jìn)軍生成式人工智能領(lǐng)域。Firefly Video Model 旨在簡(jiǎn)化和加速視頻創(chuàng)作,增強(qiáng)視頻的故事講述能力。
Generative Extend(生成拓展):用于在視頻片段的開頭或結(jié)尾進(jìn)行生成式擴(kuò)展,以保持視頻的連貫性和平滑性。目前已集成至 Adobe Premiere Pro。
 

 
Text-to-Video(文生視頻):用戶輸入文本描述,模型模擬不同風(fēng)格生成視頻片段。目前處于 Firefly Web app 的 beta 版本。
 
6Image-to-Video(圖生視頻):用戶上傳參考圖像,生成貼近想象的視頻內(nèi)容。同樣處于 Firefly Web app 的 beta 版本。
3、面向Z世代的最新即時(shí)通訊APP:Daze
 
Daze突出趣味性的畫布式AIO。用戶的聊天不再局限于藍(lán)色和綠色的氣泡,而是可以發(fā)送多色消息,這些消息可以伴隨著照片、圖形、貼紙、GIF、繪圖、裝飾背景等在屏幕上浮動(dòng)。用戶可以快速輸入消息并發(fā)送,或者在聊天中任意拖動(dòng)消息。
應(yīng)用目前利用AI來增強(qiáng)其一些創(chuàng)意工具,并計(jì)劃在未來更深入地整合基于AI的技術(shù)。例如用戶在屏幕上畫一個(gè)方框,可以被識(shí)別為checkbox并進(jìn)行相應(yīng)的操作。推廣視頻在TikTok和Ins獲得4.8kw播放,16w人預(yù)約下載(11.4開放下載)。
 
 
目前來看,Daze要對(duì)標(biāo)的不應(yīng)該是WhatsApp,而是其他對(duì)手。畢竟,它不是首個(gè)瞄準(zhǔn)Z世代的社交媒體平臺(tái),Bereal、Wizz、Yubo、Purp等社交平臺(tái)的實(shí)力也不俗。 
此種溝通形式雖然自由創(chuàng)新,但效率較低。創(chuàng)始人Simons之前曾參與開發(fā)一個(gè)名為Muze的應(yīng)用,也是類似這種自由畫板形式,不過由于數(shù)據(jù)不好已經(jīng)下架??梢云诖鼳I加入后,會(huì)為這種自由畫板形式的即時(shí)通訊產(chǎn)品帶來哪些改變。
4、OPPO ColorOS 15: 會(huì)呼吸的系統(tǒng)
 
ColorOS 15的設(shè)計(jì)理念自然和諧共生和流暢體驗(yàn)。系統(tǒng)設(shè)計(jì)追求簡(jiǎn)潔,不追求視覺層面的顛覆性變化,而是通過細(xì)節(jié)調(diào)整提升用戶體驗(yàn)。
易簡(jiǎn)設(shè)計(jì):系統(tǒng)圖標(biāo)和界面設(shè)計(jì)更加隱喻真實(shí),增加了細(xì)節(jié),提升了質(zhì)感。
系統(tǒng)全局的空間和色彩質(zhì)感得到重新設(shè)計(jì),如實(shí)時(shí)混色模糊和彌散投影效果。
系統(tǒng)級(jí)AI:ColorOS 15的AI能力體現(xiàn)在自然的動(dòng)畫、直觀的反饋和豐富而克制的設(shè)計(jì)上。AI的智能能力減少了用戶的操作負(fù)擔(dān),提升了系統(tǒng)的生命力。
 
來自愛范兒
5、Vivo OriginOS 5 原子島功能
在 vivo 最新發(fā)布的 OriginOS 5 上,原子島功能令人驚喜。自從iPhone15推出了靈動(dòng)島后,各大安卓廠商也分別效仿。iPhone上的靈動(dòng)島目前僅作為狀態(tài)通知的作用。但是OriginOS 5通過AI搜索和意圖識(shí)別,提供更自然的交互和系統(tǒng)無縫融合。
用戶可以將文本、圖片等內(nèi)容拖放到原子島上,系統(tǒng)會(huì)根據(jù)預(yù)判的下一步服務(wù)按照優(yōu)先順序排列。
只要我將文本、圖片等內(nèi)容拖放到原子島上,它就會(huì)根據(jù)預(yù)判的下一步所需要的服務(wù)按照優(yōu)先順序放在原子島中。
 
例如當(dāng)你將一個(gè)地址拖放上去,最先顯示的就是地圖導(dǎo)航,直接出發(fā)。當(dāng)你將圖片拖拽到原子島上,則優(yōu)先出現(xiàn)記錄筆記功能。
原子島讓用戶在使用各個(gè)應(yīng)用間的信息流轉(zhuǎn)的效率大大提升。
來自愛范兒
6、Telegram更新:全面提升應(yīng)用使用性能 
Telegram這次更新增加了視頻的快速加載、更好的質(zhì)量和新的速度控制,編輯消息的時(shí)間戳,發(fā)送消息時(shí)附加媒體,迷你應(yīng)用的增加限制,開發(fā)者的新貨幣化選項(xiàng)等。

視頻加載速度提升和質(zhì)量改進(jìn)

大型頻道新上傳的視頻播放器現(xiàn)在可以根據(jù)用戶的連接自動(dòng)選擇質(zhì)量級(jí)別,以節(jié)省數(shù)據(jù)并加快視頻加載速度。用戶也可以手動(dòng)選擇他們偏好的質(zhì)量級(jí)別:高、中或低。iOS用戶現(xiàn)在可以通過向上滑動(dòng)進(jìn)入畫中畫模式,繼續(xù)觀看視頻,向下滑動(dòng)則關(guān)閉視頻。同時(shí)大型頻道所有者現(xiàn)在可以發(fā)布更高質(zhì)量的視頻,Telegram將優(yōu)化每個(gè)上傳的視頻并壓縮為多個(gè)質(zhì)量級(jí)別。
 

 

調(diào)整播放速度

用戶可以通過新的手勢(shì)無縫加速視頻,無需通過設(shè)置。在視頻的右側(cè)按住并向右滑動(dòng)可逐步增加播放速度,最高可達(dá)2.5倍速。
 

向已發(fā)送消息添加媒體

如果忘記附加照片、視頻或文件,可以快速編輯消息添加媒體,而無需刪除并重新開始。
 

放大表態(tài)表情

用戶可以長(zhǎng)按表態(tài)入口,以獲取帖子收到的確切表情樣式(或星形,或南瓜形)和具體數(shù)量。

 

聊天專用標(biāo)簽

群組和頻道所有者可使用新格式的#hashtag@username主題標(biāo)簽,點(diǎn)擊后僅展示同一聊天的帖子和故事舉例說明不同點(diǎn)擊方式的不同結(jié)果,如點(diǎn)擊#travel和點(diǎn)擊#travel@durov的結(jié)果差異在公共聊天消息欄輸入主題標(biāo)簽會(huì)出現(xiàn)特殊菜單,可輕松將聊天用戶名添加到主題標(biāo)簽中。
 
 
7、Openvibe:一款將多個(gè)社交應(yīng)用進(jìn)行整合的開放式社交平臺(tái)
Openvibe是一款新社交應(yīng)用,它整合了Mastodon、Bluesky和Nostr等去中心化社交網(wǎng)絡(luò),使用戶能夠在一個(gè)界面上與不同網(wǎng)絡(luò)上的朋友和關(guān)注者保持聯(lián)系,并支持跨平臺(tái)發(fā)布信息。
Openvibe 允許社交網(wǎng)絡(luò)用戶在一個(gè)界面上與 Mastodon、Nostr、Bluesky 和即將推出的 Threads 上的朋友和關(guān)注者保持聯(lián)系。它還能同時(shí)在多個(gè)網(wǎng)絡(luò)上交叉發(fā)布信息。該公司的使命是為新用戶提供一個(gè)友好、"易于使用"的開放社交網(wǎng)絡(luò)入口。
8、Mastodon推出消息通知分組功能,提高通知消費(fèi)效率
 
Mastodon 是一個(gè)開源、去中心化的社交平臺(tái),被視為 Twitter 的替代品。Mastodon最近推出了一系列新功能,包括更新的通知、新的發(fā)現(xiàn)工具和更新的外觀。這些新功能之前在夜間版本中可用,現(xiàn)在正式在穩(wěn)定版本中推出。更新內(nèi)容如下:

通知更新:

Mastodon 引入了通知分組功能,類似于 Twitter 的通知系統(tǒng)。用戶可以看到針對(duì)同一篇帖子的數(shù)百條單獨(dú)通知,而不是一個(gè)匯總。所以他們推出了一個(gè)新系統(tǒng),用于過濾不需要的通知,如未關(guān)注的人、最近創(chuàng)建的賬戶或未經(jīng)請(qǐng)求的私人提及的通知。

 

通知過濾系統(tǒng):

用戶可以決定如何接收或是否接收特定類型的通知??梢赃x擇不查看未經(jīng)請(qǐng)求的私人提及的通知,或?qū)⑺鼈儼l(fā)送到特殊收件箱。

審核決策透明度:

如果版主的決定導(dǎo)致用戶失去關(guān)注者或無法再關(guān)注其他服務(wù)器的人,Mastodon 會(huì)通知用戶,并允許用戶導(dǎo)出受影響個(gè)人資料的列表。

新用戶引導(dǎo)改進(jìn):

Mastodon 發(fā)現(xiàn)新用戶在入門過程中經(jīng)常跳過關(guān)注建議,導(dǎo)致信息流變得冷清。為了解決這個(gè)問題,Mastodon 將在主頁(yè)信息流第一頁(yè)上超過四小時(shí)的第一篇帖子上方顯示關(guān)注建議。

關(guān)注推薦功能改進(jìn):

Mastodon 改進(jìn)了關(guān)注推薦功能,用戶會(huì)看到不同的推薦結(jié)果,如語(yǔ)言中受歡迎的個(gè)人資料和多人關(guān)注的個(gè)人資料。并增加了透明度,顯示推薦的原因。

新外觀和編輯器:

Mastodon 重新設(shè)計(jì)了新帖子編輯器,使其使用起來更加直觀。用戶可以重新排列已上傳的媒體,并查看帖子共享時(shí)的外觀。網(wǎng)絡(luò)應(yīng)用程序上的圖標(biāo)和調(diào)色板也得到了更新。

鏈接預(yù)覽:

推出了鏈接預(yù)覽功能,用戶可以將鼠標(biāo)懸停在賬戶名稱上以快速查看他們的個(gè)人資料并快速關(guān)注或取消關(guān)注。

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

UI 設(shè)計(jì)公司談:沉浸式設(shè)計(jì)新趨勢(shì)

藍(lán)藍(lán)設(shè)計(jì)的小編

在當(dāng)今數(shù)字化時(shí)代,用戶對(duì)于產(chǎn)品的體驗(yàn)要求不斷提高,UI 設(shè)計(jì)也在不斷演進(jìn)以滿足用戶日益增長(zhǎng)的需求。其中,沉浸式設(shè)計(jì)作為一種新興的

 

UI 設(shè)計(jì)趨勢(shì),正逐漸在各個(gè)領(lǐng)域展現(xiàn)出強(qiáng)大的魅力和潛力。

 

沉浸式設(shè)計(jì)旨在通過創(chuàng)造出引人入勝、身臨其境的用戶體驗(yàn),讓用戶完全投入到產(chǎn)品或服務(wù)中。這種設(shè)計(jì)理念不僅僅關(guān)注視覺效果,還涵蓋了聽覺、觸覺甚至情感等多個(gè)層面,以全方位地包圍用戶,使其忘記現(xiàn)實(shí)世界的存在,專注于當(dāng)下的交互體驗(yàn)。

 

最初沉浸式體驗(yàn)的提出是基于 VR 技術(shù)的多感官沉浸體驗(yàn),而沉浸式體驗(yàn)設(shè)計(jì),則是令人完全投入精神在某種情景當(dāng)中,產(chǎn)生持續(xù)的高度興奮。設(shè)計(jì)師利用情境、沉浸、角色、氣氛、情節(jié)、節(jié)奏的設(shè)計(jì)來讓觀眾融入到故事本身當(dāng)中,這也是非常基礎(chǔ)的設(shè)計(jì)手法之一。
 
沉浸式設(shè)計(jì)有以下 4 點(diǎn)共性:
  • 場(chǎng)景營(yíng)造(貫穿始終的主題氛圍):通過打造獨(dú)特的主題氛圍,讓用戶仿佛置身于一個(gè)特定的世界中。例如,在主題公園的設(shè)計(jì)中,不同的區(qū)域有著不同的場(chǎng)景主題,如童話世界、未來科幻等,從建筑風(fēng)格到裝飾細(xì)節(jié),都營(yíng)造出強(qiáng)烈的主題氛圍,讓游客沉浸其中。
  • 故事營(yíng)造(全程調(diào)動(dòng)用戶情緒氛圍):用故事來引導(dǎo)用戶的情感體驗(yàn)。比如一些冒險(xiǎn)游戲,通過精彩的劇情和任務(wù)設(shè)置,讓玩家在游戲過程中感受到緊張、刺激、喜悅等各種情緒,仿佛自己就是故事的主角。
  • 角色代入感(讓用戶找到場(chǎng)景中的自己):使用戶能夠在場(chǎng)景中找到自己的角色定位,增強(qiáng)參與感。例如在角色扮演游戲中,玩家可以選擇不同的角色職業(yè)和外貌特征,通過不斷升級(jí)和完成任務(wù)來提升角色能力,從而更好地融入游戲世界。
  • 互動(dòng)體驗(yàn)感(不知不覺參與其中):設(shè)計(jì)良好的互動(dòng)環(huán)節(jié),讓用戶在不知不覺中參與到體驗(yàn)中。像一些互動(dòng)展覽,通過觸摸屏幕、聲音感應(yīng)等技術(shù),讓觀眾與展品進(jìn)行互動(dòng),增加趣味性和參與度。

 

沉浸式體驗(yàn)設(shè)計(jì)的特點(diǎn):

 

  • 用戶在體驗(yàn)過程中要有非常明確的目標(biāo),并且需要對(duì)用戶的交互行為有即時(shí)反饋,讓人在每一個(gè)操作之后都會(huì)有一個(gè)視覺、聽覺或觸覺的反饋。例如在手機(jī)游戲中,玩家完成一個(gè)任務(wù)后會(huì)獲得獎(jiǎng)勵(lì)提示和特效展示,或者在健身 APP 中,用戶完成一組運(yùn)動(dòng)后會(huì)有語(yǔ)音鼓勵(lì)和數(shù)據(jù)更新,增強(qiáng)用戶的成就感和繼續(xù)下去的動(dòng)力。
  • 用戶行為與個(gè)體感官進(jìn)行融合,提高用戶在使用時(shí)的專注力,讓用戶有充分掌控感,這樣也可以滿足用戶心理上的成就感和滿足感。比如在音樂制作軟件中,用戶可以通過調(diào)整各種參數(shù)來創(chuàng)作自己的音樂作品,同時(shí)聽到實(shí)時(shí)的音效反饋,讓用戶完全沉浸在音樂創(chuàng)作的過程中。
  • 用戶往往會(huì)被設(shè)置的氛圍吸引,并且達(dá)到忘我的狀態(tài),良好的交互會(huì)讓用戶體驗(yàn)的過程就變成了一個(gè)個(gè)實(shí)現(xiàn)目標(biāo)的機(jī)會(huì)。簡(jiǎn)單來說,通過沉浸式設(shè)計(jì),能讓用戶在使用產(chǎn)品時(shí)沉浸其中,忘記時(shí)間的流逝,甚至忘記自己在干什么的忘我境界。例如在一些閱讀 APP 中,通過舒適的界面設(shè)計(jì)、柔和的背景顏色和翻頁(yè)特效等,營(yíng)造出寧?kù)o的閱讀氛圍,讓用戶沉浸在書籍的世界中。

從視覺方面來看,沉浸式設(shè)計(jì)通常采用精美的畫面、細(xì)膩的質(zhì)感和生動(dòng)的色彩。高分辨率的圖像、流暢的動(dòng)畫效果以及逼真的 3D 場(chǎng)景能夠瞬間吸引用戶的注意力,讓他們仿佛置身于一個(gè)全新的虛擬世界。例如,在游戲《塞爾達(dá)傳說:曠野之息》中,精美的游戲場(chǎng)景、細(xì)膩的光影效果以及豐富的地形地貌,讓玩家沉浸在一個(gè)奇幻的開放世界中。玩家可以自由探索各個(gè)角落,感受不同環(huán)境帶來的視覺沖擊。而在一些電商平臺(tái)的產(chǎn)品展示頁(yè)面,采用 360 度全景展示和高清大圖,讓用戶可以更直觀地了解產(chǎn)品的細(xì)節(jié),增強(qiáng)購(gòu)買欲望。如某些家具電商平臺(tái),用戶可以通過全景展示查看家具在不同場(chǎng)景下的擺放效果,仿佛自己置身于布置好的房間中。

 

聽覺在沉浸式設(shè)計(jì)中也起著至關(guān)重要的作用。合適的背景音樂、音效和語(yǔ)音提示能夠營(yíng)造出特定的氛圍,增強(qiáng)用戶的情感共鳴。比如,在一款冥想類 APP “潮汐” 中,輕柔的背景音樂和自然的音效,如海浪聲、鳥鳴聲等,能夠幫助用戶放松身心,進(jìn)入冥想狀態(tài)。而在一些冒險(xiǎn)游戲中,緊張刺激的音效可以增加游戲的緊張感和刺激感,讓玩家更加投入。例如《古墓麗影》系列游戲,在探索神秘遺跡時(shí),陰森的環(huán)境音效和突如其來的危險(xiǎn)音效,讓玩家時(shí)刻保持緊張,沉浸在冒險(xiǎn)的氛圍中。

 

觸覺反饋是沉浸式設(shè)計(jì)的另一個(gè)重要方面。隨著技術(shù)的不斷發(fā)展,越來越多的設(shè)備支持觸覺反饋功能,如手機(jī)的震動(dòng)反饋、游戲手柄的力反饋等。通過合理運(yùn)用觸覺反饋,UI 設(shè)計(jì)師可以讓用戶在與產(chǎn)品交互時(shí)獲得更加真實(shí)的感受。例如,在手機(jī)游戲《和平精英》中,當(dāng)玩家開槍射擊時(shí),手機(jī)會(huì)產(chǎn)生輕微的震動(dòng),讓玩家感受到真實(shí)的打擊感。在一些虛擬現(xiàn)實(shí)(VR)和增強(qiáng)現(xiàn)實(shí)(AR)應(yīng)用中,觸覺反饋更是能夠讓用戶與虛擬物體進(jìn)行更加自然的交互。比如在某些 VR 繪畫應(yīng)用中,用戶使用虛擬畫筆繪畫時(shí),可以感受到畫筆在虛擬畫布上的阻力和觸感,仿佛在真實(shí)地繪畫。
除了感官層面的體驗(yàn),沉浸式設(shè)計(jì)還注重情感的連接。一個(gè)成功的沉浸式設(shè)計(jì)能夠引發(fā)用戶的情感共鳴,讓用戶在使用產(chǎn)品的過程中產(chǎn)生愉悅、興奮、感動(dòng)等情感。例如,一些社交類 APP 通過展示用戶的美好回憶、朋友的互動(dòng)瞬間等,讓用戶感受到溫暖和歸屬感。如 “時(shí)光相冊(cè)”,它可以將用戶的照片整理成精美的相冊(cè),配上溫馨的音樂和文字,讓用戶回憶起美好的時(shí)光,產(chǎn)生強(qiáng)烈的情感共鳴。而在一些教育類應(yīng)用中,通過生動(dòng)有趣的故事和互動(dòng)環(huán)節(jié),激發(fā)學(xué)生的學(xué)習(xí)興趣和好奇心。比如某些兒童教育 APP,以故事的形式引導(dǎo)孩子學(xué)習(xí)知識(shí),讓孩子沉浸在學(xué)習(xí)的樂趣中。

 

沉浸式設(shè)計(jì)在不同領(lǐng)域都有著廣泛的應(yīng)用。在游戲領(lǐng)域,它已經(jīng)成為了提升游戲體驗(yàn)的關(guān)鍵因素。精美的畫面、震撼的音效和刺激的玩法,讓玩家沉浸在游戲世界中無法自拔。在娛樂領(lǐng)域,如影視、音樂等,沉浸式體驗(yàn)也越來越受到用戶的歡迎。通過虛擬現(xiàn)實(shí)技術(shù),用戶可以身臨其境地觀看電影、演唱會(huì)等,獲得前所未有的娛樂體驗(yàn)。例如一些 VR 電影,讓觀眾仿佛置身于電影場(chǎng)景中,與角色一起經(jīng)歷各種冒險(xiǎn)。在教育領(lǐng)域,沉浸式設(shè)計(jì)可以讓學(xué)生更加主動(dòng)地參與學(xué)習(xí),提高學(xué)習(xí)效果。例如,通過虛擬現(xiàn)實(shí)技術(shù),學(xué)生可以親身體驗(yàn)歷史事件、探索自然科學(xué)等,增強(qiáng)學(xué)習(xí)的趣味性和記憶性。

 

然而,要實(shí)現(xiàn)成功的沉浸式設(shè)計(jì)并非易事。UI 設(shè)計(jì)師需要充分考慮用戶的需求和心理,精心打造每一個(gè)細(xì)節(jié)。同時(shí),技術(shù)的限制也是一個(gè)挑戰(zhàn)。例如,虛擬現(xiàn)實(shí)和增強(qiáng)現(xiàn)實(shí)技術(shù)雖然能夠提供強(qiáng)大的沉浸式體驗(yàn),但目前還存在設(shè)備成本高、性能不穩(wěn)定等問題。此外,沉浸式設(shè)計(jì)也需要注意避免過度設(shè)計(jì),以免給用戶帶來疲勞和壓力。

 

總之,沉浸式設(shè)計(jì)作為 UI 設(shè)計(jì)的新趨勢(shì),為用戶帶來了全新的體驗(yàn)。通過在視覺、聽覺、觸覺和情感等多個(gè)層面的精心設(shè)計(jì),它能夠讓用戶完全投入到產(chǎn)品或服務(wù)中,享受身臨其境的感受。隨著技術(shù)的不斷進(jìn)步,相信沉浸式設(shè)計(jì)將會(huì)在更多領(lǐng)域得到廣泛應(yīng)用,為用戶帶來更加豐富、精彩的體驗(yàn)。
 

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

ui設(shè)計(jì)公司分享:產(chǎn)品場(chǎng)景化思維更是成為了打造成功產(chǎn)品的關(guān)鍵要素

藍(lán)藍(lán)設(shè)計(jì)的小編

新需求為我們理解用戶需求提供了新的思路,而產(chǎn)品場(chǎng)景化思維則是將這些需求轉(zhuǎn)化為實(shí)際產(chǎn)品的重要方法。在產(chǎn)品設(shè)計(jì)、開發(fā)和推廣過程中,我們應(yīng)該充分運(yùn)用場(chǎng)景化思維,深入分析場(chǎng)景五要素,精準(zhǔn)把握用戶需求,為用戶提供更加優(yōu)質(zhì)、個(gè)性化的產(chǎn)品和服務(wù),從而在激烈的市場(chǎng)競(jìng)爭(zhēng)中脫穎而出。

日歷

鏈接

個(gè)人資料

存檔