탐색MobileiOS 앱 온보딩·트래킹 화면 4분할 쇼릴 — 다크 모드

1 / 1

2×2 사분면에 네 대의 아이폰 목업을 두고 다크 모드 앱 화면을 흘려보내는 동영상이다. 로그인·OTP·생년월일 피커 온보딩, 주황 계열 설득형 온보딩, 초록 계열 복약 트래킹 대시보드와 캘린더, 배지·스트릭 공유 화면이 순차 전환된다.

Mobile

iOS 앱 온보딩·트래킹 화면 4분할 쇼릴 — 다크 모드

2026-08-15 · 동영상 1

X에서 보기

AI 분석

네 개의 다크 모드 iOS 앱 화면을 사분면으로 동시에 흘려보내는 앱 디자인 쇼릴이다.

화면을 2×2 사분면으로 나누고 각 칸에 서로 다른 iOS 앱의 목업 폰을 배치해 네 흐름을 동시에 스크롤시킨다. 네 앱 모두 거의 검은 배경을 공유하지만 사분면마다 파랑, 주황, 형광 초록, 뉴트럴로 강조색을 분리해 구분되며, 배경은 각 브랜드 색이 번지는 소프트 그라데이션과 글로우로 처리된다. 산세리프 굵은 헤드라인과 큰 수치 타이포가 위계를 잡고, 소셜 로그인 버튼, OTP 입력, 날짜 휠 피커, 진행 표시 바, 링 게이지 카운트다운, 캘린더, 통계 카드, 3D 배지 그리드, 공유 시트 같은 컴포넌트가 순차로 등장한다. 온보딩부터 핵심 화면과 성취 공유까지의 전체 플로우를 한 화면에서 비교할 수 있어 다크 테마 모바일 앱의 흐름 설계와 강조색 운용 레퍼런스로 유용하다.

dark-mode · minimal · high-contrast · 3d · soft-gradient

3d animation badge calendar card-grid dark-mode design-system form high-contrast mobile-first onboarding progress stat-card ux-flow

claude-opus-5 · 2026-09-07 05:10 · 신뢰도 0.78

Jay Dwivedi

@jaydwivedi_ · 팔로워 42.1K

작가 페이지 X

원본 트윗

Building is getting easier. Standing out is getting harder. A collection of apps we’ve designed for people who care about the details. Now taking on new app design projects.

좋아요 261 · 리트윗 11

x.com/jaydwivedi_/status/2088638188445425886