visionOS Spatial Design
visionOS 空間デザイン / 2023– / 양식 / 애플 UI
Apple이 Vision Pro를 위한 지침서에서 정한 화면의 언어다. 창은 유리라고 부르는 재질의 곧게 선 면이며, 주위의 실제 풍경이 비쳐 보이고 거울 반사와 그림자가 놓인 위치와 크기를 알려 준다. 점을 픽셀이 아니라 각도로 정의하므로 멀어져도 보이는 크기가 달라지지 않는다.
한눈에 판단
시각적 특징
- 배경을 바꿀 수 없는 유리의 직립 면. 실제 풍경이 비치고 거울 반사와 그림자가 진다
- 기본 창은 1280x720 pt이며, 열린 직후에는 약 2미터 앞에 있고 보이는 너비는 약 3미터다
- 바라본 요소만 빛나는 호버 효과. 판정 영역은 모서리가 둥근 한 덩어리로 묶인다
- 테두리가 없는 volume에서는 닫기 버튼과 창 막대가 걸어간 쪽으로 방향을 돌린다
적합한 용도
- iPad용으로 만든 화면을 실제 풍경 위에 뜬 판으로 읽히도록 다시 짤 때
- 제품의 입체 모형을 실제 크기로 보여 주는 전시를 테두리 없는 volume으로 공간에 놓을 때
이 양식 사용하기
짧은 지침을 프로젝트에 적용하거나 구조화된 사양을 AI 도구에 넘길 수 있습니다.
자세한 제작법과 출처제작 규칙, 실제 사례, 비교, 연구, 인용 형식
사전 항목
- 타이포그래피
- SF Pro를 쓰고, 본문과 제목은 다른 플랫폼보다 굵은 단계를 고른다. 글자색은 흰색을 기본으로 하고 글자 자체에는 깊이를 주지 않는다. 공간의 한 점에 묶은 이름표는 늘 보는 사람 쪽으로 돌린다.
- 구성
- 1280x720 pt를 출발점으로 삼고 내용의 형태에 맞추어 가로세로 비율을 정한다. 조작 요소 둘레에 16pt 이상 여백을 두고 중심끼리는 60pt 이상 떨어뜨린다. 최소와 최대 치수를 반드시 정해 둔다.
- 재료
- 배경은 유리 그대로 쓴다. 깊이는 그림자와 거울 반사와 색온도로 만들고 글자에는 주지 않는다. 창에 넣는 입체는 얕게 유지하고 깊이가 필요한 것은 volume으로 옮긴다.
- 주의
- 유리를 불투명한 색으로 바꾸면 요소끼리의 묶임이 사라져 글자가 읽기 어려워지고, 주위가 보이지 않는 만큼 창 자체가 무겁게 느껴진다.
- 더 읽을거리
- the windows and spatial layout sections of the HIG, and what defining a point as an angle does to page design / how the region a hover effect applies to is defined when an image and its caption are bound into one control / the actual apparent size of a 1280x720 pt window placed two metres away
관련 항목
- Liquid Glass (リキッドガラス)같은 계열: 애플 UI.visionOS Spatial Design와 Liquid Glass 비교
- Glassmorphism (グラスモーフィズム)공통 인상: Futurity / Calm.visionOS Spatial Design와 Glassmorphism 비교
애플 UI 더 보기
애플 UI에서 공통 인상이 많은 항목을 우선해 골랐습니다.
- Aqua (アクア)공통 인상: Futurity.
- Brushed Metal (ブラシドメタル)공통 인상: Technique.
- Platinum (プラチナ)공통 인상: Technique.
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- Link
- https://indexstyle.org/ko/styles/visionos-spatial
- Markdown
- [visionOS Spatial Design — IndexStyle](https://indexstyle.org/ko/styles/visionos-spatial)
- HTML
- <a href="https://indexstyle.org/ko/styles/visionos-spatial">visionOS Spatial Design — IndexStyle</a>