Splash asset system
X-Financial Expense 启动页素材系统
这页专门给 Android 开机页使用,不直接复用业务页面卡片。素材分成品牌锁定、深色背景、票据场景、启动动效和 Android 落地规格,后续开发 Compose 或原生启动页时按这里取值。
启动页预览
用于 9:16 Android 手机首屏,登录态检查完成后跳转登录页或首页。
9:41
SECURE EXPENSEANDROID
X-Financial
Expense
Expense
出差申请、票据采集、报销提交、移动审批
本月待处理¥ 3,280
AI 识别
票据已归类
5 张票据 · 2 项待补
审批流已同步
财务复核中 · 待提醒
拍照上传
品牌与 App 图标
App 图标保留双斜票据形态,避免直接使用文字。启动页 Logo 使用 74dp 等比缩放,图标安全区不低于 12dp。
启动 Logo
Launcher Icon
AI 识别
业务状态 Chip
颜色与背景
启动页走深色金融安全感。绿色做品牌,金色只用于识别和进度强调,蓝色用于信息状态。
#061416
启动底色
启动底色
#006B5E
品牌主色
品牌主色
#0F766E
场景渐变
场景渐变
#F5A524
识别强调
识别强调
#F8FAFC
票据纸面
票据纸面
素材拆分
开发落地时建议拆成 5 个可复用素材层,Compose 中可分别写成 Composable。
背景层
AI 识别
票据已归类
5 张票据 · 2 项待补
票据层
拍照上传
状态层
启动动效节奏
控制在 900ms 左右,不阻塞用户进入登录或首页。系统检测慢时只延长进度条,不重复播放动画。
0ms深色底和网格先出现,避免白屏。
160msLogo scale 0.92 到 1,透明度进入。
320ms产品名和定位文案淡入。
520ms票据场景上移 8dp,进度条启动。
Android 落地规格
先走 Android 原生启动,再进入 Compose 首页。冷启动用系统 SplashScreen,业务素材用于第一个 Activity 的过渡页。
windowSplashScreenBackground#061416。系统启动页避免白屏,和业务过渡页底色一致。
windowSplashScreenAnimatedIcon只放 App 图标前景,不放产品文字,防止小屏裁切。
过渡页时长登录态检查完成即跳转;正常 600-900ms,异常最长 1800ms 后进入登录页。
Compose 拆分SplashBackground、BrandLockup、ExpenseScene、LoadingRail 四个组件。
无障碍启动页只设置应用名称 contentDescription,业务装饰图不参与朗读。