mirror of
https://github.com/wwiinnddyy/LanMountainDesktop.git
synced 2026-06-20 23:54:26 +08:00
40 lines
1017 B
Markdown
40 lines
1017 B
Markdown
# 圆角设计规范
|
||
|
||
## 中文
|
||
|
||
本规范用于统一阑山桌面不同层级容器和控件的圆角尺度。
|
||
|
||
### 基础层级
|
||
|
||
- Level 1：12px，小元素和图标容器
|
||
- Level 2：16px，小型色块和紧凑控件
|
||
- Level 3：20px，普通按钮
|
||
- Level 4：24px，输入面板和小型容器
|
||
- Component：18px，桌面组件的标准圆角（默认值）
|
||
- Level 5：28px，普通玻璃面板
|
||
- Level 6：32px，强化容器
|
||
- Level 7：36px，大容器、窗口、任务栏
|
||
|
||
### 使用建议
|
||
|
||
- 同层级元素保持相同圆角。
|
||
- 大容器的圆角大于内部子面板。
|
||
- 动态尺寸组件可按 `cellSize` 计算圆角，但仍要落在统一范围内。
|
||
|
||
### 动态圆角建议
|
||
|
||
```csharp
|
||
var cornerRadius = Math.Clamp(cellSize * 0.45, 24, 44);
|
||
```
|
||
|
||
## English
|
||
|
||
This specification keeps corner radius usage consistent across containers and controls.
|
||
|
||
### Reference levels
|
||
|
||
- 12px for small elements
|
||
- 20px for common buttons
|
||
- 28px for normal glass panels
|
||
- 36px for large containers and windows
|