公主的腿间舌奴们np肉_国产在热线精品视频99公交_公主车上荫蒂添的好舒服_公侵犯人妻中文字慕一区二区_公么大龟弄得我好舒服秀_公交车+多人+高cH文章推荐_日本熟妇另类视频在线播放

Apple Vision Pro中的設(shè)計(jì)細(xì)節(jié)！

2024-2-17 博博

1. 沉浸感

將整個(gè)設(shè)計(jì)放在真實(shí)的空間中，使得設(shè)計(jì)更符合自己的體驗(yàn)、更加真實(shí)。

需要你拍攝一張真實(shí)的空間照片，臥室、街道、戶外......

2. 設(shè)計(jì)

從關(guān)鍵頁面開始設(shè)計(jì)

設(shè)計(jì)空間界面的第一個(gè)原則是熟悉性。

在你面前滑動(dòng)一個(gè)180°視野的走馬燈界面，但主要焦點(diǎn)始終在最中心的設(shè)計(jì)上。

從側(cè)面看，它會(huì)有點(diǎn)像這樣

3. 中保真設(shè)計(jì)

4. 材質(zhì)、組件

蘋果在這方面有他們自己的建議，并且已經(jīng)發(fā)布了他們的UI工具包。

Vision OS能根據(jù)環(huán)境光照條件和場(chǎng)景環(huán)境實(shí)時(shí)調(diào)整窗口現(xiàn)實(shí)效果。

最重要的一點(diǎn)：在我的實(shí)際體驗(yàn)感受中，當(dāng)物理世界的背景發(fā)生變化時(shí)（亮度變化），窗口界面的實(shí)時(shí)效果也會(huì)發(fā)生相應(yīng)變化調(diào)整，主要是透明度、窗口邊緣、光線效果的變化，特別是一些按鈕、點(diǎn)擊的交互，模擬物理按鈕設(shè)計(jì)的點(diǎn)擊效果非常真實(shí)，你想象一下臥室墻面的燈光開關(guān)面板，早上按下和傍晚按下的光線效果、角度是一樣的嗎？

全是細(xì)節(jié)?。。?！

針對(duì)空間設(shè)計(jì)方面需要了解的一些知識(shí)點(diǎn)：

視覺

用戶感知到的深度，可以通過平面的方式進(jìn)行設(shè)計(jì)，也可以通過實(shí)際在Z軸上的位置來進(jìn)行設(shè)計(jì)。平面的方式，提供的是視覺深度，是假三維；牽扯到Z軸的位置，提供的是確實(shí)深度，是真三維。

為了更好的進(jìn)行空間視覺設(shè)計(jì)，需要首先了解一些人體工學(xué)的知識(shí)。

(一)人體工學(xué)

第一，視覺系統(tǒng)辨別深度的方式。

視覺系統(tǒng)辨別深度的方式依靠2種線索：單眼線索和雙眼線索。

顧名思義，單眼線索只需要一只眼睛即可提供給我們視覺系統(tǒng)依據(jù)，雙眼線索需要依靠兩只眼睛才能提供深度依據(jù)。

第二，人眼的舒適閱讀區(qū)域和注意力時(shí)長。

在頭部不主動(dòng)轉(zhuǎn)動(dòng)的情況下，正負(fù)30度的弧度，以及比視線水平位置稍稍靠下的位置更適合閱讀。

超過這個(gè)區(qū)域，即使用戶不轉(zhuǎn)頭，也會(huì)因?yàn)楹馁M(fèi)精力而感到不那么舒適。

從視覺暫留（殘像）和瞬目反射（眨眼睛）的角度來說，我們的眼睛是不能一直工作的，在設(shè)計(jì)中可以余留出可以讓眼睛休息的時(shí)間。

視覺的余留有點(diǎn)類似于留白，讓眼睛不需要通過這部分視覺去識(shí)別出什么。比如兩個(gè)按鈕中間的空隙，兩個(gè)虛像之間的不重要的輔助內(nèi)容等等。

(二)視覺設(shè)計(jì)

空間里的視覺設(shè)計(jì)，除了我們熟知顏色、大小等，還有尺寸、距離等。可以理解為，一類是二維參數(shù)，即Sketch等二維設(shè)計(jì)軟件里可以調(diào)整的參數(shù)，一類是三維參數(shù)，即3Dmax等三維設(shè)計(jì)軟件里，多出來的那些可以調(diào)整的參數(shù)。

無論是二維參數(shù)還是三維參數(shù)，就可視化來說，都可以針對(duì)顏色、模糊、大小、動(dòng)效、背景、光影、遮擋、密度這八種對(duì)象進(jìn)行定義，這就是官方說明中所提到的：圖像線索用法。

(三)窗口內(nèi)的動(dòng)效

因?yàn)榇蟠翱诘膬?nèi)容動(dòng)效可能讓用戶產(chǎn)生混淆，官方給了8點(diǎn)設(shè)計(jì)建議。

1. 保證窗口內(nèi)內(nèi)容和物理世界保持水平

2. 保證動(dòng)效擴(kuò)展中心點(diǎn)的穩(wěn)定。這里有一個(gè)一個(gè)概念：擴(kuò)散焦點(diǎn)，可以理解為動(dòng)效的感知起點(diǎn)。

3. 擴(kuò)散焦點(diǎn)永遠(yuǎn)保持在窗口內(nèi)

4. 避免單純無意義的角度移動(dòng)（因?yàn)闀?huì)讓焦點(diǎn)移動(dòng)）

5. 避免過快的動(dòng)畫

6. 如果動(dòng)畫變化過大，使用漸近漸出過場(chǎng)銜接

7. 前后移動(dòng)的動(dòng)效，內(nèi)容間距放大，物體放小

8. 使用低反光的材質(zhì)

作者：20th_Century_Boy
來源：站酷