兰亭妙微 B 端界面设计：16 年实战案例 + 落地工具清单（含公司真实项目）

作为深耕 B 端设计 16 年的专业机构，兰亭妙微（曾用简称：蓝蓝设计）始终以 “业务适配 + 效率落地” 为核心，打造了众多行业标杆项目。以下结合公司真实案例与落地工具，拆解可复用的设计逻辑：

一、公司真实案例解析：3 类核心场景设计逻辑

1. 航天军工类管控系统（服务航空某院）

适配场景：军工资质认定、无人机操控等高精度管控场景

项目保密，图片为示 意

• 设计亮点：
  • 采用 “三级权限管控”，操作员、管理员、决策者权限清晰区分，关键操作需双重确认；
  • 任务进度用彩色进度条直观呈现，待办事项以红色角标高亮，评审专家无需复杂查找；
  • 故障告警以悬浮面板锚定右侧，点击直接定位问题源头，同步关联历史数据。
• 核心价值：在保障数据安全的前提下，操作效率提升 70%，满足军工领域 “高精准、严合规” 需求。

2. 金融征信类系统（服务人民银行二代征信项目）

项目保密，图片为示 意

适配场景：多角色审核、长流程数据校验的金融场景

• 设计亮点：
  • 将 “征信报告生成” 拆分为 “数据导入 - 自动校验 - 人工复核 - 结果导出” 四步流程，核心操作集中在首屏；
  • 数据校验结果用绿 / 红 / 橙三色标注，异常项自动弹出修正建议；
  • 操作日志全程留痕，支持权限追溯，符合金融行业合规要求。
• 核心价值：审核员无需频繁跳转页面，90% 工作可在首屏完成，报告生成效率提升 80%。

3. 能源监控类系统（服务）

适配场景：电站实时监控、能耗统计、故障预警场景

• 设计亮点：
  • 核心数据（实时发电量、设备状态、收益统计）做成可视化大屏，绿 / 红标识正常 / 故障；
  • 移动端 + PC 端双适配，运维人员在现场可通过手机提交巡检记录、查看设备参数；
  • 峰值负荷时段自动标红提醒，支持一键跳转故障处理页面。
• 核心价值：中控室实时掌控全站状态，现场运维效率提升 60%，故障响应时效缩短至分钟级。

二、兰亭妙微专属落地工具清单（16 年实战精选）

1. 交互与原型设计工具

• Axure RP：军工、金融类复杂流程原型搭建，支持条件判断、动态面板，精准还原多角色操作逻辑；
• Figma：团队协作原型设计，适配能源监控等多端适配项目，支持实时同步修改意见。

2. 数据可视化开发工具

• ECharts：金融征信数据图表、能源监控大屏开发，开源免费且适配国内网络环境，支持自定义颜色体系；
• GIS 相关工具：国土、能源类项目的地图融合开发（如克拉玛依自然资源政务平台），实现地块信息一键查询。

3. 前端开发与适配工具

• QT/MFC/WPF：军工嵌入式系统（如无人机控制系统）界面开发，保障高稳定性与设备兼容性；
• React + Ant Design：金融、能源类企业级系统开发，组件丰富且符合 B 端操作习惯；
• Bootstrap：移动端适配开发，确保运维人员现场操作的便捷性。

4. 设计规范与协作工具

• 蓝湖：设计稿与前端开发衔接，精准传递颜色、间距、组件样式，确保 1:1 还原；
• 内部项目管理系统：每周现场沟通记录、每日成果反馈、阶段性进度复盘，保障项目按节点交付。