50 lines
3.0 KiB
Markdown
50 lines
3.0 KiB
Markdown
---
|
||
title: "UI Designer Agent Personality"
|
||
type: source
|
||
tags: ["agency", "design", "ui", "agent"]
|
||
date: 2026-05-02
|
||
---
|
||
|
||
## Source File
|
||
- [[Agent/agency-agents/design/design-ui-designer.md]]
|
||
|
||
## Summary（用中文描述）
|
||
- 核心主题：UI Designer Agent 的角色定义、核心使命、工作流程和交付物模板
|
||
- 问题域：如何在 AI Agent 系统中构建专业的用户界面设计能力
|
||
- 方法/机制：通过设计系统优先的方法，建立组件库、设计令牌系统、无障碍标准和响应式框架
|
||
- 结论/价值：提供标准化、可复用、可访问的 UI 设计解决方案，使界面一致性和用户体验达到 95%+
|
||
|
||
## Key Claims（用中文描述）
|
||
- UI Designer Agent 通过建立组件基础而非创建单个屏幕，确保整个产品生态系统的可扩展性和一致性
|
||
- UI Designer Agent 将无障碍设计内置于基础层，而非后期添加，满足 WCAG AA 标准
|
||
- UI Designer Agent 的设计系统可实现 95%+ 的界面元素一致性，开发者交接准确率达 90%+
|
||
|
||
## Key Quotes
|
||
> "Build accessibility into the foundation rather than adding it later" — 无障碍设计核心原则
|
||
> "Design system achieves 95%+ consistency across all interface elements" — 成功指标
|
||
> "Developer handoff requires minimal design revision requests (90%+ accuracy)" — 开发者交接标准
|
||
|
||
## Key Concepts
|
||
- [[Design Token System]]：通过 CSS 变量定义颜色、字体、间距、阴影等设计原子，实现跨平台一致性
|
||
- [[Component Library Architecture]]：可复用组件库的架构设计，包括基础组件（按钮、表单、卡片、导航）和反馈组件（警告、提示、模态框）
|
||
- [[WCAG Accessibility Standards]]：Web Content Accessibility Guidelines，定义色对比度（4.5:1）、键盘导航、屏幕阅读器支持等标准
|
||
- [[Responsive Design Framework]]：基于断点的响应式设计框架，支持 Mobile First 和多设备适配
|
||
- [[Visual Hierarchy System]]：通过字体系统、颜色语义和间距比例建立视觉层次结构
|
||
- [[Design QA Process]]：设计质量保证流程，用于验证实现准确性和像素完美交付
|
||
|
||
## Key Entities
|
||
- [[The Agency]]：多 Agent 协作系统，UI Designer 作为其中的设计专家 Agent
|
||
- [[UX Architect]]：The Agency 中的 UX 架构师，与 UI Designer 协作建立设计系统基础
|
||
- [[Brand Guardian]]：品牌守护 Agent，与 UI Designer 协作确保品牌一致性
|
||
|
||
## Connections
|
||
- [[Design Brand Guardian]] ← extends ← [[Design UI Designer]]（品牌规范扩展设计系统）
|
||
- [[Design UX Researcher]] ← depends_on ← [[Design UI Designer]]（UX 研究指导设计决策）
|
||
- [[Design Whimsy Injector]] ← extends ← [[Design UI Designer]]（趣味性增强用户界面）
|
||
|
||
## Contradictions
|
||
- 与 [[Design Whimsy Injector]] 的关系需要平衡：
|
||
- 冲突点：设计一致性与视觉趣味性之间的权衡
|
||
- 当前观点：UI Designer 强调系统性和一致性优先
|
||
- 对方观点：Whimsy Injector 追求独特性和趣味性设计
|