筛选与卡片相关的 UI 设计案例和建议。
圆形图片放进小圆角卡片时容易显得突兀。 可以遵循一个简单规则: 外层圆角约等于内层圆角的两倍。精确公式还要考虑两层边框之间的间距, 但这个经验值足够实用。
很多卡片没有明确告诉用户它们可以点击, 只依赖悬停效果或用户经验。 加入清晰的 CTA 按钮和动作文案, 不要把关键行为留给用户想象。
卡片四周使用相同内边距, 视觉结果却可能不平衡。 当边缘元素不是圆形图标而是文字或直角内容时, 可以把这一侧的内边距加倍。