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

2024-2-17    博博

1. 沉浸感
將整個(gè)設(shè)計(jì)放在真實(shí)的空間中,使得設(shè)計(jì)更符合自己的體驗(yàn)、更加真實(shí)。
需要你拍攝一張真實(shí)的空間照片,臥室、街道、戶外......
體驗(yàn)Apple Vision Pro后的一點(diǎn)思考
2. 設(shè)計(jì)
從關(guān)鍵頁面開始設(shè)計(jì)
設(shè)計(jì)空間界面的第一個(gè)原則是熟悉性。
設(shè)計(jì)空間界面的第一個(gè)原則是熟悉性。
在你面前滑動一個(gè)180°視野的走馬燈界面,但主要焦點(diǎn)始終在最中心的設(shè)計(jì)上。
在你面前滑動一個(gè)180°視野的走馬燈界面,但主要焦點(diǎn)始終在最中心的設(shè)計(jì)上。
從側(cè)面看,它會有點(diǎn)像這樣
從側(cè)面看,它會有點(diǎn)像這樣
 
3. 中保真設(shè)計(jì)
體驗(yàn)Apple Vision Pro后的一點(diǎn)思考
 
4. 材質(zhì)、組件
蘋果在這方面有他們自己的建議,并且已經(jīng)發(fā)布了他們的UI工具包。
Vision OS能根據(jù)環(huán)境光照條件和場景環(huán)境實(shí)時(shí)調(diào)整窗口現(xiàn)實(shí)效果。
Vision OS能根據(jù)環(huán)境光照條件和場景環(huán)境實(shí)時(shí)調(diào)整窗口現(xiàn)實(shí)效果。
 
最重要的一點(diǎn):在我的實(shí)際體驗(yàn)感受中,當(dāng)物理世界的背景發(fā)生變化時(shí)(亮度變化),窗口界面的實(shí)時(shí)效果也會發(fā)生相應(yīng)變化調(diào)整,主要是透明度、窗口邊緣、光線效果的變化,特別是一些按鈕、點(diǎn)擊的交互,模擬物理按鈕設(shè)計(jì)的點(diǎn)擊效果非常真實(shí),你想象一下臥室墻面的燈光開關(guān)面板,早上按下和傍晚按下的光線效果、角度是一樣的嗎?
全是細(xì)節(jié)?。。。?/span>
體驗(yàn)Apple Vision Pro后的一點(diǎn)思考
 
針對空間設(shè)計(jì)方面需要了解的一些知識點(diǎn):
視覺
用戶感知到的深度,可以通過平面的方式進(jìn)行設(shè)計(jì),也可以通過實(shí)際在Z軸上的位置來進(jìn)行設(shè)計(jì)。平面的方式,提供的是視覺深度,是假三維;牽扯到Z軸的位置,提供的是確實(shí)深度,是真三維。
為了更好的進(jìn)行空間視覺設(shè)計(jì),需要首先了解一些人體工學(xué)的知識。
(一)人體工學(xué)
第一,視覺系統(tǒng)辨別深度的方式。
視覺系統(tǒng)辨別深度的方式依靠2種線索:單眼線索和雙眼線索。
顧名思義,單眼線索只需要一只眼睛即可提供給我們視覺系統(tǒng)依據(jù),雙眼線索需要依靠兩只眼睛才能提供深度依據(jù)。
體驗(yàn)Apple Vision Pro后的一點(diǎn)思考
 
第二,人眼的舒適閱讀區(qū)域和注意力時(shí)長。
在頭部不主動轉(zhuǎn)動的情況下,正負(fù)30度的弧度,以及比視線水平位置稍稍靠下的位置更適合閱讀。
超過這個(gè)區(qū)域,即使用戶不轉(zhuǎn)頭,也會因?yàn)楹馁M(fèi)精力而感到不那么舒適。
體驗(yàn)Apple Vision Pro后的一點(diǎn)思考
 
從視覺暫留(殘像)和瞬目反射(眨眼睛)的角度來說,我們的眼睛是不能一直工作的,在設(shè)計(jì)中可以余留出可以讓眼睛休息的時(shí)間。
視覺的余留有點(diǎn)類似于留白,讓眼睛不需要通過這部分視覺去識別出什么。比如兩個(gè)按鈕中間的空隙,兩個(gè)虛像之間的不重要的輔助內(nèi)容等等。
 
(二)視覺設(shè)計(jì)
空間里的視覺設(shè)計(jì),除了我們熟知顏色、大小等,還有尺寸、距離等??梢岳斫鉃椋活愂嵌S參數(shù),即Sketch等二維設(shè)計(jì)軟件里可以調(diào)整的參數(shù),一類是三維參數(shù),即3Dmax等三維設(shè)計(jì)軟件里,多出來的那些可以調(diào)整的參數(shù)。
無論是二維參數(shù)還是三維參數(shù),就可視化來說,都可以針對顏色、模糊、大小、動效、背景、光影、遮擋、密度這八種對象進(jìn)行定義,這就是官方說明中所提到的:圖像線索用法。
 
(三)窗口內(nèi)的動效
因?yàn)榇蟠翱诘膬?nèi)容動效可能讓用戶產(chǎn)生混淆,官方給了8點(diǎn)設(shè)計(jì)建議。
1. 保證窗口內(nèi)內(nèi)容和物理世界保持水平
2. 保證動效擴(kuò)展中心點(diǎn)的穩(wěn)定。這里有一個(gè)一個(gè)概念:擴(kuò)散焦點(diǎn),可以理解為動效的感知起點(diǎn)。
3. 擴(kuò)散焦點(diǎn)永遠(yuǎn)保持在窗口內(nèi)
4. 避免單純無意義的角度移動(因?yàn)闀尳裹c(diǎn)移動)
5. 避免過快的動畫
6. 如果動畫變化過大,使用漸近漸出過場銜接
7. 前后移動的動效,內(nèi)容間距放大,物體放小
8. 使用低反光的材質(zhì)


作者:20th_Century_Boy
來源:站酷

藍(lán)藍(lán)設(shè)計(jì)(www.bouu.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(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。

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

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

分享本文至:

日歷

鏈接

個(gè)人資料

存檔