系统架构确定后，进入了UI设计阶段。
对于一个OA系统来说，用户体验至关重要。员工每天都要使用这些功能，如果界面设计不合理，会严重影响工作效率。
一、设计目标
- 清晰直观：功能入口一目了然，操作路径最短
- 高效便捷：常用功能一键直达，减少点击次数
- 统一规范：所有模块保持一致的视觉风格和交互方式
- 响应式：适配PC和移动端，方便随时随地处理工作
二、布局设计
采用经典的管理后台布局：顶部系统名称加用户信息，左侧侧边栏导航，右侧内容区域。
三、色彩方案
主色调选择了蓝色系，因为蓝色给人专业、可靠的印象，非常适合企业级应用。主色为#0071e3，背景色为#fbfbfd，文字色为#1d1d1f。
四、组件设计
每个功能模块都采用了卡片式布局，信息层级清晰。表格支持排序和筛选，表单有完整的验证提示。
五、交互细节
- 表单提交后有明确的成功/失败反馈
- 删除操作需要二次确认
- 列表数据支持分页查看
- 搜索功能支持模糊匹配
六、移动端适配
考虑到管理者可能需要在手机上审批流程，所有页面都做了响应式适配。在手机端，侧边栏自动收起为汉堡菜单，表格自动变为卡片列表。
设计阶段花了不少时间打磨细节，一个好的设计能让用户用得舒心，也能减少后续的维护成本。