UI细节|关于卡片圆角的设计方法

鲸呼教育 2023-01-13 15:55:28

哈喽!这里是你们熟悉的小鲸。在UI设计中,经常会有一些小伙伴们关注不到的小细节,比如卡片圆角的设计方法。

卡片内继续嵌套卡片时一般都会有圆角,外部卡片的圆角和内部卡片的圆角大小如果一样,视觉上会很不和谐的。

那么两个卡片的圆角要如何计算呢?计算方法:内矩形圆角是外矩形圆角的1/2(如外矩形的圆角是20px,那内矩形的圆角是10px)

明白了吗~#圆角#设计#UI设计#卡片设计

0 阅读:9