灵感与参考
当前网站已经形成的视觉参考
| 来源 | 可借鉴点 | 已落地位置 |
|---|---|---|
| 现代图书馆工作台 | 深绿、米色、低噪声、强调可读性 | 登录页、侧边栏、全局背景 |
| 后台管理系统 | 筛选卡片、表格、分页、弹窗表单 | 图书、读者、借还、用户管理 |
| 数据看板 | 指标卡片、趋势图、分类图、排行图 | 运营概览 |
| 读者门户 | 横幅、卡片式图书浏览、自助操作 | 图书检索大厅、我的借阅 |
设计上喜欢的点
- 登录页的品牌叙事文案清楚,适合作为系统第一印象。
- 深绿侧边栏与米色页面背景形成稳定、安静的图书馆气质。
- 图书卡片比纯表格更适合展示封面和库存余量。
- 借还服务使用 Tab 分区,符合柜台业务流程。
- 运营概览使用 ECharts 让系统不像单纯 CRUD。
后续优化可参考
- 图书卡片可增加更稳定的封面比例和统一高度,避免内容长度导致卡片参差。
- 读者端可以进一步减少管理后台味道,让检索大厅更像轻量书架。
- 借还柜台可以强化“已选读者 + 已选图书 + 确认出借”的步骤感。
- 移动端表格可考虑卡片化摘要,因为当前横向字段较多。
避免的设计套路
- 不要改成大面积蓝紫渐变后台。
- 不要使用过多装饰性发光和浮动元素。
- 不要把每个区块都做成巨大营销卡片。
- 不要牺牲表格密度,馆员需要快速扫读。