스트리밍은 대부분의 브라우저와
Developer 앱에서 사용할 수 있습니다.
-
몰입형 사운드 디자인 탐구하기
사운드를 이용하여 visionOS 앱과 게임 경험을 향상하는 방법을 알아보세요. Apple 디자이너들이 사운드를 선택하고 사운드스케이프를 구축하여 조화롭고 몰입적인 경험을 만드는 방법을 배워 보세요. 앱의 기본적인 상호 작용을 풍성하게 하기 위해 음향을 공간적으로 배치하고, 반복적인 사운드를 다양화하고, 음향적으로 즐거운 순간들을 구축하는 방법을 공유합니다.
리소스
관련 비디오
WWDC23
WWDC17
-
다운로드
♪ 부드러운 힙합 연주곡 ♪ ♪ '몰입형 사운드 디자인 탐구하기' 세션이에요 저는 Danielle Price고 디자인 팀의 사운드 디자이너죠 오늘 세션의 주제는 공간 음향 예시를 포함하므로 최고의 경험을 위해 헤드폰 착용을 권장해요 이 세션을 시청하는 모든 분이 사운드 전문가는 아니지만 사람은 누구나 공간 음향과 관련된 전문성이 있죠 여러분에게 익숙한 상황을 통해 직접 보여 드리죠 제가 iPhone을 못 찾는다고 가정해 봐요 Apple Watch로 핑해서 찾아볼게요 오른쪽 귀에서 들리네요 더 커지고 있어요 가까워지고 있죠 찾았어요 사운드의 위치를 알았던 건 사운드의 방향과 음량을 분간하기 때문이죠 보신 것처럼 우리는 공간 음향을 이용하여 세상을 살아가요 이 경우에는 공간 음향으로 방에 있는 iPhone을 찾았죠 나의 찾기 예시에서 봤던 것처럼 실제 세계에서는 사운드가 공간을 통해 주변으로 울리고 벽과 가구에 반사된 뒤 사람의 귀에 도착해요 시스템도 이런 동작을 흉내 낼 수 있는데 여러분의 주변 공간을 이해하기 때문이죠 다음으로 설명할 내용은 헤드셋 공간 음향의 작동 원리와 이를 디자인하는 여러 방법이에요 먼저 시스템에서 공간 음향이 작동하는 원리를 분석하고 몇 가지 예를 통해서 UI와 몰입형 앱을 위한 사운드 디자인 방법을 다룰게요 그럼 실제 세계의 사운드를 재현하는 법을 알아보죠 기기가 공간에 적응하고 여러분 공간의 울림을 추가하여 실제 공간에 있는 것처럼 들리게 해요 공간 음향 소스가 위치한 곳에 따라서 멀리 있거나 가까이 있는 것처럼 들려요 이제 나의 찾기 사운드를 여러 방법으로 재생하여 어떻게 작동하는지 들려드릴게요 이건 제가 엑스포트한 기존 사운드예요 소리가 깨끗하고 정면 중앙에 있는 것 같죠 이번에는 같은 사운드를 다른 공간에서 재생할게요 이 거실처럼요 사운드가 전면에서 들리지만 방향상으로는 소파의 오른쪽에서 들리는 걸 느껴 보세요 시스템은 여러분 방의 크기와 소재를 고려하여 음향을 정확하게 재생해요 간단한 예시를 통해 플랫폼에서 들리는 사운드의 원리를 이해할 수 있죠 음악과 미디어의 공간 음향에는 익숙하시겠지만 이제는 영역을 확장하여 여러분 앱에서 사운드를 재생할 때 여러분이 배치한 장소에서 들리게 할 수 있죠 이런 사운드를 공간 음향 소스라고 할게요 상호작용 사운드에 어떻게 적용되는지 알아보죠 손과 눈을 이용하여 시스템과 상호작용할 때 물리적인 걸 건드리지 않아요 각 상호작용에 미묘한 사운드를 추가하면 사용자에게 익숙함과 자신감을 줄 수 있죠 가상 키보드를 예로 들어 볼게요 키를 누를 때 사운드를 들으면 바로 앞에 있는 키보드에서 소리가 들리는 것 같죠
키를 누를 때마다 익숙한 사운드로 동작을 확인시켜 줘요 반복 얘기를 잠깐 할게요 키를 누를 때마다 소리가 조금씩 다를 거예요 자주 재생되는 사운드라면 사운드의 요소인 음높이나 진폭을 살짝 랜덤화하는 게 좋죠
키를 연속으로 빠르게 눌렀을 때 더 자연스럽고 정적이지 않은 느낌이에요 이를 고려하여 앱에 자연스러운 느낌을 주세요 다음은 다른 예시를 통해 시스템에서 들리는 UI 사운드의 디자인 방식을 알아보죠 사진 앱을 디자인하기 시작했을 때 사운드로 강조하고 싶었던 상호작용이 있었어요 그리드에서 사진을 선택하는 동작과 2D에서 3D로 전환하는 동작 사진 앨범을 훑어보는 동작이 있었죠 사운드 디자인은 어디서 시작할까요? 창문이 열리는 소리를 녹음할 수도 있죠 너무 상상력이 부족한 걸까요? 들어 보죠
이런 식으로 작업한다면 프로젝터 슬라이드를 넘기는 소리를 훑어보는 동작에 사용할 수 있겠죠
흥미로운 사운드 디자인 예시지만 시각적 디자인과 맞아떨어지지 않아요 사진 앱의 사운드가 시스템 사운드에 어울리면서도 깊이감을 주길 원했죠 좋은 UI 사운드는 미묘해야 하고 도움이 되는 수준에서 적절한 피드백을 줘야 해요 따라서, 여러분의 앱에도 개성을 부여하면 좋겠지만 전체 UI의 느낌에 어울리도록 노력하세요 이걸 염두에 두고 다시 살펴볼게요 이번에는 우리가 새로 디자인한 사운드죠
훨씬 낫네요 전체 운영 체제와 어울리는 사운드고 전환 시점과 맞아떨어져요 상호작용 사운드를 앱에 추가할 때는 사람들이 자주 듣기 때문에 미묘하게 디자인하는 게 중요해요 이제 기기에서 UI 사운드의 역할을 알아봤으니 이번에는 더 몰입적인 경험의 사운드를 얘기해 보죠 환경 중 하나인 후드산을 보죠 이 환경은 시스템에 있는 완전 몰입형 경험이죠 모든 장소는 라이트와 다크 모드가 있어요 두 모드에 맞는 사실적인 공간 사운드스케이프도 있죠 사운드스케이프의 전반적인 목표는 현실을 평화롭게 재현하는 거예요 여러분이 사용 중인 다양한 앱에서 재생되며 주의를 분산하지 않고 미묘해야 해요 이런 경험을 위한 사운드 디자인, 녹음과 믹싱 방법들을 얘기해 보죠 각 장소를 위한 사운드 디자인을 생각하면서 우리가 고려했던 주제는 사운드의 정확도예요 녹음을 위해 다양한 장소에 가서 실제 사운드스케이프를 듣고 놀란 적이 많았는데 늘 좋았던 건 아니죠 제가 후드산에서 개인적으로 촬영한 영상을 살펴보도록 하죠 제가 좋아하는 사진이에요 사전 제작을 계획했을 때 사진을 보고 눈을 감은 뒤 평화로운 사운드스케이프인 먼 곳의 새소리와 부드러운 바람 소리를 상상했죠 실제로도 아름다웠고 그런 요소들도 있지만 그게 전부가 아니었어요 이 사진을 찍은 장소의 바로 오른쪽에서 촬영한 영상을 살펴보죠 여러분이 보고 듣는 건 거대한 배수 시설이에요 소리가 정말 커서 자연의 소리를 들을 수 없죠 이 소음이 다른 걸 연상시키는데요 다시 들어 보죠 우리가 원하는 사운드가 아니에요 우리는 디자이너이자 개발자로서 앱을 위한 최고의 사용자 경험을 선별할 수 있죠 이 경우에는 최대한 현실과 비슷한 걸 원하지만 실제로 존재하는 것보다 더 기분 좋은 경험을 만들 수 있다면 그렇게 해야 해요 현실의 제일 좋은 부분을 재현하고 선별하여 여러분 앱의 사운드가 시각적 요소를 최대한 보완하도록 하세요 이제 음향 녹음 절차를 더 얘기해 보죠 잔잔한 배경 음향을 위해 다양한 마이크를 사용하여 이 사진의 몰입형 음향을 녹음했어요 이 녹음의 목표는 여러분 주변의 공기 소리를 포착하는 거였죠 밤낮으로 녹음한 뒤 모든 사운드 활동 범위를 포착하려고 했어요 대개는 공해가 최대한 적은 곳을 찾아다녔는데 그러기 위해서는 익숙한 길에서 벗어나야 했죠 이렇게 자연에서 녹음한 사운드가 공간 음향 소스의 기본 레이어가 되는 거예요 고감도 지향성 마이크를 사용하여 원하는 사운드에 집중할 수도 있죠 함께 작업하는 전문 사운드 디자이너가 있다면 사운드를 녹음해 주겠지만 전문적인 고품질 사운드 라이브러리를 여러분 앱 사운드로 활용할 수도 있어요 사운드를 녹음했다면 어떻게 해야 실감 나는 사운드스케이프가 될까요? 나의 찾기 사운드를 한 지점에서 재생한 거 기억하나요? 그때와 같은 생각으로 환경에 오디오 오브젝트를 배치했죠 이번에도 실제 경험에서 영감을 받을 수 있어요 밖에 나가면 다양한 종류의 동물이 서로 다른 장소에서 소리를 내는데 모든 소리가 어우러져 사운드스케이프를 만들죠 거리와 배치를 잘 고려하면 사운드스케이프를 재현할 수 있어요 지금까지 배운 걸 종합하여 후드산을 위한 믹스를 만들어 보죠 사운드스케이프를 구성할 때 두 종류의 사운드 범주가 있어요 공간 음향 소스는 공간의 한 지점을 차지하는 새, 귀뚜라미, 개구리 등의 사운드 요소예요 이런 사운드는 주로 환경의 전경, 중경에 배치하지만 여러분의 앱 어디에든 배치할 수 있죠 그리고 잔잔한 배경 음향은 장소의 전체적인 분위기예요 여러분 주변에서 재생되는 서라운드 음향 파일로 두드러지지 않게 연속으로 재생되죠 이모티콘을 이용하여 환경 어디에 배치했는지 나타낼게요 먼저 좌우에 귀뚜라미와 개구리 소리를 배치해 보죠 조금 조정해 볼게요 너무 시끄럽고 가까이 있는 것 같아서 두 가지 작업이 필요해요 먼저 두 음량의 데시벨을 조금 낮추고 사운드의 위치를 먼 곳으로 옮겨서 멀리 들리는 것처럼 하죠 다시 들어 볼게요 더 자연스러운 느낌이네요 이제 전경의 물가에 개구리 2마리를 배치해 볼게요 훨씬 듣기 좋지만 같은 지점에서 같은 개구리 소리를 반복해서 들을 필요는 없죠 랜덤화 기능을 사용하면 자연스러운 사운드스케이프를 만들 수 있어요 이를 위해 서로 다른 개구리 소리와 재생하는 위치를 번갈아 가며 들려줄게요 여기에 재생하는 타이밍을 랜덤화할 수 있어요 이제 모든 소리를 함께 들어 보죠 추가해야 하는 게 하나 더 있어요 앞에서 언급했던 잔잔한 배경 음향 기억하시죠? 사진과 함께 들어보죠 이 사운드는 서라운드로 재생되어 여러분의 주변 공간에 부드럽게 분위기를 더해요 이제 실제 경험하는 것처럼 모든 사운드를 함께 들어 보죠
후드산 경험을 되짚어 볼게요 랜덤화는 계속 언급되는 주제죠 가상 키보드 타이핑과 전경의 개구리 소리 때 언급했듯이 오랫동안 사운드를 반복할 때 유의해야 해요 랜덤화를 이용하여 재생 방식에 영향을 주고 변화를 주세요 배치도 고려하세요 시스템 내에서 먼 곳에 사운드를 두는 건 물체를 공간 뒤로 옮겨서 멀리서 들리게 하는 도구죠 그리고 거리에 맞춰서 사운드의 음량을 낮춰야 균형을 맞출 수 있어요 이제 환경에서 사용했던 동일한 개념을 살펴보고 전체 몰입형 공간을 사용하지 않는 예시에 적용해 볼게요 시스템 온보딩 경험의 오프닝에서 공간에 사운드를 채우고 싶었지만 'hello'를 쓰는 애니메이션도 집중시키고 싶었죠 이 경우에도 전경과 배경을 활용해요 전경 사운드만 있을 때는 이렇게 들리죠 애니메이션이 사운드의 원천을 나타내요
여기서 유의할 것은 여러분의 앱이 실제 공간을 배경으로 해도 몰입형 사운드스케이프를 활용하여 공간을 사운드로 채울 수 있다는 거죠 환경과 마찬가지로 공간 음향 소스와 잔잔한 배경 사운드를 조합하여 사용했어요 이번에는 배경음이 추가된 영상을 다시 볼 텐데 배경의 울림이 공간을 채우는 걸 들을 수 있죠
빠르게 넘어가든 오랫동안 남아 있든 여러 요소가 결합하여 흥미롭고 상호작용적이죠 여러분의 앱에선 메뉴나 제목 화면에 활용할 수 있을 거예요 그럼 정리해 보죠 공간 음향을 통해 시스템의 UI에 사운드를 적용하는 방법을 봤고 사운드가 UI의 반응성을 높여 사용자의 상호작용을 확인해 주는 역할을 한다는 걸 알게 됐어요 생동감 넘치고 마음을 사로잡는 몰입형 공간 경험을 디자인하는 방법도 살펴봤죠 여러분 앱에도 사운드를 이용하여 풍성한 경험을 설계하여 몰입과 재미를 높여 보세요 들어 주셔서 고마워요 ♪
-
-
찾고 계신 콘텐츠가 있나요? 위에 주제를 입력하고 원하는 내용을 바로 검색해 보세요.
쿼리를 제출하는 중에 오류가 발생했습니다. 인터넷 연결을 확인하고 다시 시도해 주세요.