圆角
2022-04-18 10:54:15

圆角

V20在V15的基础上做了很多改动,最直观的感受之一就是圆角变大了,以下是现在的一些设计参数;

统信UOS UI设计里圆角主要只有这两种,18px,8px;(有部分使用50%圆角的按钮暂不做讨论)

tips:以上参数是相对于1倍窗口缩放而言,真正使用的原角度数需要X窗口缩放倍数,比如当前屏幕缩放是2,圆角是18X2和8X2。

18px圆角使用场景

1.独立窗口

如应用主窗口、关于窗口、系统通知等。

2.对话框

3.浮动工具栏、浮动提示

4.菜单/popup窗口

5.网格视图的item选中背景

6.OSD屏幕显示

7.其他部分场景

8px圆角使用场景

1.控件背景

2.区域背景