UI FLOWKNOWLEDGE SYSTEM

色彩与装饰 · Color & Decoration

平面设计系统
Flat Design System

去掉纹理、复杂渐变和拟物深度,用纯色、几何形状、清晰图标和直接排版建立高效界面。

An efficient style that removes texture, complex gradients, and skeuomorphic depth, using solid color, geometry, clear icons, and direct typography.

交互预览

这是 mianhua UI Glossary 的原生 Preview Runtime,不是静态截图。

可以直接对 Agent 说

请以「平面设计系统 / Flat Design」为核心方向重设计这个界面。

角色:你是一名擅长现代产品界面、图标系统和清晰信息层级的 UI/UX 设计师兼前端工程师。

设计理念:平面设计追求清楚、快速和可扩展,不依赖真实材质或复杂阴影表达层级。

适用场景:移动应用、SaaS、教育产品、工具类页面、设计系统和需要高性能的产品。

视觉要求:使用纯色块、几何形状、清晰图标、有限阴影或无阴影、明确字号层级和一致间距;颜色要服务状态和分组。

交互要求:hover/focus/selected/disabled 需要通过色块、边框、文本和图标清楚表达;不要因为无阴影导致按钮不可识别。

输出格式:先给组件系统和色彩角色,再给布局、图标、按钮、表单、状态、响应式和反例。

相关可运行档案研究

该术语暂未建立精选案例映射,可从馆藏中继续搜索。

返回术语实验室 · 浏览完整馆藏 · 读取术语 API