深色应用壳
参考 Open Screen 的 header/sidebar/content 面板结构,让 H5 首页更像一个可持续扩展的测试工作台。
把 IQ 推理、MBTI 多版本、SBTI 灵兽人格和个人档案收进一个更像产品工作台的 H5 首页。打开即选测试,做完可沉淀结果,也方便继续接入分享与对比场景。
首页从传统卡片门户改成更强识别度的产品壳:固定头部、侧边快捷入口、窗口化测试预览、低饱和深色网格和明确的行动按钮。
参考 Open Screen 的 header/sidebar/content 面板结构,让 H5 首页更像一个可持续扩展的测试工作台。
首屏直接展示测试结果控制台氛围,用现有主视觉资源承接小程序和 H5 的人格测试品牌。
所有测试入口仍使用原有静态路径,视觉升级不会打断已上线的 IQ、MBTI、SBTI 和档案页面。
首页保留一个非常直接的任务流:先选测试,再看结果,最后把结果收进人格档案或用于后续分享。
这版首页不只换皮,也把用户路径讲清楚:入口足够大、预览足够明确、后续档案和分享能力有地方承接。后面继续加新测试时,只要补一张入口卡即可。
首屏看到测试品牌和主入口,不再需要在一堆普通卡片里找方向。
IQ、MBTI、SBTI、娱乐版和档案入口都保持原路径,用户不会迷路。
结果页、档案页和后续分享图链路继续复用现有 H5 能力。