komari主题

看看下班前摸鱼摸出来的komari主题 <AEMEATH / 爱弥斯>

一个围绕《鸣潮》爱弥斯氛围设计的 Komari Monitor 主题。它不把角色资料塞进监控首页,而是把星炬航线、长航星辉、心核脉冲与隧者的跃迁轨迹,转成一套用于查看节点状态的界面语言。

爱弥斯主题完整首页

做了什么

观测体验 节点与数据 适配与配置
深色星野、随机闪烁星光与低频流星;人物作为右侧视觉锚点,不遮挡状态信息 首页实时遥测、节点详情、拨测、分布地图、账单页面均可直接进入 电脑、平板、手机响应式布局;中文 / English 与明暗外观可切换
星门轨道、心核脉冲、星炬航迹和隧者框架作为界面装饰,而非单独的角色展示区 负载、延迟、流量等曲线可悬浮查看精确时间和值;滚轮以指针所在时刻为中心缩放,双击恢复全量窗口 后台可配置站点名展示、首页文案、背景模式、节点排序、默认布局、信号指标与告警阈值
节点卡片和页面切换带有克制的过渡,保留运维面板应有的信息密度 分布地图支持鼠标滚轮缩放、自由拖拽、复位;同区域节点会展开,避免点位重叠 节点卡片支持双列、三列、四列;后台设默认值,访客可临时切换

预览与交互

左侧承担概览和状态阅读,右侧人物贴边融入星门、航轨和心核能量;角色元素服务于信息层级,而不是覆盖数据。

image

image

image

功能说明

  • 实时数据:直接读取 Komari 的公开节点、实时客户端、历史负载和 Ping 记录接口,不以静态数字伪装实时状态。
  • 可缩放图表:首页信号、拨测综合曲线、拨测节点延迟、节点 CPU 负载、节点延迟轨迹均支持悬浮提示和滚轮时间窗缩放;图表只放大已有记录,不会补造采样点。
  • 拨测追踪:可由后台指定综合曲线采用哪些节点;每个节点可进入 24H / 48H 的完整公开延迟记录与丢包统计。
  • 节点详情:展示 CPU 型号、核心 / 线程、架构、系统、内核、内存、磁盘、网络接口、公开地址等节点上报字段;接口没有返回的数据会明确显示为未上报。
  • 分布地图:缩放以光标位置为锚点,支持拖拽、按钮缩放和双击复位;相同区域的节点环形展开,仍可逐台查看。
  • 账单按需出现:没有节点公开配置价格时,账单入口与页面自动隐藏。
  • 布局与排序:节点按后台权重升序、降序或接口原序排列;双列、三列、四列均为真实网格,而不是缩小卡片的视觉假象。

设计取向

爱弥斯的角色表达被收敛为几个可感知、但不喧宾夺主的信号:星炬式导航、长航的星辉、胸前心核的脉冲、隧者的结构航轨,以及飞行雪绒般的星芒。它们和在线状态、路线、图表、地图共享同一套光色层级,让页面在数据变化时仍像一套完整的观测终端。

默认保留克制的暗色底和冷白文本,用绯色表现核心与焦点、青色表现链路与可用状态、金色表现导航星点与聚合信息。亮色模式不会简单反相,仍以可读性为优先。

参考与致谢

 

  • 爱弥斯相关的角色设定仅作为视觉灵感来源;主题的界面、交互、布局与实现均为独立设计

感兴趣人多的话后面再发出来。
站点:https://gov.yachts

原创文章,作者:mantou,如若转载,请注明出处:https://v2ez.com/1732.html

(0)
mantoumantou
上一篇 2026年8月23日
下一篇 2021年4月20日

相关推荐

发表回复

登录后才能评论