中文字幕无码av不卡一区,亚洲综合AV永久无码精品一区二区,黑人巨大白妞出浆,黄色高清无码免费看,久久久久免费精品国产,久久无码人妻丰满熟妇区毛片,欧美日韩国产综合草草,久久福利网站,亚洲一区二区三区中文字幕在线,av国内精品久久久久影院

本篇蘋(píng)果將從討論 UI 基礎(chǔ)設(shè)計(jì)和設(shè)計(jì)原則開(kāi)始，講述他們是如何創(chuàng)建符合條件并可在環(huán)境中使用的應(yīng)用程序。從這篇文章內(nèi)，我們看到了蘋(píng)果基于人因（眼動(dòng)）設(shè)計(jì)的尺寸規(guī)范，這里面具體的描述了很多尺寸的數(shù)值；而我們?cè)谠O(shè)計(jì)的時(shí)候我們的交互方式并不相同，所以我們采取的視覺(jué)策略也不盡相同，但是這篇依舊給了我很多值得考慮的因素，現(xiàn)在我和大家一起分享一下我的觀后總結(jié)。

了解如何為空間計(jì)算應(yīng)用程序設(shè)計(jì)出色的界面。我們將分享您現(xiàn)有的基于屏幕的知識(shí)如何輕松轉(zhuǎn)化為visionOS的卓越體驗(yàn)。探索UI組件、材料和排版的指導(dǎo)原則，并了解如何設(shè)計(jì)熟悉、易讀且易于使用的體驗(yàn)。

基于此他們也總結(jié)了以下幾條原則。

• UI foundations——繼承性的 UI?特性
• Layout——創(chuàng)建符合人體工學(xué)的布局
• form screen to spatial——如何將屏幕設(shè)計(jì)過(guò)渡到空間設(shè)計(jì)

在 Vision Pro 內(nèi)，UI 設(shè)計(jì)的重要性被進(jìn)一步提高，相較于傳統(tǒng)的終端設(shè)備，UI 設(shè)計(jì)師需要考慮的是好看又好用不同，在 Vision Pro 中他們還要考慮環(huán)境的影響，內(nèi)容與內(nèi)容之間的影響。

一、UI foundations——繼承性的 UI?特性

繼承性的主要體現(xiàn)，他們用圖標(biāo)來(lái)進(jìn)行舉例；

蘋(píng)果希望保持熟悉的視覺(jué)風(fēng)格，所以在設(shè)計(jì)時(shí)，他們進(jìn)一步在空間中制作三維和逼真的圖標(biāo)。

正常情況下，建議使用圓形的構(gòu)圖方式；在之前的分享中，我已經(jīng)闡述了為何要使用圓形（可以看第一篇）；用戶在使用眼動(dòng)選擇時(shí)，UI 的圖標(biāo)會(huì)有光影、縱深的反饋，加強(qiáng)層與層之間的關(guān)系。那么如何設(shè)計(jì)空間中的應(yīng)用圖標(biāo)呢？

1、use multiple layers：使用多個(gè)圖層，通過(guò)使用多個(gè)圖層來(lái)創(chuàng)建視差效果，但是圖層不要超過(guò)?3?層，分別是：背景層、前景層?1、前景層?2

從上面的圖片可以看到，一個(gè)圖標(biāo)的完成，需要 3 層，需要配合光影進(jìn)行設(shè)計(jì)，但是要注意的是要避免使用大區(qū)域的半透明像素來(lái)繪制。

2、Materials—質(zhì)感：因?yàn)橛脩舻沫h(huán)境是不受控制的，APP 應(yīng)該很容易的放置在你周?chē)目臻g里；所以在任何距離和照片條件下，如何通過(guò)設(shè)計(jì)模擬好用的質(zhì)感來(lái)解決這一問(wèn)題顯得很有必要。

玻璃材質(zhì)

這種材質(zhì)的好處是，讓?xiě)?yīng)用窗口更加明顯，它就像一塊畫(huà)布，讓你的眼睛在觀看的時(shí)候感覺(jué)更加輕盈和實(shí)體化的感覺(jué)。這種材質(zhì)也可以讓用戶大致感覺(jué)到被遮住的物體是什么。但是值得注意的是要避免使用純色的背景，這樣對(duì)用戶來(lái)說(shuō)顯得沉重和外面事物的不可控。

玻璃材質(zhì)也可以支持更多的帶有透明度的敏感變化,可以使用暗色來(lái)進(jìn)行強(qiáng)化，使用暗色一般是為了引起人們對(duì)互動(dòng)元素的注意。

大家可以對(duì)比一下：淺色的材質(zhì)描述，會(huì)讓信息的易讀性降低。

3、Typography：在這一段中，蘋(píng)果舉了字體的例子，在 Vision Pro 的設(shè)備中，蘋(píng)果是用了粗體來(lái)作為自己的主要字體顯示，我猜想這是為了內(nèi)容的可讀性做出的考量，這顯得很有必要。

4、Vibrancy：本意是活力的，我這里給翻譯成動(dòng)態(tài)調(diào)節(jié)的從蘋(píng)果的官方文檔來(lái)看，因?yàn)槭遣ＡР馁|(zhì)，當(dāng)用戶的環(huán)境不斷發(fā)生變化時(shí)，所以它對(duì)于信息的可讀性依然有著比較好的支持。

5、Colors：我把這里翻譯成色彩構(gòu)成，而不是簡(jiǎn)單的顏色那么簡(jiǎn)單；

如果要使用顏色，請(qǐng)?jiān)诒尘皩踊蛘哒麄€(gè)按鈕中進(jìn)行顏色的填充，這樣可以保證他們的清晰可見(jiàn)，并且盡可能的使用系統(tǒng)顏色而不是自定義顏色來(lái)使用，因?yàn)橄到y(tǒng)顏色已經(jīng)經(jīng)過(guò)了對(duì)易讀性的校準(zhǔn)和調(diào)研。并且這些顏色與玻璃材質(zhì)進(jìn)行了適配。

二、Layout：創(chuàng)建符合人體工學(xué)的布局

說(shuō)到基于符合人體工學(xué)去設(shè)計(jì)布局那就不能不考慮以下的原則。

1、Ergonomics：工程學(xué)，主要是探索一些放置內(nèi)容的最佳方法，使其在使用時(shí)感覺(jué)到舒適，由于眼鏡的交互方式是眼睛+手指，所以如何創(chuàng)作出舒適和安全的體驗(yàn)是非常重要的，要確保有意的放置內(nèi)容，保證用戶的眼睛和頸部不會(huì)疲勞。

對(duì)于大多數(shù)人來(lái)說(shuō)，人們更容易將頭向右或者向左轉(zhuǎn)動(dòng)而不是向上或者向下轉(zhuǎn)動(dòng)，因此保持你的用戶界面在人們的視野中，所以要注意不要把內(nèi)容放的太高或者太低。如果你需要一個(gè)較大的畫(huà)面，你首先要考慮的是選擇更寬的寬高比。

2、Sizing：尺寸如何正確調(diào)整內(nèi)容的大小，使其易于在空間中展示，優(yōu)先將最重要的信息集中在你的應(yīng)用程序中。每個(gè)人都是獨(dú)一無(wú)二的，我們的眼睛從一個(gè)人到另一個(gè)人都有細(xì)微的變化，這就是為什么元素應(yīng)使用容易瞄準(zhǔn)的尺寸。

交互元素必須具有至少60point的空間點(diǎn)擊目標(biāo)，這樣他們才可以容易的去選擇和點(diǎn)擊，當(dāng)然這也意味著你可以在這個(gè)區(qū)間里設(shè)計(jì)更好的元素。

與此同時(shí)，在60point的范圍之下，具體元素的設(shè)計(jì)至少有8個(gè)point的空間。而如果出現(xiàn)多個(gè)按鈕，則之間的間距需要16point，而這個(gè)間距是可以進(jìn)行調(diào)整的。

3、Focus feedback：焦點(diǎn)反饋，不打擾確可以被感知的實(shí)時(shí)的焦點(diǎn)反饋：會(huì)顯示微妙的視覺(jué)變亮或者懸停效果，這種懸停效果可以讓用戶一眼就發(fā)現(xiàn)，讓用戶知道哪些元素可以進(jìn)行交互。如果是不支持交互的則不會(huì)有任何反饋。

在考慮反饋時(shí)，為了可以讓反饋更清晰，除了微妙的動(dòng)效以外，適當(dāng)間距可以更好的讓反饋被感知和操作。

三、form screen to spatial：我這里翻譯成平面化設(shè)計(jì)如何從二維設(shè)計(jì)到 3 維設(shè)計(jì)

首先先說(shuō)說(shuō)輸入：他們可以通過(guò)手和聲音與設(shè)備進(jìn)行交互，也可以通過(guò)觸摸直接與設(shè)備進(jìn)行交互。此外也可以鏈接藍(lán)牙鍵盤(pán)進(jìn)行輸入。?如何將屏幕設(shè)計(jì)過(guò)渡到空間設(shè)計(jì)，這是一個(gè)很難的問(wèn)題，所以蘋(píng)果通過(guò)以下的控件設(shè)計(jì)來(lái)進(jìn)行切入。

1、window、tab bar、side bar

Vision pro?和手機(jī)的布局都是非常相似的：有一個(gè)固定的窗口，在窗口建立內(nèi)容，tabbar?也是和?ios?一致，只是這里官方建議，最多放置?6?個(gè)。

ornaments–輔助控件，輔助控件：即蘋(píng)果官方的系統(tǒng)是不提供這些硬性要求的，用戶可以根據(jù)自己的場(chǎng)景需求根據(jù)規(guī)范自己去添加這些輔助控件用以達(dá)成自己的業(yè)務(wù)需求。但是可以看到在?Vision Pro?將這樣的輔助控件放在了底部，這得益于Vision Pro?的不受約束性。

輔助控件往往是一些可交互的集合，所以在?UI設(shè)計(jì)上要考慮到懸停的問(wèn)題。所以盡量不要加入背景，這也會(huì)影響用戶的判斷。

輔助控件要注意的是要與窗口進(jìn)行一個(gè)重疊，這里利用的是深度關(guān)系。

2、menus、popovers、sheets

大家可以看看?iPad?和Vision Pro?對(duì)于彈框的設(shè)計(jì)，iPad os?上的菜單與調(diào)用按鈕的前邊緣對(duì)齊，點(diǎn)具體的按鈕后，菜單會(huì)變成不可用狀態(tài)，這是為了讓用戶聚焦在底下的選項(xiàng)中。而在?Vision Pro?中，菜單的彈框可以不受屏幕的限制彈出窗口之外，并且里面的元素始終與菜單對(duì)齊，在這種狀態(tài)下，用戶依舊可以通過(guò)眼睛隨意的去切換菜單。

層級(jí)的設(shè)計(jì)，如果遇到多層級(jí)那么就是利用深度這一維度來(lái)進(jìn)行設(shè)計(jì)，但是也要保持可讀性，所以會(huì)把后面的層級(jí)變暗，來(lái)保證最新一層的可讀以及可操作性

總結(jié)：

從我看來(lái)，蘋(píng)果基于 Vision Pro 的 UI 設(shè)計(jì)遵循以下幾個(gè)重要的原則：

1、可讀性：不論是利用材質(zhì)、還是考慮周?chē)奈锢憝h(huán)境，蘋(píng)果的設(shè)計(jì)都要為其兜底，

2、可操作性：要設(shè)計(jì)出的 UI 反饋要符合用戶的預(yù)期且是可以被用戶察覺(jué)和理解的狀態(tài)樣式，

3、低成本的視覺(jué)培養(yǎng)：Vision Pro 的視覺(jué)風(fēng)格在去貼近或者從其他終端拾取部分的 UI 元素并進(jìn)行放大和重構(gòu)，但是他們厲害的地方在于用戶在用的時(shí)候是幾乎不需要進(jìn)行二次視覺(jué)適應(yīng)的。

4、層級(jí)意識(shí)：Vision Pro 的設(shè)計(jì)不再是基于二維屏幕了，它是完全的空間界面，所以層級(jí)意識(shí)，一直貫穿在整個(gè) UI 設(shè)計(jì)中。

個(gè)人觀點(diǎn)：

空間設(shè)計(jì)不再是拘泥于方寸之間，它要設(shè)計(jì)的是人與真實(shí)世界的關(guān)系和感知。從現(xiàn)在開(kāi)始，我們的設(shè)計(jì)內(nèi)容將超越屏幕本身，基于技術(shù)、人因：它將會(huì)包括但不限于環(huán)境，空間以及地理位置。物理世界正在朝著數(shù)字世界轉(zhuǎn)化，而我們將做的，是對(duì)其他終端、人類習(xí)慣以及環(huán)境的整合體驗(yàn)設(shè)計(jì)，這便是空間設(shè)計(jì)所需要的設(shè)計(jì)內(nèi)容！