亚洲欧美v国产一区二区三区,中文字日产幕乱五区,综合亚洲,,,色,亚洲伊人久久大香线蕉综合,亚洲综合精品伊人久久

首頁 > SEO動態(tài) > 網(wǎng)站技術(shù)Apple VisionOS設(shè)計規(guī)范,5大設(shè)計亮點!

Apple VisionOS設(shè)計規(guī)范,5大設(shè)計亮點!

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

在 WWDC 2023 大會的"One More Thing"環(huán)節(jié)上,蒂姆·庫克正式發(fā)布了蘋果的首款 MR 設(shè)備,名為 Apple Vision Pro,并宣布了即將開啟空間計算新時代的消息。不久之后,Apple 設(shè)計團(tuán)隊推出了 VisionOS 的 Design for spatial user interfaces(空間用戶界面設(shè)計),這給我們設(shè)計師帶來了很多啟發(fā)?,F(xiàn)在,讓我們從設(shè)計的角度來看看 VisionOS 有哪些令人矚目的設(shè)計亮點。

一、圖標(biāo)分層設(shè)計

在 visionOS 中,App 圖標(biāo)采用了與 iOS 接近的風(fēng)格,但最大的區(qū)別在于形狀從圓角矩形變成了圓形。這種設(shè)計變化的主要原因是為了讓注視點更準(zhǔn)確地瞄準(zhǔn)圖標(biāo)。

除了形狀的變化,visionOS 的 App 標(biāo)志還具有立體效果。當(dāng)從側(cè)面觀察時,標(biāo)志表面會凸起,呈現(xiàn)出一種立體感。更重要的是,這些標(biāo)志還與用戶的注視點進(jìn)行動態(tài)交互。當(dāng)用戶盯著一個標(biāo)志時,標(biāo)志會展開,并顯示高光和陰影,以增強微妙的視覺層次。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

這樣的設(shè)計變化使得 App 標(biāo)志在視覺上更加吸引人,并為用戶提供了更加沉浸式的體驗。通過立體效果和動態(tài)交互,標(biāo)志能夠吸引用戶的注意力,并呈現(xiàn)出更加生動和豐富的視覺效果。

簡單來說,visionOS 的 App 標(biāo)志為了呈現(xiàn)更加逼真的深度效果,通常由三個平面的圖層組成:一個背景層和兩個表面層。這樣的設(shè)計旨在實現(xiàn)雙目視差效果,使得標(biāo)志在視覺上具有更強烈的立體感。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

除了三個平面的組成,系統(tǒng)還會疊加一個"玻璃層"效果,用于渲染深度、高光和陰影。這個玻璃層的加入進(jìn)一步增強了標(biāo)志的真實感,使得標(biāo)志看起來更加立體、有質(zhì)感。

需要強調(diào)的是避免使用大面積的半透明效果,因為 icon 的投影是系統(tǒng)底層自帶的,透明的圖層將會和投影混合在一起難以分辨。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

二、磨砂玻璃材質(zhì)

界面整體采用了磨砂玻璃的材質(zhì)效果,這種材質(zhì)會隨著環(huán)境的變化產(chǎn)生光影變化,比如當(dāng)外界光線發(fā)生變化時玻璃邊緣光也會發(fā)生變化,蘋果指出,這種設(shè)計的好處是具有輕盈感、物理空間感,并可適應(yīng)各種不同的使用場景,比如狹小的空間、夜間或明亮的日光下等等。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

亮色

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

暗色

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

玻璃材質(zhì)還可以通過明度變化及對比來表現(xiàn)信息層級。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

在菜單上,做了流光的選擇效果

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

三、文字排版

為了提升文字的易讀性并增加與背景的對比度,visionOS 對 iOS 字體進(jìn)行了加粗和加重的處理。盡管如此,即使在放大窗口的情況下,一些較小的說明性文字仍然難以辨別。因此,建議盡可能地增加字體的加粗和加重效果,以提高可讀性。此外,值得注意的是,蘋果還為 visionOS 引入了兩種全新的字體樣式,這些樣式的特點是基于較寬的編輯樣式布局。這樣的設(shè)計選擇為用戶提供了更好的閱讀體驗,使得文字更加清晰可見,并且更加符合視覺美感。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

四、活力效果

VisionOS 通過突出文字的光線和色彩來提升其可讀性,并增加與背景的對比度。開啟該功能后,文字會呈現(xiàn)更亮的效果,從而提高其可讀性。考慮到 visionOS 菜單的窗口背景會根據(jù)周圍環(huán)境而改變外觀,文字的活力模式會實時調(diào)節(jié)亮度,確保文字清晰可見。除此之外,活力模式還提供了三種不同的亮度選項,以展現(xiàn)不同字符之間的層次結(jié)構(gòu)。這種設(shè)計讓用戶能夠更好地識別和理解文字內(nèi)容,同時提供更豐富的視覺層次感。通過活力模式,文字在不同背景下都能夠保持清晰可見,為用戶帶來更好的閱讀體驗。

未使用

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

已使用

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

五、色彩

蘋果建議開發(fā)者將文字色彩設(shè)為系統(tǒng)默認(rèn)的白色,因為蘋果已經(jīng)對白色文字的易讀性進(jìn)行了校準(zhǔn)。這樣的設(shè)定可以使文字動態(tài)適應(yīng)背景窗口的色調(diào)和對比度,確保文字在各種情況下都能清晰可讀。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

當(dāng)在按鈕等元素上使用顏色時,開發(fā)者需要注意與背景做出明顯的區(qū)分。這是為了確保按鈕上的文字與背景之間有足夠的對比度,使用戶能夠清晰地辨認(rèn)和理解其中的信息。通過正確的顏色選擇,開發(fā)者可以提升按鈕的可用性和易用性,為用戶提供更好的界面體驗。

看完Apple VisionOS設(shè)計規(guī)范,我總結(jié)了5大亮點!

結(jié)語

Apple VisionOS 的設(shè)計亮點包括直觀的交互方式、強調(diào)視覺體驗、3D 立體標(biāo)志設(shè)計、漸變背景與動效以及簡潔與一致性。這些設(shè)計亮點使用戶能夠更自然地操作設(shè)備,提升文字易讀性和對比度,增加應(yīng)用標(biāo)志的立體感,創(chuàng)造豐富的視覺效果,同時保持界面簡潔和一致。

VisionOS 的設(shè)計以其創(chuàng)新性和精巧的細(xì)節(jié)成為了一次突破,為用戶帶來了沉浸式、智能化的體驗。通過突出直覺式交互、優(yōu)化可讀性和引人入勝的視覺效果,VisionOS 在 UI 設(shè)計領(lǐng)域樹立了新的標(biāo)桿。隨著其推出的不斷演進(jìn)和創(chuàng)新,我們可以期待 VisionOS 將為未來的數(shù)字體驗開辟全新的可能性。

以上為我對 Apple VisionOS 空間設(shè)計規(guī)范一些亮點的提煉與總結(jié),更詳細(xì)的介紹大家可以自行前往:https://developer.apple.com/videos/play/wwdc2023/10076

看英文原版講解。

文中配圖來自官方視頻:《Design spatial user interfaces》

作者:58UXD

想了解更多網(wǎng)站技術(shù)的內(nèi)容,請訪問:網(wǎng)站技術(shù)

本文來源:http://www.sonygallery.com.cn/seodongtai/19447.html

免責(zé)聲明:部分文章信息來源于網(wǎng)絡(luò)以及網(wǎng)友投稿,本網(wǎng)站只負(fù)責(zé)對文章進(jìn)行整理、排版、編輯,是出于傳遞更多信息之目的,并不意味著贊同其觀點或證實其內(nèi)容的真實性,不承擔(dān)任何法律責(zé)任。