灵感与参考

当前网站已经形成的视觉参考

来源 可借鉴点 已落地位置
现代图书馆工作台 深绿、米色、低噪声、强调可读性 登录页、侧边栏、全局背景
后台管理系统 筛选卡片、表格、分页、弹窗表单 图书、读者、借还、用户管理
数据看板 指标卡片、趋势图、分类图、排行图 运营概览
读者门户 横幅、卡片式图书浏览、自助操作 图书检索大厅、我的借阅

设计上喜欢的点

  • 登录页的品牌叙事文案清楚,适合作为系统第一印象。
  • 深绿侧边栏与米色页面背景形成稳定、安静的图书馆气质。
  • 图书卡片比纯表格更适合展示封面和库存余量。
  • 借还服务使用 Tab 分区,符合柜台业务流程。
  • 运营概览使用 ECharts 让系统不像单纯 CRUD。

后续优化可参考

  • 图书卡片可增加更稳定的封面比例和统一高度,避免内容长度导致卡片参差。
  • 读者端可以进一步减少管理后台味道,让检索大厅更像轻量书架。
  • 借还柜台可以强化“已选读者 + 已选图书 + 确认出借”的步骤感。
  • 移动端表格可考虑卡片化摘要,因为当前横向字段较多。

避免的设计套路

  • 不要改成大面积蓝紫渐变后台。
  • 不要使用过多装饰性发光和浮动元素。
  • 不要把每个区块都做成巨大营销卡片。
  • 不要牺牲表格密度,馆员需要快速扫读。