设计原则

Birdpaper UI 的设计遵循四条核心原则，指导组件的视觉呈现和交互行为。

保持清晰 (Clarity)

界面应当让用户一目了然，信息层级分明，操作路径明确。

• 合理的信息密度：避免信息过载，重要内容突出展示
• 明确的视觉层级：通过字号、颜色、间距建立清晰的层级关系
• 即时的状态反馈：操作后给予明确的视觉反馈（hover、active、loading、disabled）
• 语义化的色彩：用颜色传达含义，而非仅作装饰

保持一致 (Consistency)

统一的视觉语言和交互模式，让用户在不同场景下有可预期的体验。

• 组件风格一致：圆角、阴影、间距遵循统一的 Token 体系
• 交互模式一致：相同类型的操作使用相同的触发方式和反馈
• 命名规范一致：属性名、事件名、插槽名遵循统一的命名约定
• 跨组件复用：通用能力（如 Trigger 定位、ScrollLock）下沉为底层组件

保持高效 (Efficiency)

减少用户的认知负担和操作成本，让任务完成更顺畅。

• 减少操作步骤：函数式调用（Message、Modal）一步完成常见操作
• 合理的默认值：组件属性提供符合多数场景的默认值
• 渐进式披露：复杂功能分层展示，不一次全部暴露
• 键盘和辅助支持：关注无障碍访问体验

保持克制 (Restraint)

设计应当服务于内容，避免过度装饰。

• 适度的视觉表现：动效和装饰点到为止，不喧宾夺主
• 合理的组件粒度：不过度封装，保持灵活性
• 留白的运用：通过间距营造呼吸感，而非填满每一寸空间
• 克制的颜色使用：大面积使用中性色，功能色用于关键信息