visionOS Spatial Design
visionOS 空間デザイン / 2023– / 양식 / 애플 UI
Apple이 Vision Pro를 위한 지침서에서 정한 화면의 언어다. 창은 유리라고 부르는 재질의 곧게 선 면이며, 주위의 실제 풍경이 비쳐 보이고 거울 반사와 그림자가 놓인 위치와 크기를 알려 준다. 점을 픽셀이 아니라 각도로 정의하므로 멀어져도 보이는 크기가 달라지지 않는다.
배경을 바꿀 수 없는 유리의 직립 면. 실제 풍경이 비치고 거울 반사와 그림자가 진다 / 기본 창은 1280x720 pt이며, 열린 직후에는 약 2미터 앞에 있고 보이는 너비는 약 3미터다 / 바라본 요소만 빛나는 호버 효과. 판정 영역은 모서리가 둥근 한 덩어리로 묶인다 / 테두리가 없는 volume에서는 닫기 버튼과 창 막대가 걸어간 쪽으로 방향을 돌린다
사전 항목
- 적합한 용도
- iPad용으로 만든 화면을 실제 풍경 위에 뜬 판으로 읽히도록 다시 짤 때 · 제품의 입체 모형을 실제 크기로 보여 주는 전시를 테두리 없는 volume으로 공간에 놓을 때
- 타이포그래피
- SF Pro를 쓰고, 본문과 제목은 다른 플랫폼보다 굵은 단계를 고른다. 글자색은 흰색을 기본으로 하고 글자 자체에는 깊이를 주지 않는다. 공간의 한 점에 묶은 이름표는 늘 보는 사람 쪽으로 돌린다.
- 구성
- 1280x720 pt를 출발점으로 삼고 내용의 형태에 맞추어 가로세로 비율을 정한다. 조작 요소 둘레에 16pt 이상 여백을 두고 중심끼리는 60pt 이상 떨어뜨린다. 최소와 최대 치수를 반드시 정해 둔다.
- 재료
- 배경은 유리 그대로 쓴다. 깊이는 그림자와 거울 반사와 색온도로 만들고 글자에는 주지 않는다. 창에 넣는 입체는 얕게 유지하고 깊이가 필요한 것은 volume으로 옮긴다.
- 주의
- 유리를 불투명한 색으로 바꾸면 요소끼리의 묶임이 사라져 글자가 읽기 어려워지고, 주위가 보이지 않는 만큼 창 자체가 무겁게 느껴진다.
- 더 읽을거리
- HIG の windows と spatial layout を読み、点を角度で定義することが版面設計に何をもたらすか確かめる / 画像と説明文をひとつの操作対象にまとめるとき、ホバー効果を当てる領域をどう定義しているか / 1280x720 pt の窓を2メートル先に置いたときの実際の見かけの大きさを測る
관련 항목
이 항목을 인용하기
사전은 링크되기 위해 있다. 글을 쓰는 자리에 맞는 형식을 그대로 가져가면 된다.
- 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>