Q&A: visionOS를 위한 공간 디자인

공간 컴퓨팅을 기반으로 앱과 게임을 디자인할 때 맞게 되는 고유의 기회와 과제가 있습니다. WWDC23에서 Apple 디자인 팀은 개발자 여러분이 visionOS에 적합한 디자인에 대해 알아볼 수 있도록 광범위한 Q&A 세션을 진행했습니다. 다음은 해당 Q&A 세션의 핵심 내용입니다. 다양한 몰입도 수준, 주요 순간, 사운드 디자인에 관한 인사이트 등을 확인해 보시기 바랍니다.

visionOS에서 강렬한 첫인상을 남길 수 있는 좋은 방법은 무엇인가요?

앱에 따라 다를 수 있지만, 윈도우를 앱 시작 화면으로 설정하면 사용자가 앱 실행 시 몰입도의 수준을 직접 제어할 수 있으므로 좋은 방법입니다. 일반적으로 사용자가 앱을 실행한 직후에는 몰입도 수준이 매우 높은 경험을 배치하지 않는 것을 권장합니다. 몰입도 수준을 높이기 전에 사용자가 앱 내 방향감에 먼저 적응하는 것이 좋습니다.

기존 iPadOS 또는 iOS 앱을 visionOS로 가져올 때 무엇을 고려해야 하나요?

공간 환경에서 빛을 발할 수 있는 앱의 주요 순간을 고려해 보세요. 예를 들어 visionOS의 사진 앱에서 파노라마 사진을 열면 해당 이미지가 사용자를 감싸듯 시야 전체에 펼쳐집니다. 여러분의 앱에서는 이렇게 화면에 구애받지 않는 경험을 제공할 수 있는 주요 순간이 무엇일지 질문을 던져 보세요.

더 전략적으로는, visionOS에서 UI를 어떻게 최적화해야 할지 생각해 보세요. ‘공간 UI 디자인하기’에서 자세한 내용을 확인해 보세요.

공간 UI 디자인하기

공간 컴퓨팅 앱을 위한 훌륭한 인터페이스를 디자인하는 방법을 배워 보세요. 기존의 화면 기반 지식을 토대로 visionOS를 위한 멋진 경험을 만드는 방법을 공유합니다. UI 요소, 머티리얼, 타이포그래피 관련 지침을 바탕으로...

Watch now

‘주요 순간’이 무슨 뜻인지 좀 더 자세히 설명해 주세요.

‘주요 순간’이란 visionOS의 고유한 역량을 활용하는 기능 또는 상호작용을 말합니다. (앱에서 공간감 또는 몰입감으로 경험할 수 있는 하이라이트라고 볼 수 있습니다.) 예를 들어 글쓰기 앱을 만드는 경우라면 사용자를 특정 환경에 완전히 몰입시키는 집중 모드, 창작 활동을 도와줄 공간 음향 사운드스케이프 등을 주요 순간으로 볼 수 있습니다. 스크린 기반 기기에서는 제공할 수 없는 경험들입니다.

iOS 및 macOS용 디자인에서 그리드 시스템을 자주 사용합니다. visionOS에서도 사용할 수 있나요?

네! 그리드는 윈도우를 디자인할 때 매우 유용하며, 포인트 사이즈 역시 여러 플랫폼들 간에 바로 호환됩니다. 3D 요소를 디자인하는 것은 좀 더 복잡합니다(예: 멀리 있는 요소를 가까이에서 제어할 수 있게 만들기). ‘공간 디자인의 원리’에서 자세한 내용을 확인해 보세요.

공간 디자인의 원리

공간 디자인의 원리를 알아봅니다. 깊이감, 규모감, 윈도우, 몰입감을 이용해 디자인하는 방법을 배우고, 현실을 바꾸는 편안하고 인간 중심적인 경험을 만들기 위한 모범 사례를 적용하세요. 공간 디자인 원리를 이용하여...

Watch now

실제 기기 없이 Apple Vision Pro 경험을 테스트해 볼 수 있는 가장 좋은 방법은 무엇인가요?

Xcode의 visionOS 시뮬레이터에서 핀치, 드래그, 탭, 확대/축소 등의 시스템 제스처를 재현할 수 있습니다.

세련된 공간 컴퓨팅 디자인을 위한 손쉬운 방법이 있을까요?

먼저 시스템의 기본 UI 구성 요소를 사용하는 것부터 시작해 보세요. 호버 효과가 표시할 모양과 모든 요소에 적용할 기본 스타일, 그리고 사용자가 응시하는 요소에 표시할 다양한 스타일에 대해 생각해 보세요. 맞춤형 요소나 3D 객체와 같이 크기가 큰 요소를 빌드할 때는 호버 효과도 이에 맞게 맞춤화해야 합니다.

visionOS에 적합한 디자인을 위해 고려해야 할 상호작용 및 인체공학적 디자인에는 어떤 게 있을까요?

편안함이 경험 디자인의 중심이 되어야 합니다. 메인 콘텐츠를 사용자의 시야 안쪽에 배치하여 목이나 몸을 너무 많이 움직일 필요가 없도록 하는 것이 좋습니다. 콘텐츠를 시야의 중심에 배치할수록 사용자가 시청하기에 더 편합니다. 입력 방식도 중요하게 고려해야 합니다. 사용자가 원한다면 콘텐츠와 간접적으로 상호작용할 수 있도록(예: 눈을 사용하여 요소에 초점을 맞추고, 핀치 등의 손 제스처를 사용하여 선택하는 등) 앱에서 시스템 제스처를 지원해야 합니다. ‘시각 및 움직임에 대한 디자인’에서 디자인 관련 고려 사항에 대한 자세한 내용을 확인해 보세요.

시각과 움직임을 고려한 디자인

인간의 시각과 동작의 인식 한계를 고려하여 visionOS용 몰입형 경험을 디자인하는 방법을 알아보세요. 사람들이 앱과 게임을 편안하게 즐길 수 있도록 깊이 단서, 대비, 초점, 움직임을 활용하는 방법을 소개합니다.

Watch now

완전한 몰입도 수준을 위한 디자인 원칙이 있나요? 콘텐츠가 사용자의 머리 뒤쪽과 위아래 전체를 감싸야 하나요?

콘텐츠는 어디든 배치할 수 있지만, 필요한 만큼만 몰입감을 제공하는 것이 좋습니다. 사용자의 주변 환경 전체를 차지하지 않으면서도 훌륭한 몰입감을 선사하는 앱을 만들 수 있습니다. Human Interface Guidelines에서 자세한 내용을 확인해 보세요.

Human Interface Guidelines: Immersive experiences

완전한 몰입도 수준의 경험을 위한 환경을 제작하는 데 사용할 지침이 있나요?

사용자가 딛고 선 실제 바닥과 일치하는 고정된 평면이 앱 환경에도 있어야 합니다. 환경의 세부 요소를 디자인할 때는 몰입감 조성에 영향을 주는 핵심 디테일에 초점을 맞추세요. 예를 들어 사용자에게 극장 안에 있는 것 같은 느낌을 주고 싶다고 해서 실제 극장의 모든 디테일을 전부 렌더링할 필요는 없습니다. 또한 산봉우리와 같은 환경을 제작했다면 더욱 탁월한 현실감을 구현하기 위해 그 위를 잔잔히 지나는 구름과 같이 섬세한 움직임 효과를 적용해 볼 수 있습니다.

공간 컴퓨팅을 위한 디자인에서 고려해야 할 그 밖의 내용에는 어떤 것이 있나요?

사운드 디자인을 고려해 보세요. 다른 Apple 플랫폼을 염두에 둔 디자인에서는 인터페이스에 오디오를 배치하는 게 매우 높은 우선 순위로 간주되지 않습니다. 사용자들이 기기를 무음 모드로 사용하는 경우가 많기 때문입니다(혹은 단순히 의도한 경험에 적합하지 않은 경우도 있습니다). Apple Vision Pro에서 강렬한 경험을 제작하려면 사운드가 매우 중요합니다.

사람들은 소리로 주변을 이해하는 데 능숙합니다. visionOS 앱 또는 게임에서 사운드를 활용하여 사용자가 주변 요소를 더 잘 이해하고 상호작용할 수 있도록 지원해 보세요. 예를 들어 버튼을 눌렀을 때 오디오 신호가 들리도록 하면 사용자가 자신의 동작을 스스로 인식하고 재확인할 수 있습니다. visionOS에서는 사운드를 공간적으로 배치하여 사용자가 상호작용하고 있는 항목에서 오디오가 들려 오도록 할 수 있습니다. 또한 시스템은 사용자의 주변 환경을 사용하여 해당 오디오에 적절한 반향 및 질감 효과를 줄 수 있습니다. 아울러 장면(Scene)에 어울리는 공간 사운드스케이프를 생성하여 더욱 생생하고 몰입감 넘치는 장면을 만들 수 있습니다. ‘몰입감 넘치는 사운드 디자인 살펴보기’에서 visionOS용 사운드 디자인에 대한 자세한 내용을 확인해 보세요.

몰입형 사운드 디자인 탐구하기

사운드를 이용하여 visionOS 앱과 게임 경험을 향상하는 방법을 알아보세요. Apple 디자이너들이 사운드를 선택하고 사운드스케이프를 구축하여 조화롭고 몰입적인 경험을 만드는 방법을 배워 보세요. 앱의 기본적인 상호 작용을...

Watch now

더 알아보기

visionOS에 적합한 디자인에 관하여 더 자세히 알아보려면 기타 다양한 비디오 콘텐츠, Human Interface Guidelines, Apple Developer 웹 사이트를 확인하시기 바랍니다.

첫 몰입형 앱 개발하기

Xcode와 Reality Composer Pro를 사용하여 visionOS를 위한 몰입형 앱 구축 방법을 확인해 보세요. 새로운 visionOS 프로젝트를 시작하는 방법, SwiftUI 개발을 위해 Xcode Previews를 사용하는 방법, 3D 콘텐츠를 렌더링하기 위해 RealityKit과...

Watch now

공간 컴퓨팅을 위한 앱 구축 시작하기

visionOS를 위한 앱과 게임 개발을 준비해 보세요! 윈도우, 볼륨, 공간과 같이 공간 컴퓨팅을 구성하는 기본 구성 요소에 대해 살펴보고, 이 요소들을 이용해 매력적인 몰입형 경험을 구축하는 방법에 대해 알아보세요.

Watch now

공간 컴퓨팅을 위한 멋진 게임 만들기

visionOS를 위한 멋진 게임 경험을 개발하는 방법을 알아보세요. visionOS용 게임을 만들기 위한 핵심 요소를 공유하고, 여러 단계의 몰입 경험을 제공하는 방법을 탐구하고, ARKit, RealityKit, Reality Composer Pro, Unity, Metal, Compositor를...

Watch now

Human Interface Guidelines

Design for visionOS