주제 가이드
디자인
Apple의 발전하는 시각 언어, 상호 작용 원칙, 아이콘, 움직임과 명확한 크로스 플랫폼 경험을 만드는 기법을 살펴보세요.
디자인 모음은 API만큼 판단을 중요하게 다룹니다. 계층, 재질, 움직임, 레이아웃, 사운드, 플랫폼 규칙이 함께 작동하는 방식을 살펴보고 제품의 정체성을 잃지 않으면서 인터페이스를 조정하는 방법을 보여줍니다.
- 세션
- 50
- 2026
- 13
- 2025
- 22
- 2024
- 15
이 주제에서 다루는 내용
- 시각 시스템과 플랫폼 규칙
- 상호 작용, 움직임, 피드백
- 아이콘, 레이아웃, 제품 완성도
WWDC 2026
13 개 세션- CSS Grid Lanes 배우기모든 모양과 크기의 콘텐츠를 수용하는 적응형 웹 레이아웃을 만드세요. Grid Lanes를 사용해 모양이 다른 요소를 간단한 CSS로 깔끔하고 유연한 디자인에 배치하는 방법을 살펴봅니다. flow-tolerance로 레이아웃의 유연성을 유지하면서 손쉬운 사용을 다듬는 방법도 알아보세요.
- HTML select 요소 다시 알아보기웹의 select 메뉴 스타일을 완전히 제어하는 방법을 알아보세요. HTML select 요소는 새로운 CSS appearance 값과 새로운 의사 요소로 크게 향상됩니다. select 옵션에 풍부한 콘텐츠를 포함할 수 있는 HTML의 새로운 가능성을 살펴보세요. 기본 요소의 손쉬운 사용과 강력함을 모두 유지하면서 디자인 시스템과 어울리는 select를 만들어 보세요.
- Reality Composer Pro 3로 노코드 게임 디자인하기Reality Composer Pro 3의 ScriptGraph를 사용해 앱과 게임을 위한 노코드 3D 콘텐츠를 만드는 방법을 알아보세요. 시각적 노드를 활용해 애니메이션을 만들고, 대화형 순간을 구성하고, SwiftUI 요소를 통합해 말풍선과 기타 UI를 경험에 추가하는 방법을 배웁니다.
- SwiftUI로 고급 그래픽 효과 구성하기SwiftUI 레이아웃과 그래픽 API를 창의적으로 구성해 풍부한 맞춤형 경험을 만드는 방법을 알아보세요. 복잡한 디자인을 나누고 간단한 구성 요소를 창의적인 파이프라인으로 연결하는 방법을 보여드립니다. 레이어 셰이더로 그리기, 타임라인으로 애니메이션 만들기, 정렬 가이드로 뷰 고정하기를 배웁니다.
- SwiftUI의 새로운 기능SwiftUI의 최신 추가 기능과 앱을 개선하는 방법을 살펴보세요. 고성능 앱 제작을 위해 디스크에 직접 접근하고 스냅샷 기반 차이 비교를 제공하는 새로운 Document 프로토콜, 목록과 그리드 및 섹션에서 콘텐츠 순서를 바꾸는 새로운 API, 표시 우선순위와 자동 최소화 동작을 포함한 도구 막대 개선 사항을 소개합니다. 모든 뷰에서의 스와이프 동작을 포함한 확장된…
- SwiftUI의 지연 스택과 스크롤 자세히 알아보기SwiftUI 지연 스택의 내부 작동 방식을 알아보세요. LazyVStack과 LazyHStack이 크기를 추정하고, 하위 뷰를 지연 로드하고, 콘텐츠를 미리 가져와 부드러운 스크롤 경험을 제공하는 방식을 살펴봅니다. 고급 성능 최적화, 상태 관리 권장 사항, 정밀한 프로그래밍 방식 스크롤 팁도 설명합니다. 이 세션을 최대한 활용하려면 스택을 사용한 SwiftUI…
- Xcode의 에이전트로 UI 프로토타입 만들기Xcode의 에이전트를 사용해 앱 프로토타입을 만드는 방법을 알아보세요. AI로 상호 작용의 프로토타입을 만들고, 레이아웃을 반복 개선하고, 디자인 과제에 대한 창의적인 해결책을 생성하는 기법을 살펴봅니다. 아이디어를 비판적으로 평가하고 다듬어 사람 중심의 완성도 높은 앱 경험으로 만드는 방법을 배웁니다.
- iOS에서 브랜드 정체성 전달하기익숙함과 고유함의 균형을 맞추는 타이포그래피, 색상, 구성 요소, 상호 작용을 활용한 실용적인 브랜딩 방법을 살펴보세요.
- visionOS 앱과 공간 웹을 위한 몰입형 환경 디자인하기앱, 웹사이트, SharePlay 경험을 위한 사실적인 visionOS 환경을 만드는 방법을 알아보세요. 환경이 실제로 몰입감 있게 느껴지도록 하는 디자인 원칙을 살펴보고, 참조 자료를 만들거나 캡처하고, 고충실도 CG 에셋을 준비하고, 움직임과 조명 같은 실시간 효과를 만드는 방법을 배웁니다.
- 앱 기능과 레이블에 명확한 이름 짓기제품, 기능, 레이블의 이름은 사용자가 앱을 이해하고 탐색하는 방식에 영향을 줄 수 있습니다. 앱 디자인에서 신중한 이름 짓기의 원칙을 살펴보고, Apple 앱에서 사용하는 패턴을 확인하며, 의도를 담아 이름을 결정하는 방법을 알아보세요.
- 직관적인 검색 경험 디자인하기앱에 검색을 구현할 때 사용할 새로운 패턴과 권장 사항을 살펴보세요. 검색이 사용자의 콘텐츠 발견과 탐색에서 맡는 핵심 역할을 알아보고, 여러 탐색 모델과 Apple 플랫폼 전반에 검색을 통합하는 방법을 배웁니다.
- 초보자를 위한 Icon Composer 그룹 랩온라인에서 Icon Composer 시작에 관해 질문하고 조언을 얻으며 토론을 따라가 보세요. 영어로 진행됩니다.
- 훌륭한 디자인의 원칙Apple 플랫폼의 기본 디자인 원칙을 자세히 살펴보세요.
WWDC 2025
22 개 세션- Icon Composer로 아이콘 만들기Icon Composer를 사용해 iOS, iPadOS, macOS, watchOS용 업데이트된 앱 아이콘을 만드는 방법을 알아보세요. 원하는 디자인 도구에서 에셋을 내보내 Icon Composer에 추가하고, 실시간 유리 속성과 기타 효과를 적용하고, 여러 플랫폼과 화면 모드에 맞게 미리 보고 조정하는 방법을 배웁니다.
- Liquid Glass 알아보기Liquid Glass는 Apple 플랫폼의 디자인 언어를 통합하면서 더 역동적이고 표현력 높은 사용자 경험을 제공합니다. Liquid Glass의 디자인 원칙을 알아보고, 핵심 광학 및 물리적 속성을 살펴보며, 어디에 왜 사용해야 하는지 배워보세요.
- SF Symbols 7의 새로운 기능Apple의 아이콘 라이브러리 SF Symbols의 최신 업데이트를 살펴보세요. 기호가 손글씨 획의 자연스러운 흐름을 모방하도록 하는 새로운 애니메이션 시스템 Draw와 강도 또는 진행 상황을 나타내는 Variable Draw를 만나봅니다. 기호에 깊이와 시각적 흥미를 더하는 Gradients와 관련 기호 사이의 연속성을 높이는 Magic Replace 개선 사항을…
- SwiftUI 공간 레이아웃 알아보기SwiftUI로 공간 경험을 만드는 새로운 도구를 살펴보세요. visionOS의 3D SwiftUI 뷰 기본을 배우고, 깊이 정렬로 기존 레이아웃을 맞춤 설정하며, 수정자를 사용해 공간에서 뷰를 회전하고 배치합니다. 공간 컨테이너를 사용해 같은 3D 공간에 뷰를 정렬하고 몰입도 높은 앱을 만드는 방법을 알아봅니다.
- Xcode 26의 새로운 기능Xcode 26의 최신 생산성 및 성능 개선 사항을 알아보세요. 개발 작업 흐름에서 대규모 언어 모델을 활용하는 방법을 배웁니다. 편집과 디버깅 개선 사항, 향상된 성능 및 테스트 도구, Xcode에서 사용하는 오픈 소스 빌드 시스템 엔진 Swift Build를 살펴봅니다.
- iPad 앱 디자인 향상하기iPadOS에서 앱을 훌륭하게 보이고 느껴지도록 만드세요. 크기 조절이 가능한 앱 윈도우를 위한 반응형 레이아웃 디자인 권장 사항을 알아봅니다. 윈도우 컨트롤에 익숙해지고 이를 수용하는 가장 좋은 방법을 살펴보세요. 뛰어난 메뉴 막대의 구성 요소와 새로운 포인터 및 업데이트된 효과도 만나봅니다.
- visionOS 26의 새로운 기능visionOS 26의 흥미로운 새 기능을 살펴보세요. 향상된 볼륨 API를 알아보고 SwiftUI, RealityKit, ARKit의 강점을 결합하는 방법을 배웁니다. 더 빠른 손 추적과 공간 액세서리 입력을 사용해 더 매력적인 앱과 게임을 만드는 방법을 알아보세요. SharePlay, Compositor Services, 몰입형 미디어, 공간 웹, Enterprise…
- visionOS에서 SwiftUI로 장면 구성하기visionOS 앱의 윈도우, 볼륨, 몰입형 공간을 향상하는 흥미로운 새 API를 알아보세요. 다시 실행하거나 제자리에 고정할 때 장면이 작동하는 방식을 세밀하게 조정합니다. 클리핑 여백과 스냅으로 볼륨이 주변 환경에 맞게 조정되도록 만드세요. Mac에서 Vision Pro로 몰입형 콘텐츠를 스트리밍하고, 기존 UIKit 기반 앱에 볼륨과 몰입형 공간을 추가해 향상하세요.
- visionOS용 동영상 경험 살펴보기앱 안에서 몰입형 동영상 경험을 만들고 표시할 수 있는 여러 방법을 알아보세요. 180°, 360°, 넓은 시야각 동영상용 프로필, Apple Immersive Video 제작 및 재생 옵션, 확장된 2D, 3D, 공간 동영상 기능 등 visionOS 26에서 제공되는 다양한 미디어 유형을 살펴봅니다. 앱과 콘텐츠에 가장 적합한 프로필을 알아보세요.
- visionOS용 맞춤형 환경 최적화하기절차적 도구를 사용해 visionOS 앱 또는 게임을 위한 아름다운 몰입형 환경을 만드는 방법을 알아보세요. 고품질 환경을 만드는 구성 요소를 공유한 뒤 최적화 과정을 자세히 살펴봅니다. Apple이 Houdini용으로 제공하는 일련의 작업 흐름을 사용해 장면의 폴리곤 수를 줄이고, 지오메트리를 정리하고, UV 맵을 패키징하고, Reality Composer Pro 또는…
- visionOS용 위젯 디자인하기사용자의 주변 환경에 자연스럽게 어우러지는 아름다운 visionOS 26용 위젯을 디자인하는 방법을 알아보세요. 위젯 디자인에 깊이를 더하고 공간 컴퓨팅에 맞게 재질, 크기, 스타일을 맞춤 설정하는 방법을 살펴봅니다. 기존 위젯을 visionOS에 맞게 조정하거나 실제 물체처럼 느껴지는 새 위젯을 디자인하는 방법을 공유합니다.
- visionOS용 호버 상호 작용 디자인하기visionOS 앱을 위한 고급 상호 작용을 만드는 방법을 알아보세요. 매력적인 맞춤형 호버 효과와 애니메이션을 디자인하고, 흔한 실수를 피하고, Look to Scroll 같은 상호 작용을 활용하며, 지속 효과로 직관적인 미디어 컨트롤을 만드는 방법을 살펴봅니다.
- 기기 내 파운데이션 모델을 위한 프롬프트 설계 및 안전 살펴보기Foundation Models 프레임워크의 강점을 활용하는 생성형 AI 경험을 디자인하세요. 먼저 Apple Intelligence의 핵심인 기기 내 대규모 언어 모델을 위한 프롬프트 설계 방법을 보여드립니다. 그런 다음 AI 안전의 핵심 개념을 소개하고, 생성형 AI 기능을 안전하고 신뢰할 수 있으며 만족스럽게 만드는 구체적인 전략을 제공합니다.
- 대화형 스니펫 디자인하기스니펫은 App Intents에서 호출되어 앱 정보를 표시하는 작은 뷰입니다. 이제 스니펫에 버튼과 상태 정보를 포함해 인텐트의 일부로 추가 상호 작용을 제공하면서 앱 기능을 Siri, Spotlight, 단축어 앱에 더 많이 가져올 수 있습니다. 이 세션에서는 레이아웃, 타이포그래피, 상호 작용, 인텐트 유형에 관한 지침 등 스니펫 디자인 권장 사항을 배웁니다.
- 새로운 디자인 시스템 알아보기새로운 디자인 시스템을 더 자세히 살펴보고 시각 디자인, 정보 구조, 핵심 시스템 구성 요소의 주요 변경 사항을 알아보세요. 시스템이 인터페이스와 콘텐츠 사이의 관계를 재구성해 여러 기기, 화면 크기, 입력 모드에서 역동적이고 조화로우며 일관된 디자인을 만들게 하는 방법을 배웁니다.
- 새로운 디자인으로 SwiftUI 앱 만들기Liquid Glass가 앱의 디자인과 느낌을 바꾸는 방식을 살펴보세요. 이 멋진 새 재질이 플랫폼 전반의 도구 막대, 컨트롤, 앱 구조를 향상해 만족스러운 상호 작용을 제공하고 앱을 시스템과 원활하게 통합하는 방법을 알아봅니다. Liquid Glass를 최대한 활용하도록 돕는 새로운 API를 도입하는 방법을 배웁니다.
- 새로운 디자인으로 UIKit 앱 만들기새로운 디자인 시스템을 최대한 활용하도록 UIKit 앱을 업데이트하세요. 탭 뷰, 분할 뷰, 막대, 프레젠테이션, 검색, 컨트롤의 주요 변경 사항을 자세히 살펴보고 맞춤형 UI에서 Liquid Glass를 사용하는 방법을 보여드립니다. 일반적인 디자인 지침을 먼저 알아보려면 ‘Get to know the new design system’을 시청하는 것이 좋습니다.
- 새로운 앱 아이콘 디자인 소개밝은 색조와 어두운 색조 및 투명 옵션을 비롯해 iOS, iPadOS, macOS의 새로운 앱 아이콘 표현을 살펴보세요. 서리 낀 효과와 반투명 효과를 사용해 앱 아이콘을 더 생생하고 역동적이며 표현력 높게 만드는 방법과 아이콘이 정반사 하이라이트에 잘 어울리도록 하는 방법을 알아봅니다.
- 아이디어에서 인터페이스까지, 디자인의 기초훌륭한 앱은 명확하고 직관적이며 쉽게 사용할 수 있습니다. 이 세션에서는 앱 디자인으로 기능을 향상하고, 목적을 전달하고, 사용자가 콘텐츠를 탐색하도록 안내하며, 구성 요소를 신중하게 사용해 영향력을 잃지 않으면서 경험을 단순하게 유지하는 방법을 알아봅니다. 이 세션은 모든 수준의 디자이너와 개발자는 물론, 디자인에 관심 있는 모든 사람을 위한 내용이기도 합니다.
- 작은 글쓰기 변화로 큰 효과 만들기플랫폼 전반에 새로운 디자인 시스템이 적용된 지금은 UI 문구도 다시 살펴보기 좋은 시기입니다. 반복을 줄이고 이점을 먼저 제시하는 등의 작은 변화 몇 가지로 앱의 사용성과 명확성을 빠르게 향상하는 방법을 알아보세요.
- 포용적인 앱 디자인의 원칙장애를 이해하는 것이 모두를 위한 더 나은 앱을 만드는 데 어떻게 도움이 되는지 알아보세요. 여러 상호 작용 방식을 지원하고, 맞춤 설정을 제공하고, 손쉬운 사용 API를 도입해 앱을 더 포용적으로 만드는 방법을 살펴봅니다.
- 함께하면 더 좋은 SwiftUI와 RealityKitvisionOS 26에서 SwiftUI와 RealityKit을 원활하게 결합하는 방법을 알아보세요. 애니메이션 및 ConfigurationCatalog 지원 등 Model3D의 개선 사항을 살펴보고 RealityView로 부드럽게 전환하는 방법을 시연합니다. SwiftUI 애니메이션으로 RealityKit 구성 요소의 변경을 구동하고, 대화형 조작을 구현하고, 더 풍부한…
WWDC 2024
15 개 세션- Apple Watch용 Live Activity 디자인하기watchOS 11부터 iOS 앱의 Live Activity가 연결된 Apple Watch의 Smart Stack에 자동으로 표시됩니다. 손목에 맞게 Live Activity 레이아웃을 최적화하고, 알맞은 시점에 적절한 수준의 정보와 상호 작용을 제공하는 방법을 알아보세요.
- Apple 플랫폼용 고급 게임 디자인하기고사양 게임을 Mac, iPad, iPhone에 자연스럽게 어울리도록 조정하는 방법을 알아보세요. 다양한 디스플레이에서 게임을 멋지게 표현하고, 각 기기에서 직관적으로 사용할 수 있도록 입력과 컨트롤을 조정하며, 뛰어난 플레이어 경험을 제공하는 Apple 기술을 활용하는 방법을 설명합니다.
- SF Symbols 6의 새로운 기능모든 Apple 플랫폼의 시스템 서체인 San Francisco와 원활하게 통합되도록 설계된 Apple 아이콘 라이브러리 SF Symbols의 최신 업데이트를 살펴보세요. 새로운 Wiggle, Rotate, Breathe 애니메이션 프리셋으로 인터페이스에 생동감을 더하는 방법을 알아봅니다. 이 세션을 최대한 활용하려면 먼저 WWDC23의 ‘What's new in SF…
- SwiftUI로 맞춤형 시각 효과 만들기SwiftUI에서 멋진 시각 효과를 만드는 방법을 알아보세요. 고유한 스크롤 효과, 풍부한 색상 처리, 맞춤형 전환 효과를 만드는 방법을 배웁니다. Metal 셰이더와 맞춤형 텍스트 렌더링을 사용하는 고급 그래픽 효과도 살펴봅니다.
- UI 애니메이션과 전환 효과 향상하기탐색 및 프레젠테이션에 줌 전환을 도입해 앱의 연속감을 높이는 방법을 살펴보세요. SwiftUI 애니메이션으로 UIKit 뷰를 움직여 흐름이 자연스러운 애니메이션을 더 쉽게 만드는 방법도 알아봅니다.
- UX 글쓰기로 앱에 개성 더하기모든 앱의 개성은 무엇을 말하는지, 그리고 어떻게 말하는지에 드러납니다. 앱의 목소리를 정의하고 축하 알림부터 오류 메시지까지 각 상황에 맞게 어조를 조절하는 방법을 알아보세요. 앱의 목적과 사용자를 구체적으로 정의하고 여러 어조로 글 쓰는 연습을 함께합니다.
- iPadOS의 탭 및 사이드바 경험 향상하기iPadOS 18에는 사용자가 탭 막대와 사이드바 중 원하는 방식을 선택할 수 있는 새로운 탐색 시스템이 도입됩니다. 새롭게 디자인된 탭 막대는 콘텐츠와 다른 기능에 더 많은 공간을 제공합니다. SwiftUI와 UIKit을 사용해 탭 추가, 제거, 순서 변경 같은 맞춤 설정 기능을 제공하고 앱을 더 개인적으로 구성하는 방법을 알아보세요.
- visionOS 몰입형 앱을 위한 맞춤형 환경 만들기Apple Vision Pro에서 시각적으로 풍부하고 성능이 뛰어난 맞춤형 앱 환경을 만드는 방법을 알아보세요. 디자인 지침과 전문가 권장 사항을 확인하고, 어떤 디지털 콘텐츠 제작 도구에서든 몰입형 환경 제작을 시작할 수 있는 기법을 살펴봅니다.
- visionOS에서 맞춤형 호버 효과 만들기사용자가 바라볼 때 뷰를 업데이트하는 맞춤형 호버 효과를 개발하는 방법을 알아보세요. 불투명도, 크기 조절, 클리핑 효과를 결합한 확장 버튼 효과를 만드는 방법을 살펴봅니다. 편안하고 사용자의 손쉬운 사용 요구를 존중하는 효과를 만드는 권장 사항도 알아봅니다.
- visionOS용 대화형 경험 디자인하기Encounter Dinosaurs의 디자이너에게 Apple Vision Pro를 위한 매력적인 대화형 내러티브 경험을 디자인하는 방법을 배워보세요. 이러한 경험이 기존 앱, 미디어, 게임과 어떻게 다른지 알아보고, 관객을 새로운 세계로 이끄는 이야기를 디자인하는 방법을 살펴봅니다. 어떤 공간과 크기에도 적응하고, 누구나 이용할 수 있도록 여러 단계의 상호 작용을…
- visionOS의 게임 입력 살펴보기visionOS 게임을 위한 뛰어난 입력 방식을 디자인하고 구현하는 방법을 알아보세요. 시스템 제스처를 통해 플레이어가 게임과 막힘없이 상호 작용할 수 있는 방법을 알아봅니다. 맞춤형 제스처 및 게임 컨트롤러 지원 권장 사항도 살펴봅니다.
- visionOS의 멀티뷰 동영상 재생 살펴보기AVExperienceController를 사용해 Apple Vision Pro에서 여러 동영상을 재생하는 방법을 알아보세요. 도입 권장 사항을 검토하고, 여러 각도에서 스포츠 중계를 보거나 여러 경기를 동시에 시청하는 사례를 살펴봅니다. 앱에서 매력적이고 직관적인 멀티뷰 경험을 디자인하는 방법도 알아봅니다.
- 뛰어난 visionOS 앱 디자인하기몰입을 받아들이고, 눈과 손에 맞게 디자인하며, 깊이와 크기 및 공간을 활용해 매력적인 공간 컴퓨팅 앱을 만드는 방법을 알아보세요. 뛰어난 visionOS 앱의 여러 사례를 공유하고, 디자이너들이 플랫폼을 위한 새로운 경험을 만들 때 어떤 방식으로 접근했는지 살펴봅니다.
- 시스템 경험을 위한 App Intents 디자인하기App Intents는 컨트롤, Spotlight, Siri 등의 시스템 경험을 지원합니다. App Intents에 가장 적합한 기능을 찾고 매개변수로 인텐트를 유연하게 만드는 방법을 알아보세요. 사용자가 앱 밖에서 동작을 수행하도록 App Intents를 활용하는 방법을 배우고, 맥락 정보를 보여주기 위해 앱 안으로 이동해야 하는 사례도 살펴봅니다.
- 차세대 CarPlay 디자인 시스템 소개각 자동차 제조사가 차량의 개성과 브랜드를 표현할 수 있게 하는 차세대 CarPlay의 핵심 디자인 시스템을 살펴보세요. 계기판, 레이아웃, 동적 콘텐츠 등을 폭넓게 맞춤 설정하고 조정해 고유한 디자인 철학을 표현하고 상징적이면서 차량에 맞춘 모습을 만드는 방법을 알아봅니다. 이 세션은 자동차 제조사, 시스템 개발자, 차세대 CarPlay 지원 시스템을 디자인하는 모든…