工软云 UI 原型(第一轮)

同一套页面和示例数据,做了三个视觉方向。评审时请选定一个方向,或者指出想要组合的部分,例如“A 的工作台加 B 的首页”。

第二轮:六个视觉方向 按客户模板的宝蓝色系,参考仿真秀、青软和客户示例图重新设计;本轮先做门户首页。 打开第二轮原型

方向 A工业蓝(图纸)

以工程图纸为母题:标题栏、尺寸线和图纸网格组织信息。信息密度高、边界清楚,最能突出“工业软件”的专业定位。

方向 B学院清爽(黑板与坐标纸)

以教室为母题:坐标纸做底,黑板承载最重要的信息,标题用楷体手写感。留白多、语气亲切,适合以学生为主的用户。

方向 C科技深色(仿真视口)

以仿真软件的结果视口为母题:深色底、青色线框,云图色带只用在数据和仿真画面上。科技感最强,长时间阅读的舒适度略低于浅色方案。

怎么看

  • 每个方向都包含 11 个页面:门户首页、课程中心、课程详情、学习页、登录注册、个人中心、教师中心、课程编辑、企业中心、管理端概览、资源审核。
  • 页面右下角的“原型工具”可以切换页面状态(例如外部课程、已下架、待审核)和演示账号。
  • 工具里的“在其他方向打开本页”可以直接对比三个方向的同一页面。

评审时请确认

  • 选哪个视觉方向,或者各方向中要保留的部分。
  • 打开“显示批注”后,页面上的粉色编号是需要确认的业务问题,对应技术方案第 12 章的 C 项。
  • 平台名称、标识和主色目前是占位,正式内容见确认事项 C15。