避免信息分散,让信息更加聚焦,整体采用卡片式设计。并可以根据人的阅读视线和关注度,让重要信息置于顶层便于操作,同时模块的配置也更独立便捷,更适合产品的快速迭代。
阴影
卡⽚拥有相同的厚度,为1pt 。卡片受相同的光源影响,只调 整Y轴数值,考虑⻚⾯整体稳定的色彩倾向,使用⾊值为#E2E4EA的阴影颜色 ,提供四种阴影高度来表达不同的信息层级,在页⾯中使⽤,建议不超过3种阴影⾼度。
卡片圆角
保证金融安全可靠的基础上,表达年轻有温度,因此设定了一个圆角度范围(8-40),面积和圆角成正比,面积大圆角大,面积小圆角小。
主卡片、主按钮
半浮层