一张宽条：让整幅风景图横跨时间线

一张宽条利用了 X 本身为宽图留出的空间：共六条，第一条宽度为媒体栏的 80%，其余五条细条分享剩下的部分。当第一张或第二张图片达到这个宽度时，X 会降低整排高度以适配栏宽，所以风景图能在时间线内完整显示，而不会超出边缘。比 3:2 宽得多的图片会碰到 X 的最低整排高度，两侧各被裁掉一小条。

调出你自己的版本

• 01

  宽条放第二

  把“宽条”设为“第二张”，宽条前面会多出一条细条，画面中没有间隙穿过的部分会稍稍右移。

• 02

  减少细条

  把“条数”降到 3 或 4，细条会更容易看清；条数太多时，宽条旁边剩下的 20% 栏宽就太窄，不够分。

常见问题

使用方法

1. 01

   添加图片

   上传一张图片，或从图库中选一张。4:5 或更高的图片能在时间线内完整显示；更宽的图片会超出边缘，引人滑动查看。

2. 02

   调整整排

   选择 2 到 20 条、整排宽度，以及要匹配间隙的时间线。拖动长条边缘可加宽它，拖动图片可移动裁剪，双击边缘则变为等宽长条。

3. 03

   下载并发布

   登录免费的 UX Pilot 账号，即可下载一个 ZIP，每条一张 PNG，按顺序编号，然后按这个顺序把它们全部添加到同一条帖子里。