虽有规律但也不容易形成记忆,推荐一个公式。
用字号除10后乘以2,再加上字号,就是iOS开发的默认行高,公式如下:
接下来是价格,对于一个商品卡片设计,价格是需要着重突出体现的。
一般设计上要突出一个元素,大概3种方式:一是改变颜色;二是放大;三是加大留白;也就是加大间距。
案例的商品卡片,设计风格价格颜色规范是黑色,所以颜色不能改变。
只能放大或加大留白,放大和留白得在合理的范围内,不然就会破坏卡片的整体结构性。
间距上与标签设置30px的间距,加上文字的行高,视觉上的间距,会成为卡片中最大的间距留白,从而起到突出的作用。
这种设计方法,在一个设计组件中,最好只出现一个,不然整体结构就会有一定程度上的破坏。
另外强调一下,统一性固然重要,但设计的核心是为需求目标服务,所以,这时候统一性的优先级是次于需求目标的。
就像淘宝首页的瓷片区,间距非常紧凑,失去了一定的美感,但这样做确实展示了更多的内容,满足了需求目标。
5、一般字号越大,字与其他元素间距也需要越大;
6、UI设计要结合产品定位等,制定最小栅格基数,然后任何间距要以最小栅格基数的倍数呈现;
7、一个产品中,通常设置6个左右的间距数值,能满足大多数设计的场景;
8、善于使用亲密关系、留白理念、统一性等设计原则,设计前理解需求目标。
👇关注我,下期分享更多实用技能,古德拜了您嘞~