Skip to content

v0.5.0 - UI/UX Overhaul & Enhanced Glassmorphism

Choose a tag to compare

View all tags
@github-actions github-actions released this 28 Jan 12:09
· 227 commits to master since this release
v0.5.0
9438c85

简体中文 (Simplified Chinese)

✨ UI/UX 重大升级

  • 启动动画 (Startup Animation) 丝滑体验:
    • 引入了高质感的启动动画，通过“从模糊到清晰”的平滑过渡，彻底消除了应用加载初期的生硬感。
    • 优化了入口加载进度反馈，并微调了最短预加载时间，提供更丝滑、更有仪式感的进入过程。
  • 玻璃拟态 (Glassmorphism) 全面重构:
    • 主应用采用了高阶毛玻璃设计系统，大幅提升了视觉通透感。
    • Header & Footer: 引入了更平滑的渐变透明过渡与 backdrop-blur 效果，使界面更加轻盈现代。
    • 推荐卡片: 优化了 glass-card 的不透明度（从 90% 至 80%），完美平衡了信息可读性与背景色彩的穿透力。
  • 画中画 (PiP) 深度优化:
    • 实时主题同步: 修复了 PiP 窗口主题滞后的问题，现在手动切换深浅色模式或跟随系统时，PiP 窗口样式会瞬间实时同步。
    • 全透明背景: 移除了 PiP 窗口内的所有硬编码底色，提供了目前 Web 环境下极致的通透感。
    • 亮色模式适配: 优化了 PiP 模式下的主界面遮罩对比度，确保在浅色背景下依然拥有极佳的视觉体验。
  • 交互与细节:
    • 统一并微调了 Header 所有功能按钮的 Hover 交互状态与间距 (gap-1)。
    • 优化了 Launch Screen 启动动画，提供更丝滑的进入体验。
    • 简化了 Footer 信息布局，将版本号改为精致的透明 Badge 样式。

⚡ 改进与优化

  • 安装包体积精简: 优化了 akagi-ng.spec 打包配置，排除了 chromium_headless_shell 等构建，显著减小了打包产物的体积。
  • 移动端体验简化: 移除了在小屏幕设备上极少使用的全宽“启动游戏”按钮，将视觉重心完全回归至 AI 推荐。
  • 依赖更新: 升级了 lucide-react 到最新版本，并调整了 torch 环境要求至 ~=2.10.0。

🐛 问题修复

  • 修复了 PiP 窗口背景不透明导致影响视觉感观的问题。
  • 修复了多张推荐卡片在悬停时同时发光（Group Hover 误触）的视觉 Bug。
  • 修复了主题切换逻辑中的 resolvedTheme 类型约束问题。

English

✨ Major UI/UX Overhaul

  • Startup Animation Smooth Experience:
    • Introduced a premium entree animation for the Launch Screen with a blur-to-sharp transition, eliminating visual jars during app initialization.
    • Enhanced loading progress feedback and refined pre-loading timings for a smoother, more ritualistic user entry.
  • Next-Gen Glassmorphism:
    • Reimagined the UI with a high-order glassmorphism design system.
    • Header & Footer: Implemented smoother gradient transitions and backdrop-blur, creating a lightweight, premium feel.
    • Recommendation Cards: Refined glass-card opacity from 90% to 80%, perfectly balancing text readability with background color translucency.
  • Enhanced PiP (Picture-in-Picture) Experience:
    • Real-time Theme Sync: Fixed theme lagging issues. The PiP window now synchronizes with the main window's theme classes (Light/Dark) instantaneously.
    • Full Transparency: Removed all hardcoded background colors within the PiP window for maximum visual clarity.
    • Light Mode Refinement: Adjusted the PiP overlay contrast in light mode to prevent "over-darkening," ensuring clear visibility across all themes.
  • Interactions & Details:
    • Standardized and refined hover states and spacing (gap-1) for all header action buttons.
    • Optimized Launch Screen animations for a seamless entry transition.
    • Streamlined Footer layout with a new transparent-style version badge.

⚡ Improvements

  • Build Size Optimization: The akagi-ng.spec packaging configuration has been optimized, excluding artifacts such as chromium_headless_shell, which significantly reduces the size of the packaged output.
  • Mobile UX Simplification: Removed the redundant "Launch Game" button on small screens to focus strictly on AI recommendations.
  • Dependency Updates: Bumped lucide-react to the latest version and updated torch requirement to ~=2.10.0.

🐛 Bug Fixes

  • Fixed background opacity issues in the PiP window.
  • Fixed a visual bug where hovering over one card would trigger glow effects on all cards (Group Hover fix).
  • Resolved type constraint issues for resolvedTheme in the theme switching logic.

Full Changelog: v0.4.3...v0.5.0

Assets 3
Loading