MOMENT Studio
← 목록으로

화면마다 다른 언어를 맞춰 끼우다

2025.11.20기술 기록#product-ui#content#playback

화면 전반에 흩어진 UI 표현 규칙을 공통 기준으로 통합하고, 릴스 재생 경로의 오디오 가시성 처리 및 이펙터 연결을 정비했다.

화면을 개별적으로 점검하면 동일한 역할을 하는 UI 요소들이 서로 다른 표현 규칙을 따르고 있다는 점이 드러난다. 삭제 확인 흐름, 텍스트 배치 방식, 카드의 색상 및 두께 규칙이 화면마다 일관되지 않았다. 기능 동작 자체에는 문제가 없지만, 화면 간 이동 시 UI 표현의 불일치가 제품 경험의 통일성을 저하시킨다. 이번 작업의 목표는 분산된 표현 규칙을 공통 기준으로 수렴시키는 것이었다.

콘텐츠 노출 화면이 주요 대상이었다. moment, inst, 추천, 탐색 화면 전반에서 텍스트와 카드 규칙을 공통 테마로 통합해 동일한 시각 언어가 적용되도록 정비했다. 확인 다이얼로그처럼 반복 사용되는 UI 패턴도 단일 형태로 정리해, 어느 화면에서 호출되든 일관된 표현이 보장되도록 했다.

UI 정비와 함께 릴스 재생 경로도 점검했다. 화면 가시성 변화 시점에 맞춰 오디오가 정확히 진입·이탈하도록 처리를 수정했고, 트랙 로드 시 공간감·리버브 등 이펙터가 정상적으로 적용되도록 연결을 재정비했다. 화면 전환 중 오디오 단절이나 이펙터 미적용이 발생하던 구간이 제거됐다.