Invest 投顾跟踪 · UI/UX 全面重设计

原型设计 v2.0 — 待验收

覆盖 16 个核心界面:登录、榜单首页、跟单信号、自选股、组合详情(业绩/交易/持仓)、群聊(搜索 + AI 总结)、股票详情(行情 + AI + 情绪)、全局搜索、设置、推送设置、系统监控,以及管理端(控制台/用户角色/监控任务)。高信息密度紧凑布局(对标同花顺/东财),移动端优先,Web/桌面端同一设计语言响应式适配。管理员与普通用户权限分离:管理功能仅 admin 角色可见且接口鉴权。

01 · 设计规范(Design Tokens)

现代 Fintech 风格:干净底色 + 品牌渐变点缀;A 股习惯红涨绿跌;AI 能力统一用品牌红标识;紧凑高信息密度布局(对标同花顺/东财)。

色彩

品牌 Brand #E03131 → #F2652F(导航、CTA、AI 功能)
涨/买入 #E23A3C
跌/卖出 #0FA958
主文本 Ink #0F172A / 次要 #64748B
页面底色 #F6F7FB / 卡片 #FFFFFF

字体与层级

28 数字大标题

17 页面标题

14 正文

12 辅助说明 · 数字统一 tabular-nums

Inter / PingFang SC;收益率等关键数字加粗 + 语义色。

组件

AI

卡片 16px 圆角 + 轻投影;标签 Pill;弹层底部 Sheet(移动端)/居中 Dialog(桌面端);所有 AI/收益结论固定附带「不构成投资建议」。

02 · 登录

品牌化首屏;登录后长期有效(旧版 7 天过期已解决),支持切换已保存账号。

In

Invest 投顾跟踪

264 个投顾组合 · 1.8万条调仓 · 赢家跟单信号

devintest
••••••••显示

登录即长期有效,无需反复登录

数据来自公开模拟盘,仅供研究参考,不构成投资建议

03 · 榜单首页(Tab 1)

重设计(紧凑高密度):顶部全局搜索直达;「今日信号」横幅前置;榜单为紧凑行式列表(一屏 7-10 行,含迷你曲线/总收益/年化/回撤),点行进详情;赛区横滑 Chips。

投顾榜单

🔔
🔍 搜索组合 / 股票 / 聊天记录
全国总榜 精选组合 华东赛区 华南赛区 华北赛区
今日信号

「超强短线」重仓买入 海星股份 等 3 条新信号

查看 ›
组合 / 主理人近30日总收益 ▾年化
1

题材埋伏狙击 低吸潜伏

华林证券 · 过往畅 · 回撤 -26%

+1186% 126%
2

百点长阳见证 低吸潜伏

国泰君安 · 王长阳 · 回撤 -18%

+263% 89%
3

勇往直前复利号 强动量

中信建投 · 李勇 · 回撤 -31%

+241% 84%
4

超强短线 强动量

华泰证券 · 陈锋 · 回撤 -22%

+218% 140%
5

张统磊 低吸潜伏

申万宏源 · 张统磊 · 回撤 -28%

+208% 96%
6

王牌2号 强动量

中山证券 · 万辉 · 回撤 -15%

+186% 67%
7

低位潜伏 低吸潜伏

东方证券 · 焦贤胜 · 回撤 -13%

+152% 58%
🏆
榜单
信号
自选
💬
消息
⚙️
我的

04 · 跟单信号(Tab 2)

重设计:信号按天分组;每条信号突出「谁 + 买了什么 + 加仓幅度」;顶部汇总条与筛选;点股票进股票详情、点组合进组合详情。

跟单信号

仅收录 年化>20% 组合的 加仓≥30% 买入(10日历史均值 +1.3%,非收益保证)

全部 我关注的组合 我的自选股

今天 · 07-31 3 条

海星股份 603115

+35% 仓位

超强短线 · 年化 58% 成交 ¥18.42 · 14:24

瑞芯微 603893

+30% 仓位

题材埋伏狙击 · 年化 126% 成交 ¥185.50 · 10:47

理由:端侧 AI 放量,芯片设计龙头低位启动

昨天 · 07-30 5 条

恒立液压 601100

+40% 仓位

王牌2号 · 年化 67% 成交 ¥52.10 · 09:54
🏆
榜单
信号
自选
💬
消息
⚙️
我的

05 · 自选股(Tab 3)

重设计:实时行情列表 + 当日投顾动向徽标;顶部聚合「自选情绪概览」;右滑操作(置顶/提醒/删除);空态引导添加。

自选股

5

上涨

2

下跌

3

今日投顾动向

瑞芯微 2 买

603893 · 换手 6.2%

186.20

+4.37%

贵州茅台

600519 · 换手 0.3%

1420.00

-1.12%

海星股份 信号

603115 · 换手 11.8%

18.64

+6.03%

🔔

已开启 ±5% 盘中异动提醒投顾调仓提醒

设置 ›
🏆
榜单
信号
自选
💬
消息
⚙️
我的

06 · 组合详情 — 业绩 / 当日交易 / 持仓

重设计:头部渐变卡集中关键指标与「监控」「跟单」操作;业绩曲线可点选任意日期 → 下方即时展开该日交易明细;持仓行业分布同屏。

题材埋伏狙击

华林证券 · 过往畅

低吸潜伏型 · 成立 2023-06 · 模拟盘

+1186%

总收益

126%

年化

-26%

最大回撤

业绩 聊天 持仓
近一月 近三月 近一年 总收益
05-0407-15 ▾08-04
组合 +58.2%沪深300 +6.1%当日 +2.4%

07-15 交易 2 笔

瑞芯微 603893

仓位 0% → 20% · 成交 ¥185.50 · 10:47

端侧 AI 放量,低位启动

英维克 002837

仓位 16% → 0% · 成交 ¥38.20 · 13:38

持仓行业分布

计算机/半导体 40%

通信设备 25%

机械 15% · 现金 20%

07 · 群聊 — 搜索 + AI 总结

重设计:聊天页顶部常驻「搜索 / AI总结」;AI 总结改为底部 Sheet,结构化展示(来源标识、要点、提及个股 Chips、情绪条、关键发言、免责声明)。左:聊天页;右:AI 总结 Sheet。

王牌2号 · 题材潜伏群
🔍 搜索 ✨ AI 总结 只看主理人

09:32

万辉 主理人

今天加仓了瑞芯微 603893,端侧AI逻辑不变,回调就是机会

小李

半导体今天大涨,科创芯片ETF能追吗?

万辉 主理人

注意仓位控制,别追高涨停股,等回踩
发消息…

AI 总结 · 近24小时

同花顺问财

王牌2号 · 题材潜伏群 · 共 32 条消息

核心观点

主理人看多端侧 AI / 半导体方向,今日加仓瑞芯微至 20%;提醒群友不追涨停、等回踩再上车,整体偏积极但强调仓位控制。

提及个股

瑞芯微 603893 ×5 北部湾港 000582 ×2 中船特气 688146 ×1

群内情绪 偏乐观 +0.6

关键发言

万辉:今天加仓了瑞芯微603893,端侧AI逻辑不变,回调就是机会

总结基于群聊公开发言的自动归纳,不构成投资建议

08 · 股票详情 — 行情 + AI 分析 + 情绪

重设计:从弹窗升级为完整页面;价格区 + 分时/日K切换 + 关键指标带;AI 分析卡(评分环 + 分面要点);新闻情绪流;底部操作栏(加自选 / 提醒 / 跳转东财APP)。

瑞芯微 603893

186.20

+7.80 +4.37%

高 188.4低 178.1换手 6.2%PE 68.5市值 780亿
分时 日K 周K

AI 分析 同花顺问财

72

技术面 近20日 +18%,温和放量突破 60 日高点

投顾动向 近90天 12 买 / 3 卖,2 条赢家重仓信号

消息面 8 条新闻,情绪偏正面(端侧 AI 订单)

综合偏积极 · 不构成投资建议

资讯情绪

正面

瑞芯微端侧 AI 芯片获多家大客户订单,Q2 业绩超预期

中性

半导体板块午后震荡,机构分歧加大

10 · 我的 / 推送设置 / 系统监控

重设计:「我的」聚合账号、同花顺绑定状态、推送设置、监控组合、系统状态;推送设置逐项开关 + 阈值滑杆;系统监控用状态卡。

我的

T

Thomas

同花顺已绑定 · Cookie 保活中

🔔推送设置企业微信已配置
📈监控组合3 个
价格异动提醒±5%
🖥系统监控运行正常
👥第三方账号管理
ℹ️关于 · v2.0
🛡管理员控制台ADMIN

仅 role=admin 可见此入口;普通用户不展示、后端接口同步鉴权

数据来自公开模拟盘,不构成投资建议

🏆
榜单
信号
自选
💬
消息
⚙️
我的
推送设置

企业微信 Webhook

https://qyapi.weixin.qq.com/cgi-bin/webhook/send?key=●●●●
群聊消息推送
跟单信号推送
监控组合调仓推送
自选股盘中异动
异动阈值±5%
±2%±10%

以上均为当前账号独立设置,互不影响其他用户

系统监控

运行时长

6天 4小时

监控群聊

14 全部在线

今日消息

1,283

推送队列

0 积压

数据规模

264

组合

18,256

调仓记录

1,264

跟单信号

调仓同步● 10 分钟前
收益曲线刷新● 今日 16:30
同花顺 Cookie 保活● 2 小时前续期成功

11 · 管理端(仅管理员)

权限分离:role=admin 才显示入口,所有 /api/admin 接口后端鉴权。屏 1-3:控制台总览、用户与角色管理、监控任务运维;屏 4:整站服务开关(关闭即全员强制退出)与升级推送发布;屏 5:普通用户被停服后看到的维护页。

管理员控制台ADMIN

12

用户

8

同花顺账号

14

监控群

0

告警

👥用户与角色管理12 人 · 2 管理员
🔑第三方账号 / Cookie 状态7 正常 · 1 待续期
💬群聊监控任务14 在线
📡数据采集与同步10 分钟/轮
🔔推送队列0 积压 · 10 worker
🏘社区内容管理
整站服务开关运行中
🚀升级推送当前 v2.0.0

今日系统事件

16:30 收益曲线刷新完成(264 组合)

14:20 Cookie 保活:8/8 续期成功

10:05 群 29300 轮询延迟 12s(已恢复)

用户管理+ 新建
🔍 搜索用户名 / 昵称
T

Thomas

同花顺已绑 · 3 监控组合

管理员 编辑
D

devintest

同花顺未绑 · 1 监控组合

用户 编辑
L

lily

已禁用

用户 编辑

编辑:devintest

角色用户管理员
重置密码设置 ›
禁用账号

提升为管理员需二次确认;最后一个管理员不可降级/禁用

群聊监控任务测试推送

12

健康

2

延迟

0

离线

王牌2号 · 题材潜伏群

2s 前

gid 29300 · 推送级别:管理员+含股 · 今日 328 条

低位潜伏群

4m 前

gid 16961 · 推送级别:全部 · 今日 96 条

超强短线交流群

1s 前

gid 30122 · 推送级别:仅含股 · 今日 512 条

调仓同步间隔10 分钟
群消息轮询间隔2 秒

修改后实时生效,仅管理员可调

系统开关 · 升级推送ADMIN

整站服务开关

当前:运行中

关闭后:所有普通用户会话立即失效并强制退出,APP/Web 显示维护页;管理员仍可登录管理端。关闭需二次确认 + 填写维护公告。

维护公告(用户可见)

系统升级维护中,预计 30 分钟后恢复…

发布升级推送

版本号

v2.1.0

更新说明

1. 全新 UI;2. 业绩曲线点选当日交易;3. 群聊 AI 总结…
强制更新(低于此版本不可使用)
同时推送到企业微信

发布后:APP 内弹出升级提示(附 APK 下载/商店链接),Web 端刷新提示;历史版本公告可撤回

🛠

系统维护中

系统升级维护中,预计 30 分钟后恢复。给您带来不便敬请谅解。

停服开关关闭时普通用户被强制退出后看到此页;升级推送则显示「发现新版本」弹窗(可强制)

12 · 交互与响应式要点

关键交互

  • 业绩曲线:点选/拖动吸附最近交易日,松手时加载当日交易;标记实时跟随手指(修复现有拖动延迟)
  • AI 总结/搜索:移动端底部 Sheet,桌面端居中 Dialog;即使群暂无消息也保留工具栏入口(修复现有空态不可达)
  • 信号/自选列表:下拉刷新 + 骨架屏加载;卡片整卡可点
  • 股票外跳:东财 APP → 同花顺 APP → 移动端网页,逐级回退
  • 所有 AI/收益模块固定展示来源标识与「不构成投资建议」

响应式(Web / 桌面)

  • ≥1024px:左侧固定导航栏替代底部 Tab;榜单/信号双列卡片
  • 组合详情:业绩曲线与当日交易卡左右分栏
  • 群聊:会话列表 + 聊天窗双栏(类微信桌面版)
  • 断点 640 / 1024 / 1440,卡片栅格 4/8/12 列

如无异议,将按此设计语言分批改造现有 Expo 前端(先 榜单/信号/自选 三个 Tab,再详情页与设置)。