圆角卡片的内边距处理

圆角卡片的内边距处理

UI技巧

0

左侧卡片虽然使用了相同的内边距,但视觉上却显得不协调。

左侧卡片虽然使用了相同的内边距,但视觉上却显得不协调。

左侧卡片在四周使用了相同的内边距,但视觉效果却显得有些不协调。

一个快速的优化方法是:当边缘元素(如图标和文字)不是圆形时,适当调大其内边距。

一个经验法则是:在非圆角边缘处,使用双倍内边距。

更多精彩内容
更多精彩内容

实验

实验可以确定两件事情之间的联系是偶然的还是必然的,并由此测量一件事情对另一件事情的影响。

探索性研究

探索性研究的目标是用户和产品。尤其在不熟悉的领域,探索性研究有助于帮助设计人员从用户的角度考虑问题。

眼动追踪

参与者在使用产品界面或与产品互动时,运用眼动追踪方法收集详细的技术信息,并记录参与者观看(和没有观看)的位置,以及观看的时间。

让复杂产品更清晰,让设计真正推动业务增长。

如果你正在寻找一位擅长复杂产品、设计系统与商业转化的资深产品设计师,欢迎联系我。

开放全职机会与项目合作

Beijing · UTC+8

08:13:29

WeChat: planificatrice

Email:372900498@qq.com

© 2026 YouDesign. All rights reserved.

让复杂产品更清晰,让设计真正推动业务增长。

如果你正在寻找一位擅长复杂产品、设计系统与商业转化的资深产品设计师,欢迎联系我。

开放全职机会与项目合作

Beijing · UTC+8

08:13:29

WeChat: planificatrice

Email:372900498@qq.com

© 2026 YouDesign. All rights reserved.

让复杂产品更清晰,让设计真正推动业务增长。

如果你正在寻找一位擅长复杂产品、设计系统与商业转化的资深产品设计师,欢迎联系我。

开放全职机会与项目合作

Beijing · UTC+8

08:13:29

WeChat: planificatrice

Email:372900498@qq.com

© 2026 YouDesign. All rights reserved.

Create a free website with Framer, the website builder loved by startups, designers and agencies.