Sketch 中的 Resizing 的正确用法

sketch-resizing-banner@2x.jpg

目前Sketch的版本可以让你通过可视化的形式了解如何设置元素自适应,相比之前版本让人更好理解,同时更轻松的完成,让我们一起来看看如何操作 ~

基础指南

首先我们来了解Resizing里面的几个参数的意义:

Fix Width 固定宽度

让你的元素固定宽度(按X轴),无论包裹容器如何缩放,它的高度都不会发生变化。

Fix Height 固定高度

跟固定宽度一样,这里我们固定元素的高度(按Y轴)。

Pin Object 固定位置

将元素固定在包裹容器的绝对位置

  • Top:上边
  • Right:右边
  • Bottom:下边
  • Left:左边

了解完基础,下面通过几个案例来实践一下如何使用。

操作演示

基础操作

组合操作

多个元素的多种组合

稍后我会准备一个完整的实例演示,敬请期待 ~

标签: sketch, resizing, 自适应

添加新评论