Ui
用户界面(UI)
用户界面(UI)设计是指设计师设计的用户界面,是用户与产品之间的桥梁。用户界面设计是一个复杂的过程,其中包括设计、测试和改进。设计师必须考虑用户的需求、产品的功能和用户界面的外观。用户界面设计是一个交叉学科,涉及心理学、设计、计算机科学和其他领域。
用户界面
用户交互控件分类?
见:User-Interface Elements: Glossary
可访问性
色彩变体
node-vibrant 的色彩变体说明(GPT5)
| 类型 | 色彩特征 | 适用场景 |
|---|---|---|
| Vibrant | 图片中最鲜艳、饱和度高的主要颜色 | 适合用于 高亮元素,如按钮、呼吁性 Banner、标题背景,增强视觉吸引力 |
| Dark Vibrant | 主色调的较暗版本,饱和度仍较高 | 适用于 深色背景、强调区块、悬浮层底色或需要与浅色文字形成强对比的区域 |
| Light Vibrant | 主色调的浅亮版本,柔和且明快 | 可用于 提示性背景、卡片顶部、渐变高光、引导用户注意的轻量元素 |
| Muted | 主色调的低饱和版本,色彩更柔和 | 适合做 低调背景、辅助色块,适用于不希望颜色抢占内容注意力的设计 |
| Dark Muted | 较暗且低饱和,沉稳不张扬 | 用于 内容底色、边栏背景、深色主题中需要柔和感的部分,制造沉静氛围 |
| Light Muted | 浅色、低饱和,非常柔和 | 适合用于 淡背景、分隔区域、弱提示信息,不会打扰主要内容的呈现 |
💡 设计建议
- 在渐变背景中,主色可选 Vibrant,然后搭配 Muted / Dark Vibrant 来形成层次感。
- 如果页面需要更温和的视觉效果,可用 Light Vibrant + Light Muted 做柔和渐变。
- 深色风格界面中,可用 Dark Vibrant + Dark Muted 来保持整体稳重,又不失层次。