Onboarding Carousel
新手引导轮播
The first-run screens of an app: big illustration, one benefit per screen, dot indicator, ending in a Get Started button.
iOSAndroidHarmonyOSMobile WebOnboardingFull screenComponent
大白话说明
引导轮播用 3–4 屏把产品最打动人的价值讲完：每屏一个卖点，配图风格统一，底部圆点报进度，最后一屏放开始按钮。右上角常驻「跳过」，老用户和急脾气都不勉强。
什么时候用
产品价值一句话说不清、或核心功能需要先建立概念时，用它争取 15 秒的讲解时间。
什么时候不用
价值一眼明了的工具类产品别硬上引导——直接让人用，第一次操作里再教（渐进式引导）。
细节与变体
- 每屏文案：一句标题（卖点）+ 一行说明，多一个字都是负担
- 插画风格必须统一：人物比例、配色、线条一套到底
- 最后一屏的按钮是整屏唯一的实心按钮，别放第二个 CTA
配套效果见下方「可用效果」。
Matching prompt (fill in & copy)
Effects you can apply
Reference implementations (open source)
- Open Doodles ↗ CC0-1.0 · 免费（CC0）
Hand-drawn free illustrations — doodle people and scenes for empty states and onboarding.
- Open Peeps ↗ CC0-1.0 · 免费（CC0）
A mix-and-match character illustration system — faces, hair, poses combine freely.
- React Native Template Obytes ↗ MIT · 免费（MIT）
A production-grade Expo starter: navigation, state, forms, and tests preconfigured.