设计大佬不会告诉实习生的4个细节
图像上的文字易于阅读为图像添加一个简单的渐变叠加,使文本更易于阅读
圆形卡片元素使用双倍间距
使用完全圆角卡片时,对未圆角的子元素使用双倍间距。这样,UI看起来会更加平衡。例如,我对圆形头像使用了24px的填充,并将未圆形图标的空间加倍。
双倍圆角
当您在形状上使用具有圆角的元素(也具有圆角)时,请在较大的形状上使用两倍大的圆角半径。例如,我为头像容器使用了12px的圆角半径,为卡片使用了24px的圆角半径。
头像添加描边
在彩色背景上使用时,头像往往会融入其中。为避免UI混乱,请考虑为头像添加白色描边。