Files
ai-contract-platform/project-docs/ui-design-shotgun-2026-07-04/README.md
T
yuqei a3bb78e06b
Security Quality Gate / npm audit, Bandit, pip-audit, detect-secrets (pull_request) Failing after 16m35s
release: freeze V2 release candidate
2026-07-12 15:32:24 +08:00

1.8 KiB
Raw Blame History

AI 合同平台 V2 UI 视觉方向稿

本轮采用 design-shotgun 流程,但不使用旧 gstack 运行时。目标是在保留 V2 左侧导航 + 右侧内容区结构的前提下,探索更高档、更适合法务运营的视觉方向。

截图:variant-a.png

定位:高端企业法务中台。深色侧栏、暖象牙画布、金色主操作、墨绿信任色。

适合场景:客户演示、管理层汇报、正式交付版本。

判断:建议优先采用。它比当前界面更有品牌感和高级感,同时没有牺牲 V2 的清晰结构。

方向 B:Regulated Finance Console

截图:variant-b.png

定位:监管金融级办公控制台。冷静白底、冰蓝强调、石墨侧栏、细边框、高信息密度。

适合场景:长时间办公、合同运营人员高频处理、低视觉干扰。

判断:业务效率最好,但高级感略弱,整体更像标准 SaaS 控制台。

方向 C:Legal Knowledge Studio

截图:variant-c.png

定位:法律知识与文书工作室。深葡萄色侧栏、纸张质感、酒红和铜色强调。

适合场景:突出法律专业、法规依据、文书交付和知识库能力。

判断:质感强,但风格更有个性,可能需要更多页面逐个打磨,落地成本略高。

建议

优先选 A 作为 V2 主视觉基线,再吸收 B 的信息密度和 C 的文书/法律依据质感:

  • 全局框架:采用 A 的深色侧栏、暖色画布、金色主按钮。
  • 表格和列表:采用 B 的清晰边框和紧凑扫描效率。
  • 法律全文、文书起草、审查报告:局部吸收 C 的纸张和依据卡片质感。

产物

  • 对比板:visual-directions.html
  • 完整长图:visual-directions-board.png
  • 方向 A:variant-a.png
  • 方向 B:variant-b.png
  • 方向 C:variant-c.png