一、页面风格设计（/model/）
适用于政府机关、国企、档案馆、金融、制造业等各类组织，在系统建设前期协助客户确认 UI 风格偏好。
二、Titan UI 组件库（/titan-ui-demo/）
行业场景：适用于中大型企业管理系统、政务平台、后台管理类项目的开发前期，帮助产品经理、设计师、客户方统一对组件交互规范的认知，确保后续开发出来的页面在交互体验上保持一致。尤其适合多团队协作的大型项目，组件库可作为前端开发的统一基座，避免各模块各自为政。
三、两者配合使用的价值
工具 解决的问题 使用阶段
页面风格设计 “产品长什么样？”——确认整体视觉调性 设计前期
Titan UI 组件库 “交互细节怎么做？”——确认组件行为规范 设计 + 开发前期
两者组合，客户可以先在风格库中选定 1~2 种偏好风格，再在组件库中确认具体交互细节，在未写一行代码之前完成“设计确认”，大幅降低沟通成本和开发返工风险。
一、页面风格设计（/model/）
功能介绍：该页面提供了 100+ 种可交互的 UI 风格原型，每种风格都围绕“智慧档案”这一业务场景设计了完整的页面 Demo。风格覆盖极简现代风、暗黑科技风、中国古典风、敦煌壁画风、赛博朋克风等，客户可以直接点击预览每种风格的完整页面效果，直观感受不同设计语言下的产品面貌。
二、Titan UI 组件库（/titan-ui-demo/）
功能介绍：这是一个企业级前端组件展示平台，按功能将组件分为 8 大类共 70+ 个组件：
布局与壳层（7 个）：页面骨架与结构组件
通用组件（9 个）：按钮、图标、开关、标签、卡片等
数据录入（7 个）：输入框、选择器、日期、上传等
数据展示（15 个）：表格、分页、统计、时间线、骨架屏等
反馈与通知（10 个）：对话框、消息提示、加载、抽屉等
表单与交互（10 个）：下拉菜单、标签页、拖拽、虚拟滚动等
可视化与图表（10 个）：图表、看板、词云、二维码、手写签名等
工具组件（13 个）：剪贴板、全屏、空闲检测、代码查看器等
页面支持按 / 快速搜索组件，方便客户快速定位到关心的组件类型。
1、页面原型设计风格确认器
https://www.mengkeda.cn/model/
2、基于vue的自建titan组件库风格
https://www.mengkeda.cn/titan-ui-demo/
3、公共工具库
https://www.mengkeda.cn/tools/
评论