Anthropic 內部文件意外流出,揭示了其最強模型 Mythos 的恐怖算力。該模型雖具備重塑行業的潛力,但也因可能被攻擊者用于挖掘系統漏洞而引發安全危機。官方聲明稱,在正式發布前需確保防御者已做好應對這種新型算力沖擊的準備。
圖源:Anthropic, Getty Images
此次泄露迅速波及資本市場,導致網絡安全相關股價劇烈波動。分析師指出,Mythos 揭示了 AI 技術在安全攻防中深度嵌入的現狀,反映出利用 AI 進行威脅防御已成常態,同時也暴露出單點泄露可能引發的系統性金融風險。
圖源:Anthropic, Getty Images
隨著 Mythos 的曝光,OpenAI 等巨頭的對標模型也浮出水面,預示著 AI 正從輔助工具進化為攻防核心。未來技術博弈將進入“以 AI 對抗 AI”的新階段,攻擊者與防御者在更高維度上的算力對決,將徹底改寫網絡安全的競爭格局。
NVIDIA證實DLSS 5并非通過讀取游戲引擎的3D幾何或材質數據運行,而是僅憑2D渲染幀與運動矢量進行AI推斷。這意味著該技術本質上是通過分析圖像來“幻化”細節(如皮膚與光照),而非精確重建場景。
圖源:NVIDIA
雖然這帶來了驚人的視覺增強,但也導致AI會在早期預覽中產生原畫中不存在的細節“幻覺”,引發了外界對畫面真實性與藝術還原度的質疑。
Stitch 正在重構 UI 設計范式,推出 AI 原生無限畫布并引入“氛圍設計”概念。用戶不再受限于枯燥的線框圖,只需通過自然語言描述業

務目標或靈感,AI 代理即可理解設計意圖并并行處理多模態輸入,讓創意探索從底層邏輯轉向感官體驗。
圖源:Google
平臺實現了人機交互的自然化,支持用戶通過語音指令進行實時設計對話與方案篩選。同時,Stitch 能將靜態畫面瞬間轉化為交互原型,由 AI 自動推演點擊邏輯與用戶旅程,并支持通過 URL 提取設計系統,極大簡化了從規則制定到原型生成的復雜流程。
圖源:Google
時尚巨頭康泰納仕正式起訴惡搞雜志《Dogue》,指控其封面設計侵犯《Vogue》商標權。這本由獨立創作者創立的實體刊,因讓狗狗模仿人類大片而走紅。目前,康泰納仕不僅要求經濟賠償,更強制要求銷毀所有庫存雜志。
圖源:dogue
創始人 Portnaya 堅稱《Dogue》是基于對話與重新詮釋的藝術創作,旨在為獨立創作者爭取表達空間。然而,面對銷量微薄與高昂法律費用的懸殊對比,這場“大衛與歌利亞”式的博弈陷入僵局,創作者正通過眾籌尋求法律援助。
圖源:vogue
Johnson Banks 為愛丁堡皇家植物園(RBGE)打造的品牌重塑旨在整合四個園區的品牌感知,確立了“四處花園,一個植物世界”的品牌愿景,將愛丁堡、本莫爾、道伊克和洛根的花園融為一體。
圖源:johnsonbanks
還專門設計了邊框,可以用來框住作品,并提醒人們它們始終存在,而不是事后才想起來的。
圖源:johnsonbanks
這些標志首次展示了一款全新的定制字體,共有四種字重。它是Nomada Incise的定制版,線條棱角分明,優雅別致。最細的字重中包含一系列連字,呼應了西巴爾迪亞符號及其邊框的生動呈現。
圖源:johnsonbanks
劍橋地區以其創新和發現而聞名,而這一切始于其世界聞名的大學校園內,如今已發展成為環繞該地區的歐洲領先的知識生態系統——融合了 5000 家創新驅動型公司、60 家跨國公司、5 個醫院信托機構、36 個研究園區、2 所大學(劍橋大學和安格利亞魯斯金大學)以及蓬勃發展的初創企業和投資者群體。
圖源:johnsonbanks
以圖解為主題,并將其運用到代數、方程式、圖表和文字游戲中。這既充分利用了該地區的科學聲譽,又為方案增色不少,同時還創造了一種獨特的視覺和語言。
圖源:johnsonbanks
將自己最喜歡的創意與劍橋郡廣袤無垠的天空的靜態和動態影像相結合,打造出一套可應用于多種媒體的設計工具包。
圖源:johnsonbanks
轉載:優設
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

無法想象沒有按鈕的頁面是什么滋味,那定會像沒有方向盤的汽車,讓人不知所措吧?也無法想象按鈕設計不恰當,會給用戶帶來怎樣的困擾?
面對十萬火急的任務需求,如果需要調動全部理性腦,深呼吸三秒,才能找到想要執行操作的按鈕入口,我想這樣的產品設計是失敗的,是會被用戶所唾棄的。
蘭亭妙微UI設計公司,將詳細剖析按鈕的神秘面紗,了解它、研究它,讓按鈕設計成為產品的得力助手,為我們的產品賦能,為我們的工作提效,下面就讓我們開啟這場神秘之旅吧!
一、按鈕的定義
二、按鈕設計的種類
三、按鈕設計的尺寸
四、按鈕的構成
五、按鈕設計的作用
六、按鈕的位置
七、按鈕的顏色
八、按鈕在UI界面的設計原則
九、按鈕設計的注意事項
十、按鈕弱化設計的六種方式
按鈕在我們生活中起著很大的作用,它就像我們的小助手一樣,幫我們一鍵開啟想要的任務,凡事都能一鍵觸達。

按鈕在UI界面中,是一種界面交互控件,通常以矩形、圓形或其他幾何形狀呈現,具有明確的視覺邊界。它通過用戶的點擊、觸摸等操作來觸發特定的功能或操作,如提交表單、執行命令、導航頁面、切換狀態等。
按鈕一般包含文字標簽、圖標或兩者的組合,以清晰傳達其功能。同時,按鈕在不同狀態下會呈現出不同的視覺效果,如默認狀態、按下狀態、懸浮狀態、禁用狀態等,為用戶提供操作反饋和引導。
? 次按鈕
常規按鈕,用于非主要動作。如果不確定選擇哪種按鈕,次按鈕永遠是最安全的選擇。

? 主按鈕
突出“完成”、“推薦”類操作;一個按鈕區最多使用一個主按鈕。

? 文字按鈕
弱化的按鈕,采用更輕量的按鈕樣式,可用于需大面積展示按鈕場景,例如下面的站酷活動頁就用了很多的文字按鈕,只有當按鈕被選中時,按鈕才會高亮選中。

? 圖標按鈕
圖標提供視覺線索,避免逐字閱讀按鈕文案,更高效地使用界面,讓頁面看起來更加的簡潔。


? 在按鈕中添加圖標
用于對按鈕含義補充解釋,提高按鈕識別效率。

按鈕的樣式可以從多個方面進行分類和設計,以下是一些常見的樣式分類:
? 按顏色劃分

? 按形狀分

? 按邊框分

? 按圖標分

? 按陰影樣式分

? 按動畫種類分
馬蜂窩的功能主按鈕,在點擊的時候都會產生動畫,交互感十足。

加載動畫按鈕:
當按鈕處于加載狀態時,按鈕會有加載動畫效果,如旋轉圖標、進度條等,常用于告知用戶操作正在進行中。

3.1 默認按鈕
按鈕的初始狀態,通常具有正常的顏色、形狀和文字顯示,等待用戶操作。
3.2 待激活狀態按鈕
待激活狀態按鈕通常用于指示某個功能或服務尚未激活或啟用,用戶需要執行某些操作來激活它。這種按鈕的設計和實現需要清晰地傳達當前的狀態,并引導用戶進行下一步操作。
3.3 點擊狀態按鈕
當用戶點擊按鈕時,按鈕會呈現按下的狀態,通常通過改變顏色、形狀或添加陰影等方式來表示。
3.4 禁用按鈕
在某些情況下,按鈕會處于禁用狀態,無法進行操作,通常會以灰色或半透明的方式顯示,提示用戶當前操作不可用。
3.5 加載狀態按鈕
加載狀態按鈕通常用于指示某個過程正在進行中,例如數據加載、文件上傳或頁面正在加載等。這種按鈕可以讓用戶知道他們的操作正在被處理,而不是卡住或出現錯誤。
3.6 危險提示狀態按鈕
危險提示狀態按鈕通常用于提醒用戶即將執行的操作可能帶來風險或不可逆的結果,例如刪除重要文件、注銷賬戶等。這種按鈕的設計和實現需要讓用戶明確意識到操作的危險性,以避免誤操作。
下邊這兩組彈框就是運用了危險按鈕,來提示客戶未來即將面臨的風險,警示作用非常的明顯。

在Web端,按鈕尺寸沒有固定標準。不過,一般來講,按鈕的高度常在32px-48px之間,寬度可根據內容靈活設置,但最好不要小于48px,這樣方便用戶用手指(觸屏設備)或鼠標點擊。
像一個簡單的“提交”按鈕,寬度可能是80px左右,高度是36px左右。這些尺寸能保證按鈕在視覺上比較舒適,易于交互。
麻省理工觸摸實驗室通過對人類指尖的研究,得出了關于界面按鈕大小設計的一些重要參考數據。

對于食指,平均寬度在16至20毫米,指腹觸摸區域尺寸為10至14毫米,指尖觸摸區域尺寸為8至10毫米;對于拇指,平均寬度為25毫米,指腹觸摸區域尺寸為12至16毫米,指尖觸摸區域尺寸為10至12毫米。
由此建議,食指觸摸的按鈕應保證在8毫米×8毫米以上,且控件間距應保證至少在1毫米以上;拇指觸摸的按鈕應保證在10毫米×10毫米以上,且控件間距應保證至少在2毫米以上。
該研究還指出,大多數用戶可以舒適可靠地擊中 10 毫米×10 毫米的觸摸目標 。

從按鈕圖標尺寸來看,根據蘋果官方設計指南,iOS中按鈕圖標有不同標準。小圖標尺寸為24×24pt,用于小型按鈕,如導航;標準圖標為32×32pt,用于普通按鈕,適合次要操作按鈕;大圖標是 40×40pt,用于寬大按鈕;特大圖標則為48×48pt,用于特大按鈕。
不同設備屏幕尺寸也有對應的建議圖標尺寸,如iPhoneSE建議24pt,iPhone14及iPhone14Pro建議32pt,iPad 建議40pt 。
在最小觸摸區域方面,iOS規定最小觸碰區域為44×44pt,這種尺寸一般適合主要操作按鈕。
UI按鈕的組成主要包括以下幾個關鍵元素:
圓角的大小決定了按鈕的氣質和視覺感受。小圓角常用于常規按鈕,如4px圓角;圓角越大,越有親和力,人眼往往不喜歡非常鋒利的物體,所以通常不建議使用0圓角的按鈕樣式,根據我大量的體驗,我發現市面上確實也是帶圓角的按鈕居多些。

圖標用于直觀表達按鈕的功能或狀態,如加載中、編輯等。圖標的設計應與整體頁面風格一致,并確保其含義明確易懂。
內邊距能夠擴大按鈕的可點擊范圍,幫助用戶更容易點擊按鈕。一個好的設計間距是把按鈕的水平內邊距設計成垂直內邊距的2倍。當然,你也可以根據你設計的實際情況做適當調整,規矩不是死的。

容器是包含所有視覺和交互元素的框架,包括顏色、紋理、文案和圖標等。容器的設計應支持按鈕的功能和美觀。
邊框定義了按鈕的邊界,常用于次級按鈕的描邊。邊框的粗細和樣式可以影響按鈕的視覺層次和交互效果。
文案是按鈕上的文字描述,用于表達按鈕的含義和功能。文案應簡潔明了,易于理解,同時具有一定的吸引力。
背景用于表達按鈕的狀態和品牌氣質。不同的背景顏色和紋理可以增強按鈕的視覺吸引力和品牌識別度。

投影用于凸顯層級關系,幫助用戶更好地區分不同的按鈕。投影通常與紋理、漸變色結合使用,以打造更好的視覺體驗。
佐糖首頁為了促進轉化,特意將“開通會員”的按鈕用投影凸顯處理,帶投影的按鈕明顯有向前走的感覺,比沒有投影的按鈕看起來更加顯眼。
小小投影在頁面中不僅起到增加空間感的作用,還起到了業務強調的作用,已經不僅僅是樣式的一個承載了。

這些元素共同作用,不僅提升了按鈕的功能性,還增強了其美觀性和用戶體驗。在設計UI按鈕時,應綜合考慮這些因素,以確保按鈕既美觀又實用。
Antdesign指出按鈕的作用是指導用戶采取你希望他們采取的行動,并幫助用戶防錯。

1.1 提交與確認
在表單填寫場景中,如用戶注冊、登錄、信息提交等,按鈕用于觸發提交或確認操作,將用戶輸入的信息發送給系統進行處理。
1.2 執行功能
在各類軟件中,按鈕是執行具體功能的主要方式,如在圖像編輯軟件中,“裁剪”“旋轉”“調整顏色”等按鈕,可讓用戶快速實現相應功能。
2.1 頁面切換
在多頁面的應用或網站中,按鈕可實現頁面之間的切換,如網站的首頁、產品頁、關于我們頁等,通過點擊按鈕,用戶能方便地瀏覽不同頁面內容。
2.2 菜單展開與收起
用于控制導航菜單的展開與收起,節省頁面空間,提高界面的整潔度和易用性。
3.1 顯示與隱藏
可用于控制某些元素的顯示與隱藏,如在電商網站中,點擊“查看更多商品詳情”按鈕,可展開隱藏的詳細商品信息。
飛書中的這個小小按鈕,它承載著隱藏折疊的功能,讓頁面看起來更加的簡潔有序。

3.2 啟用與禁用
在某些功能需要滿足一定條件才能使用時,按鈕可用于表示該功能的啟用或禁用狀態,如在未填寫完必填項時,“提交”按鈕處于禁用狀態,無法點擊。
中國移動云盤的登錄頁就是這么設計的,當前面信息沒有填完,后面的登錄按鈕始終是禁用的狀態,只有當信息填完,且填寫正確,按鈕才會亮起。

4.1 操作反饋
當用戶點擊按鈕后,按鈕會通過顏色、形狀、動畫等方式的改變,向用戶提供操作反饋,告知用戶系統已接收到操作指令。
4.2 引導提示
在一些復雜操作或新功能引導時,按鈕可作為引導提示的一部分,告知用戶下一步操作,如在新手引導流程中,突出顯示“下一步”按鈕。
心島日志的新手指引中就是這樣設計的,按鈕在其中起了很重要的指引作用。

5.1 數據篩選
在數據展示界面,如表格、列表等,按鈕可用于對數據進行篩選,方便用戶快速找到所需信息。
釘釘打卡這個界面中,多虧有了日、周、月的篩選按鈕,才讓數據篩選變得如此便捷。

5.2 數據排序
通過點擊“按時間排序”“按銷量排序”等按鈕,用戶可對數據進行重新排序,以滿足不同的查看需求。
很多產品的按鈕顏色都是與它的品牌色高度一致的,它既是按鈕,又是品牌色的傳遞大使。
網易云音樂的按鈕色用的網易紅,釘釘打卡的按鈕用的騰訊藍,都是在傳遞自己的品牌色,同時也是在進行指令的傳達。

在日常設計中,頁面無疑少不了按鈕位置的擺放,那么按鈕放置在什么樣的位置合適,這也是一個值得深思的問題,也許我們已經司空見慣了按鈕的位置擺放,但是我們知道它為什么要放這里或者那里嗎?下面我們來看下這幾種設計模型,讓它告訴我們,為什么,在特定場景下,按鈕位置要這么放?
1.1 原理含義
Z型視覺模型是一種描述用戶在瀏覽網頁或界面時視覺軌跡的理論模型。
它的布局遵循字母Z的形狀,指用戶的瀏覽路線——從左到右,從上到下的的視覺運動軌跡。
首先,人們從左上角到右上角進行掃描,形成一條水平線;第二步,向頁面的左下側,創建一條對角線;最后,再次向右轉,形成第二條水平線,當觀眾的視角以這種模式移動時,它形成一個虛構的“Z”字形。

1.2 視覺區域

1.3 應用案例
在電商網站中,商家會把熱門推薦或主打產品放在區域1和區域3,以吸引用戶的注意力。
在產品詳情頁面,將“加入購物車”“立即購買”等按鈕放在區域4,方便用戶在瀏覽完產品信息后進行購買操作。
天貓商城就是這樣做的,把網站的LOGO圖放置在左上角(區域1),把產品圖放置在左下角(區域3),最后在用戶瀏覽了全部頁面之后,在右下角(區域4)放置購買按鈕,引導用戶下單。
在這個帶有銷售場景的頁面設計中,購買按鈕放置在右下角符合用戶瀏覽習慣,也符合Z型視覺模型。

在B端應用軟件中,可能運用的功能比較多,按鈕也比較多,通過大量分析和觀察發現,它們大部分喜歡把按鈕放置在每次視覺運動線的起點或者終點的位置。
騰訊云是這樣處理的,中國移動網盤是這么處理的,看似巧合,其實也有它合情合理的一面,因為每一個動作的開始和結束都會更加的引人注意。
這就跟人們每次入職一個新公司一樣,剛進去時會特別賣力、小心,后面時間長了,也就形成免疫,習慣了,但是當最后要離開這家公司的時候,最后心情又會特別復雜,回想起自己在這里成長的歲月,就會心生很多的感慨,也會特別的記憶深刻。
也許這也是為啥很多頁面設計,喜歡把重要的按鈕放置在每次視覺運動線的起點或者終點吧!

按鈕的顏色在界面中不僅起到視覺點綴的作用,同時也是按鈕狀態的一種呈現和反饋。
按鈕顏色不是千篇一律的品牌色,它也經常需要根據業務場景的不同,更換顏色,比方說紅色-刪除按鈕、黃色-告警按鈕、綠色-通過按鈕、藍色-更多按鈕,不同的按鈕在顏色設計上都會有所區別。

此外,在設計按鈕顏色時,有一些基本規范。
首先,從功能角度看,主要按鈕通常會使用比較突出的顏色,像鮮艷的藍色,這是因為藍色醒目又不會過于刺眼,能引導用戶去點擊。次要按鈕(如取消、返回)的顏色會稍淡一些,比如淺灰色,讓用戶知道這是相對次要的操作。
從顏色搭配來說,按鈕顏色要和背景色有足夠的對比度,方便用戶識別。比如背景是白色,深色按鈕就會很清晰;如果背景顏色較深,那按鈕可以用淺色或者高亮度顏色。
另外,顏色的選擇也要考慮產品的風格和使用場景。例如,在一個游戲軟件里可能會使用更活潑的色彩,像紅色、橙色;而在辦公軟件里,通常會采用比較沉穩的色調,如藍色、黑色。

1.1 視覺清晰
按鈕應采用用戶熟悉的設計樣式,如帶有矩形或圓角矩形邊框的填充按鈕、帶有陰影的填充按鈕、幽靈按鈕等。
1.2 文字明確
按鈕上的標簽應準確、簡明直接地介紹其功能,避免使用過于通用或模糊的表述,讓用戶清楚點擊后會發生什么。

2.1 位置合理
將按鈕放在用戶期望看到的地方,如遵循F型或古騰堡原則,在頁面的視覺焦點區域放置重要按鈕。

2.2 尺寸適宜
按鈕大小應反映其在屏幕上的優先級,更大的按鈕用于更重要的操作,同時要適配用戶的手指,避免誤觸。
3.1順序得當、邏輯一致
按鈕的順序應反映用戶與界面之間交互的邏輯,如“上一步”按鈕通常在左邊,“下一步”按鈕在右邊。
3.2 狀態樣式一致
按鈕應具有一致的狀態樣式,如默認、按下、聚焦、禁用等,一個產品中,這些狀態樣式要高度的一致,不能在這個頁面按鈕樣式是這樣的,跑到另一個頁面,樣式又發生了改變。
著名的格式塔心理學也是這么認為的,它強調人對事物的理解是基于整體的、有組織結構的,如果按鈕設計做到一致性,對提高產品的整體性是有非常大的改進的。

4.1 避免過多
避免在一個界面中使用過多的按鈕,以免讓用戶感到無所適從,應優先考慮最重要的操作。
4.2 功能單一
每個按鈕應盡量只執行一個主要功能,避免一個按鈕承載過多復雜的操作,降低用戶的認知成本。
希克定律指出,人的決策時間會隨著選擇的增加而增加。在按鈕設計中,簡潔的設計能減少用戶的選擇和認知負擔,使用戶能更快地做出決策并執行操作。

5.1 風格統一
按鈕的設計風格應與整個UI界面的風格保持一致,包括顏色、形狀、字體等方面,形成統一的視覺體系。
5.2 對比協調
在保持整體協調的基礎上,通過對比突出重要按鈕,如使用高對比度的顏色、較大的尺寸等,吸引用戶的注意力。
情感化設計理論強調設計應該注重用戶的情感體驗。美觀的按鈕設計能夠傳遞積極的情感信息,增強用戶和產品的情感連接。

奧斯卡·王爾德說過:“習慣一旦養成,便很難改變。”
所以我們在設計按鈕的時候,一定要符合人性的習慣,而不是試圖改變人們的習慣。
帶有分組的按鈕擺放,讓人看起來總是更加的有序,也更利于用戶進行操作,面對同類型的功能操作點無需跳躍著去尋找,能很快在相似功能操作區域找到。
360的分組意識很強烈,三個不同區域的圖標按鈕樣式都做了明顯的區分,讓界面看起來更加有序,操作起來也更加的便捷。

切不可一行按鈕中出現多個高強調的按鈕,Antdesign對這個也做了詮釋,會對用戶的行為進行錯誤的引導,也不利于聚焦。
通義這個頁面雖然有多個選中的按鈕,但是沒有全部用高強調的按鈕,只有強推薦的操作“開始錄音”才用了強按鈕。
其它通過相對淺的顏色做了弱按鈕選中處理,視覺上主次分明,信息主次表達上也清晰可見。

當一個按鈕同時兼顧兩個交互動作的時候,一定要區分設計,不能赤裸裸的展示在一個按鈕中,而不做任何區分。

具有返回意義的按鈕,應該放在左側,暗示其方向是回到之前,例如上一步。

簡短的文字更易被用戶閱讀和記住,在一個按鈕上最多不超過5個文字,重要的按鈕一般使用2~4個字。

? 用純灰色文字的弱化按鈕
? 用灰色邊框+灰色文字的弱化按鈕
? 用顏色邊框+顏色文字的弱化按鈕
? 用灰底+灰色文字的弱化按鈕
? 用淺色底+顏色文字的弱化按鈕
? 用純顏色的弱化按鈕

通過本篇文章的探討,我們深入了解了B端按鈕設計的九大核心要素。
從按鈕的基本定義到Antdesign的分類,再到尺寸、構成、作用、位置和顏色等細節,每一部分都是提升用戶體驗的關鍵。
按鈕設計不僅關乎美觀,更影響著用戶的操作效率和滿意度。在UI界面中,遵循設計原則和注意事項,確保按鈕既實用又具有吸引力,是每位設計師的職責。
希望本文能為設計師們提供有價值的參考,激發更多創新靈感,共同推動B端產品的交互設計向更高水平發展。
轉載:人人都是產品經理
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

轉載:優設
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

Apple推出的突破性產品 Vision Pro 在科技界引起了轟動,新的設計趨勢即將到來。蘋果首席執行官蒂姆·庫克在 WWDC 2023 上自豪地展示了這款全新設備,展示了增強現實 (AR) 和空間計算的新時代。
憑借 Vision Pro,Apple 再次展現了其突破創新界限的能力。本文將探討 Vision Pro 如何徹底改變 UX 設計行業并改變我們與技術交互的方式。
Vision Pro 將用戶從傳統顯示器的限制中解放出來,開創了空間計算交互的新時代。
通過無縫融合增強現實和空間計算,蘋果推出了一種獨特的輸入方法(結合眼動和手勢),類似于鼠標或觸控板。這一創新讓用戶體驗設計師有條件打造超越屏幕限制、身臨其境和直觀的用戶體驗,開辟了無限的可能性。
彩云注:當我們大多數人已經習慣了 2D UI 的設計模式,這種新的交互方式,給了我們很多創新的空間,比如結合眼睛和手勢,我們可以給用戶帶來更自然直覺的新體驗。
Vision Pro 的設計將美學與功能無縫結合。這款設備采用鋁制框架和曲面玻璃,外形類似滑雪護目鏡,清楚地表明它的預期用途是在家庭和辦公室等受控環境中。
包含用于圖像捕獲的物理按鈕和用于調整的數字表冠確保了直觀的控制,而靈活的表帶和面罩使用戶專注并屏蔽外部干擾。
彩云注:在考慮未來交互方式和視覺的時候,需要多結合硬件和軟件的交互及視覺效果,怎樣達到最直觀的操作效果。
Vision Pro 主打增強現實,使其有別于以前的混合現實設備。通過將虛擬世界和物理世界無縫融合,用戶體驗設計師現在可以創造增強用戶對現實感知的體驗。
從將信息疊加到真實世界的物體上,到創建交互式 3D 環境,設計引人入勝、情境豐富的新體驗。
對于 Vision Pro,用戶體驗設計師將需要考慮傳統鼠標和觸控板之外的新輸入方法。
用于圖像捕獲的物理按鈕和用于調整的數字表冠為設計師提供了交互設計的新途徑。設計直觀和無縫的控件對于確保流暢和沉浸式的用戶體驗至關重要。
Vision Pro 的突出特點之一是它的空間音頻功能。通過集成內置的“音頻 pods”,蘋果通過創造豐富而身臨其境的聲音場景來增強用戶體驗。
這種革命性的音頻本地化方法使設計師能夠從不同的方向模擬音頻源,從而與數字環境進行更吸引人、更逼真的交互。
在底層,Vision Pro 由蘋果的標準 M2 芯片和專用于視頻流的新 R1 芯片提供支持。
微型 OLED 顯示屏,每空間提供令人印象深刻的 64 個像素,相當于標準 iPhone 像素,確保呈現清晰、充滿活力的視覺效果。此外,與蔡司合作提供定制嵌入玻璃也體現了 Apple 的包容性和可訪問性體驗標準。
蘋果推出了一項名為 EyeSight 的突破性功能,利用前置顯示屏向房間內的其他人展示用戶的眼睛。
通過捕獲初始面部掃描,Vision Pro 在彎曲的前玻璃上創建用戶的“真實眼睛”。這種對個人頭像的創新使用促進了更真實和身臨其境的社交互動,使用戶能夠在數字領域進行更深層次的聯系。
Apple 對電子郵件和桌面等與工作相關的應用的重視表明,Vision Pro 是想主打一種生產力工具。
通過與 Microsoft Office 等現有應用和流行的線上會議服務無縫集成,這款頭戴設備使專業人員能夠增強他們的工作流程并更有效地協作。
這種工作第一的方法使 Vision Pro 與其他優先考慮游戲和娛樂的設備區分開來。
Vision Pro 開辟了內容消費和創作的新維度。不透明顯示屏允許較暗的環境,非常適合展示從 iPhone 拍攝的 2D 照片以及捕捉空間照片和視頻。
影院選項為用戶提供了完整大屏幕的錯覺,而游戲體驗則投射到虛擬大屏幕上,提供身臨其境的游戲體驗。
蘋果與迪士尼聯手,正在建立令人興奮的內容合作伙伴關系,這預示著 Vision Pro 的光明未來。
隨著 Disney+ 的推出,用戶可以期待一系列身臨其境的互動娛樂體驗。蘋果和迪士尼之間的合作證明了 Vision Pro 在重新定義我們消費媒體方式方面的潛力。
為了適應 Vision Pro 的獨特功能,Apple 推出了 VisionOS,這是一款專為空間計算設計的新操作系統。
這個新平臺提供了豐富的教育功能,包括天文學、健康和音樂創作應用。此外,現有 iOS 和 iPadOS 框架的集成確保了開發人員的無縫過渡,并為專門針對 Vision Pro 定制的廣泛應用生態系統鋪平了道路。
憑借 Vision Pro,Apple 向用戶體驗設計行業的革命邁出了大膽的一步。通過將增強現實、空間計算和尖端硬件相結合,蘋果公司創造了一款開啟交互和沉浸新維度的設備。
隨著用戶體驗設計師擁抱 Vision Pro 的功能,我們可以期待超越傳統界面的突破性體驗,使用戶能夠以前所未有的方式與數字內容和環境互動。
用戶體驗設計的未來已經到來,在 Vision Pro 的引領下,它看起來前景無限光明。
轉載:優設
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

組件狀態是用戶理解產品交互的核心,雖不直接顯示卻決定操作邏輯。蘭亭妙微UI設計公司基于 Material 3 規范拆解啟用、禁用、懸停等 6 種常用狀態類型,詳解狀態層設計及各狀態的適用組件與設計規則,助力打造清晰流暢的交互體驗。
轉載:人人都是產品經理
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

本文聚焦交互設計核心認知,清晰區分UI 設計、交互設計、UX 體驗設計,并逐一拆解高頻交互術語,蘭亭妙微UI設計公司幫你快速建立完整的交互知識體系。
蘭亭妙微(藍藍設計)m.dzxscac.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計、B端界面設計、桌面端界面設計、APP界面設計、圖標定制、用戶體驗設計、交互設計、UI咨詢、高端網站設計、平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

藍藍設計的小編 http://m.dzxscac.cn