iOS 26 Liquid Glass 대응기

들어가며

안녕하세요. 노머스 iOS 개발자 이하연입니다.

최근 Apple은 iOS 26과 함께 새로운 디자인 시스템인 Liquid Glass를 도입하며 앱 UI 환경에 큰 변화를 예고했습니다.

그동안 저희는 기존 디자인을 유지하기 위해 Xcode 업데이트를 지연하며 대응을 유예해 왔습니다. 하지만 macOS와 App Store Connect의 가이드라인이 강화되면서 더 이상 업데이트를 미룰 수 없는 상황이 되었습니다.

이번 글에서는 Liquid Glass 대응을 위해 사전에 진행한 기술 검토 과정을 중심으로 공유하려 합니다.

대응 배경

Liquid Glass 대응을 검토하게 된 가장 큰 계기는 개발 환경의 제약이었습니다.

기존에 사용하던 Xcode 16 환경에서는 최신 기기인 iPhone 17에서 직접 빌드 및 테스트가 불가능해졌고, 최신 macOS(26.2) 환경에서는 Xcode 26으로의 업데이트가 사실상 필수 조건이 되었습니다.

여기에 App Store Connect에서는 다음과 같은 안내가 표시되었습니다.

Starting April 2026, all iOS and iPadOS apps must be built with the iOS 18 SDK or later, and iPhone apps must be built with the iOS 18 SDK or later.

— App Store Connect 공지

현재 기준은 iOS 18 SDK이지만, 향후 iOS 26 환경과 새로운 디자인 시스템인 Liquid Glass가 심사 기준에 영향을 줄 가능성을 고려하면 사전에 대응 방향을 검토할 필요가 있다고 판단했습니다.

Liquid Glass란

iOS 26에서는 Liquid Glass라는 새로운 UI 디자인 시스템이 도입되었습니다.

Liquid Glass는 Navigation Bar나 Tab Bar와 같은 시스템 UI에 반투명한 레이어와 블러 효과를 적용해 화면에 깊이감을 주는 것이 특징입니다.

기존의 불투명한 인터페이스와 달리 콘텐츠와 UI 레이어가 자연스럽게 겹치는 구조를 통해 보다 유연한 시각적 경험을 제공합니다.

이러한 변화는 시스템 컴포넌트뿐만 아니라 기존 앱 UI에도 영향을 줄 수 있기 때문에, 실제 앱 환경에서 어떤 문제가 발생하는지 사전 기술 검토를 진행하기로 했습니다.

사전 검토

화면 전수 조사

이에 따라 먼저 Liquid Glass 환경에서 현재 앱 UI가 어떻게 변화하는지 확인하는 작업을 진행했습니다.

Xcode 26으로 개발 환경을 업데이트한 뒤, Liquid Glass 효과가 적용된 상태에서 팬앱과 아티앱의 주요 화면을 전수 조사했습니다.

각 화면을 캡처해 디자인팀에 공유하고, 기존 UI/UX와 충돌이 발생하는 지점이 있는지 함께 검토했습니다.

검토 과정에서 확인된 특징 중 하나는 여러 화면에서 커스텀 구현된 UI가 존재한다는 점이었습니다.

특히 Navigation Bar나 Tab Bar와 같은 영역에서 화면별로 다른 방식의 커스터마이징이 적용되어 있었는데, Liquid Glass의 반투명 레이어가 적용되면서 일부 화면에서 시각적 통일성이 다소 깨져 보이는 현상이 확인되었습니다. 또한 프롬 디자인 가이드를 기반으로 구현된 팝업, 바텀시트 등의 컴포넌트 역시 시스템 UI와 표현 방식이 달라 보일 수 있어, 이러한 영역들을 중심으로 어떻게 대응하면 좋을지 검토를 진행했습니다.

이슈 및 대응 확인

이 과정에서 시스템 옵션을 통해 제어가 가능한지를 확인하기 위해 Apple의 Liquid Glass 관련 문서와 Appearance API를 함께 검토했습니다.

다음은 발견한 주요 이슈와 검토한 대응 방법입니다.

예시1) 스크롤 시 Navigation Bar 색상 반전

스크롤 중 특정 영역에 도달하면 네비게이션 바의 색상이 바뀌는 현상이 발생했습니다. 라이트 모드에서는 검정색으로, 다크 모드에서는 흰색으로 반전되어 보이는 문제였습니다.

이는 isTranslucent = false 설정을 통해 의도하지 않은 색상 변경을 방지할 수 있었습니다.

navigationController?.navigationBar.isTranslucent = false

예시2) 커스텀 컴포넌트의 시스템 UI 불일치

프롬 디자인 가이드를 기반으로 구현된 팝업, 바텀시트 등의 컴포넌트가 시스템 UI와 다른 스타일을 사용하고 있어 시각적인 차이가 발생했습니다.

iOS 26에서 새롭게 도입된 UIGlassEffect를 활용해 커스텀 컴포넌트에도 Liquid Glass 효과를 적용하여 시스템 컴포넌트와 자연스럽게 어우러지도록 개선할 수 있었습니다.

private lazy var blurView: UIVisualEffectView = {
    if #available(iOS 26.0, *) {
        let blurEffect = UIGlassEffect(style: .regular)
        let view = UIVisualEffectView(effect: blurEffect)
        view.clipsToBounds = true
        return view
    } else {
        let blurEffect = UIBlurEffect(style: .systemMaterial)
        let view = UIVisualEffectView(effect: blurEffect)
        view.clipsToBounds = true
        return view
    }
}()

실제 적용 방향

사전 검토를 통해 Liquid Glass 적용 시 발생할 수 있는 주요 변화를 확인한 뒤, 저희는 전면적인 UI 재구성보다는 시스템에서 제공하는 옵션을 활용해 기존 디자인을 최대한 유지하는 방향으로 대응하기로 결정했습니다.

예시1) Navigation Bar와 Tab Bar

특히 Navigation Bar와 Tab Bar와 같은 시스템 컴포넌트는 Liquid Glass 환경에서 기본 동작이 변경되기 때문에, 관련 프로퍼티와 Appearance 설정을 조정하여 사용자가 느끼는 이질감을 최소화했습니다.

또 Navigation Bar는 iOS 버전에 따라 배경색 처리를 분기했습니다. iOS 26에서는 Liquid Glass 효과를 그대로 살리기 위해 배경색을 명시적으로 지정하지 않고, 이전 버전에서는 기존 디자인 가이드 색상을 유지했습니다.

var navigationBackgroundColor: UIColor? = nil

if #available(iOS 26.0, *) {
    // Liquid Glass 효과 활용
} else {
    navigationBackgroundColor = .surface_basic_01
}

appearance.configureWithTransparentBackground()
appearance.backgroundColor = navigationBackgroundColor

Tab Bar도 동일한 방식으로 분기했습니다. iOS 26에서는 배경을 투명으로 두어 Liquid Glass 효과를 활용하고, 이전 버전에서는 기존 커스텀 배경과 구분선을 유지했습니다.

if #available(iOS 26.0, *) {
    appearance.backgroundColor = .clear
} else {
    appearance.backgroundColor = .surface_modal_01

    let lineView = UIView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 1))
    lineView.backgroundColor = .line_01
    tabBar.addSubview(lineView)
}

예시2) 웹 영역 일부를 네이티브로 전환

또 기존에는 웹으로 구현되어 Liquid Glass 시스템 효과를 받지 못하던 영역들을 디자인 통일성을 위해 네이티브로 마이그레이션하면서, 웹과 앱 사이의 인터페이스를 다시 설계했습니다.

다만 이러한 변경 사항들은 단순한 스타일 조정뿐만 아니라 웹과 앱 간 인터페이스 구조에도 영향을 주는 작업이었기 때문에, 단계적으로 적용 범위를 넓혀가며 안정성을 확인하는 방식으로 진행했습니다.

마무리하며

이번 대응은 단순히 OS 버전을 업데이트하는 작업을 넘어, 변화하는 Apple 디자인 시스템에 맞춰 기존 앱 UI를 어떻게 안정적으로 대응할 것인지를 고민하는 과정이었습니다. 모든 영역을 한 번에 변경하기보다는 심사 기준에 직접적인 영향을 줄 수 있는 영역을 먼저 대응하고, 이후 점진적으로 적용 범위를 확대하는 전략을 선택했습니다.

우선적으로 대응한 영역은 다음과 같습니다.

• Navigation Bar
• Tab Bar
• App Icon

단기적으로는 앱 심사 기준을 충족하는 안정적인 대응을 목표로 하고, 중장기적으로는 Liquid Glass의 특성을 살린 UI 개선도 함께 검토해 나갈 예정입니다. 긴 글 읽어주셔서 감사합니다.

참고자료

• Adopting the Liquid Glass appearance - Apple Developer
• UINavigationBarAppearance - Apple Developer Documentation
• UISheetPresentationController - Apple Developer Documentation
• WWDC25: What’s new in UIKit