票据投资者 APP · 移动端 UI
深空蓝设计系统 / 十三张图纸 · 深浅双主题 · 中繁英三语 · 列表双视图 · 290 帧界面 · 01–09 以代码现状为准,10–12 为 v2.0 新增设计
模块索引 INDEX
规格iOS 390 × 844 @3x
主题深空蓝 Light / Dark
版本v1.3.1 + v2.0 草案 · 2026-11-09
00交付说明HTML 可直接双击打开,右上角切换深浅主题

本次交付 DELIVERABLE

  • 13 张设计图纸(HTML):1 张规范 + 12 张模块,共 290 帧界面(01–09 共 137 帧,10–12 共 153 帧)
  • 26 张高清预览图(PNG @2x):深浅各一套,见 预览图-浅色 / 预览图-深色
  • 每张 HTML 右上角有换肤开关;07 多语言另有「简 / 繁 / EN」语言开关
  • 手机尺寸统一 390 × 844 @3x(iPhone 14 / 15 基准)
  • v1.3(2026-10-14)按代码现状重画:布局、文案、数据取 hehui 项目的 mock 实拍与源码;上一版整包归档在 深空蓝_v1.2_归档_2026-10-14.zip
  • v1.3.1(2026-11-03)02 下单页可改项改描边:本次下单规模改成描边输入框、剩余名义本金规模挂在框下做提示(数字可点回到默认填入)、结算币种改成描边选择器(方案稿《下单页可填项突出》方案一);下单页与 03 的 B 类批量购买力确认(O6)两份协议合成一句一个勾;其余图纸不变
  • v2.0 草案(2026-11-06)新增 10 / 11:按 原型/v2.0.0 销售 APP 原型与《客户端.md》设计总收益票据(TRN)客户端全部新页面;先于代码,帧号前缀 R / H / K / E,图注标「v2.0 新增」,需求冲突处的取舍写在 10 的 01 节「待产品确认」
  • v2.0 草案 · 补帧(2026-11-06):对照原型逐页补齐漏画——10 补账户页两个品类 Tab、资产详情、红点、空态、合适性评估、指令已完成 / 撤单 / 全部历史 / 未成交;11 补调仓初始态 / 联想 / 美股 POV / 跟价中 / 校验、列表就地筛选、撤销申请;新增 12 开户与加开交易品类(H5 线上开户,帧号前缀 U)
  • v2.0 草案 · 状态查漏(2026-11-09):按原型全部页面 / 弹框 / 抽屉、产品「全量页面平铺图」55 屏与需求逐项对照,补齐「同一页的另一种状态」——空态、置灰、行内报错、单品类、强平、在途卖出、订单与三类申请各状态的卡片和详情、调仓各指令类型与选择面板、开户各步按钮态与拦截页;10 / 11 / 12 分别增至 58 / 61 / 34 帧,11 新增 05 节「调仓校验与报错文案」
  • 设计基调 TONE

  • 色彩方向:深空蓝 Deep-Space Blue;主题缺省跟随系统,可在「我的 → 外观」切换
  • 品牌色 #1B4FD8 / #5B8CFF,强调色琥珀 #B4700E / #F0A93B;数字 Inter、等宽 Menlo
  • 涨跌色缺省红涨绿跌,可在「我的 → 外观」切换为绿涨红跌
  • 换机构 = 换机构档案(应用名、Logo、持牌信息、品牌配色覆盖),当前机构泓衍票据
  • 平台口径:iOS 为主,底栏与导航栏按设计系统扁平样式画(不画液态玻璃);差异用「仅 APP」「仅 H5」「仅 iOS」标签
  • 本期未上线:B 类票据、开户、资金划转——照 mock 画并标「本期未上线 · 仅 mock」
  • 与需求的差异 DELTA

  • 新增「消息」底部 Tab(三端都有,H5 自绘):底栏由 3 个 Tab 增到 4 个,铃铛与「我的」里的消息中心入口撤除;未读只显示红点;推送前置引导与落点映射(原需求未覆盖)。09 取代 06 的 N1–N5
  • 新增「我的 → 外观」(深浅主题 + 涨跌色)、「我的 → 语言」与登录页语言入口(原需求未覆盖)
  • 新增列表卡片 / 表格双视图:全站 10 个数据型列表(原需求仅持仓)
  • 新增「我的 → 关于」、帮助中心分类与问题详情、升级检查的建议更新;账户信息需求写仅 H5,产品裁决三端都开
  • 其余以代码现状为准:文案取代码(简体 + mock 数据),代码偏离需求处写在各帧图注
  • 01图纸索引点击卡片打开对应图纸