Splash asset system

X-Financial Expense 启动页素材系统

这页专门给 Android 开机页使用,不直接复用业务页面卡片。素材分成品牌锁定、深色背景、票据场景、启动动效和 Android 落地规格,后续开发 Compose 或原生启动页时按这里取值。

启动页预览

用于 9:16 Android 手机首屏,登录态检查完成后跳转登录页或首页。

9:41
SECURE EXPENSEANDROID
X-Financial
Expense
出差申请、票据采集、报销提交、移动审批
本月待处理¥ 3,280
AI 识别

票据已归类

5 张票据 · 2 项待补

审批流已同步

财务复核中 · 待提醒

拍照上传

品牌与 App 图标

App 图标保留双斜票据形态,避免直接使用文字。启动页 Logo 使用 74dp 等比缩放,图标安全区不低于 12dp。

启动 Logo
74dp / 58dp / 44dp 三档,深色背景使用。
Launcher Icon
前景图形居中,保留 Android 自适应图标裁切空间。
AI 识别
业务状态 Chip
仅作为视觉线索,不做主操作入口。

颜色与背景

启动页走深色金融安全感。绿色做品牌,金色只用于识别和进度强调,蓝色用于信息状态。

#061416
启动底色
#006B5E
品牌主色
#0F766E
场景渐变
#F5A524
识别强调
#F8FAFC
票据纸面

素材拆分

开发落地时建议拆成 5 个可复用素材层,Compose 中可分别写成 Composable。

背景层
深色底、细网格、顶部柔光,静态即可。
AI 识别

票据已归类

5 张票据 · 2 项待补

票据层
表达拍照上传和 OCR,不显示真实敏感票据信息。
拍照上传
状态层
启动时轻提示,900ms 后淡出。

启动动效节奏

控制在 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,业务装饰图不参与朗读。