← 返回开发时间线

游戏笔记 v0.2.0:海克斯出装 - 界面重构

游戏笔记的英雄联盟首页完成一次面向海克斯大乱斗的整体重构:从视觉氛围、英雄速查到出装公式,统一为更紧凑的暗金战术界面。

2026-08-02

游戏笔记架构

游戏笔记的英雄联盟首页完成一次面向海克斯大乱斗的整体重构:从视觉氛围、英雄速查到出装公式,统一为更紧凑的暗金战术界面。

视觉与导航

  • 新增暗色哥特背景、细金边框与信息层级,桌面端保留可切换英雄联盟与无畏契约的紧凑侧栏,移动端使用抽屉导航。
  • 背景资源采用 AVIF 优先、PNG 回退,兼顾首屏加载与旧浏览器兼容性。

英雄速查与出装

  • 英雄列表调整为 3×4 首屏网格,支持搜索、定位、排序、筛选和分页;173 位英雄均保留可访问的详情内容。
  • 右侧常驻详情面板按四种海克斯等级展示推荐,减少切换时的页面跳动;出装公式独立为整行内容区,避免被高内容面板拉伸。

UI 设计图留档

以下截图按提交 574ea08 复原,记录海克斯大乱斗首页从普通速查页转为暗金战术工作台后的界面。

游戏笔记 v0.2.0 海克斯出装工作台 游戏笔记 v0.2.0 选中英雄后的详情状态