返回博客
开发者日记4 分钟阅读

在 Pinterest 一直起不来,直到我开始用这 5 种网格布局

只发单图根本不行。下面是我开始用的具体 Pin 布局,以及我怎么做出它们的全过程。

我刚开始用 Pinterest 给个人项目引流时,策略非常糟糕。我只是上传标准、未编辑的照片,加个标题,然后祈祷有人点。不出所料,没人点。

我花了一整个周末分析我所在领域里表现最好的 Pin。我发现一个明显的趋势:最成功的 Pin 都不是单张照片,而是高竖版的拼贴和网格,用视觉讲一个故事。

我开始做自己的排版工具 9grid,专门用来快速生成这些 Pin 格式。下面是真正给我带来效果的 5 种布局。

1. 竖向三分(3×1 网格)

这是我做任何教程或流程类内容的首选布局。

通常我把「之前」放最上面、「过程」放中间、「之后」放最下面。这种顺序会强行让人停下滑动,因为大脑天然想顺着顺序看完。

我的工作流:

  1. 把主图上传到 9grid。
  2. 选「1×3」竖向布局。
  3. 把比例调成 2:3(Pinterest 的黄金比例)。

2. 拼图网格(2×2 或 3×3)

每次我发一组 UI 设计或情绪板时,普通拼贴看起来都很乱。

我发现严格的 2x2 网格看起来非常专业。我会在相邻方格里用高对比度颜色,让它在 Pinterest 信息流里更跳。

3. 「故事长条」(1×5)

Pinterest 喜欢异常高的 Pin。我说的是那种 2100×5000px 在手机上占满整屏的怪兽。

我用 1x5 竖条做食谱或代码片段。从上到下形成自然的阅读流,让用户停留在我的 Pin 上更久。

4. 主图突出

有时候我有一张主图加几张细节图。我会做一个自定义布局:上 2/3 放主图,下 1/3 切成两张小细节图。这样既提供背景,又不会稀释主视觉。

5. 「伪轮播」

Pinterest 用户喜欢 Instagram 轮播的美学。所以我开始设计看起来就像 Instagram 轮播预览的 Pin——并排展示 3 个东西。这会在潜意识里告诉用户:点进来还有更多内容。

我学到的几个惨痛教训

永远坚持 2:3:我以前发方图,错得离谱。1000×1500px 是甜蜜点,更宽的图都会被信息流淹没。
文字必不可少:我大多数 Pin 都扑街了,直到我开始加加粗、好读的文字叠加。
不要再发模糊截图:Pinterest 会明显压缩图片。请从足够高的分辨率开始;文字较多的图形选 PNG,照片则选高质量 JPG/WebP。

来亲自试试

我做 9grid 是为了让自己的 Pinterest 工作流更快,但我把它开放给所有人免费使用。来试试。

打开 9grid →

相关推荐