主图标题排版三步法，点击率翻倍的秘密

电商主图标题排版完整流程，文字系列收官。

最初我着手进行电商主图制作时, 标题仅是随意打出一行字, 将其颜色更改并放大便算完成, 然而那时一直无法提升点击率。此后观看了具有高点击量的主图, 这才发觉, 人家的标题是具备层次的: 主标题十分醒目, 副标题起到补充作用, 利益点显著突出, 而且字体、字号、颜色、描边、投影各个方面全都有着相应讲究。同样一款产品, 要是标题编排得好, 点击率会相差一倍之多呢。

在前两节课的时候, 们学习了文字基础, 还学习了进阶技巧, 就在今天这一讲, 为们开始进行操作, 将所有的知识串连起来, 完整地走上一遍电商主图标题的排版流程, 以此给文字系列画上最终的句号。

一、电商主图标题的三层结构

一个高点击的电商标题，通常分为三层：

层级

作用

字号

样式

主标题

抓眼球，核心卖点

最大（40-72px）

粗体 + 描边 + 投影

副标题

补充说明，增强信任

中等（20-30px）

常规体，颜色稍弱

利益点 / 标签

促单，制造紧迫感

小但醒目（16-24px）

色块底 + 白字，或红色加粗

重点原则为, 主标题要显得最为醒目, 别的文字绝不能够让主标题遮盖势头。我之前所犯的错误在于, 所有的字大小呈划一, 不存在区分出层次之感, 读者一眼看去无法抓住关键要点。

二、完整排版流程（5 步走）第 1 步：确定主标题

第 2 步：加图层样式（主标题必备）

选中主标题图层，加 fx 样式：

图注: 主标题是一定要加上描边的, 这可是电商图的铁定规律。我当初的时候没有去加描边, 文字放在复杂的背景之上直接就糊成了一团, 根本就看不清楚。

第 3 步：加副标题

第 4 步：加利益点标签

第 5 步：整体对齐调整

进行实操时的实用技巧是, 按下【Ctrl + T】组合键以实现自由变换, 按着 Shift 键来等比例缩放图形, 且请勿使其拉伸致使字体形变得以避免这一情况出现。

三、排版避坑指南

误区 1：所有文字一样大，没有主次

正确：主标题最大最粗，副标题次之，利益点最小但用色块突出

误区 2：主标题不加描边，放在复杂背景上看不清

正确：主标题必加描边，2-4 像素，确保任何背景下都清晰

误区 3：颜色超过 3 种，画面花哨

整图文字颜色的控制范围限定于2至3种以内, 其中包含主色, 还有辅助色以及强调色。

误区 4：用空格对齐文字

正确：用段落面板对齐功能，或选中多图层用对齐工具

误区 5：电脑上看着合适，手机上字太小

正确：排版完缩小到手机尺寸检查，主标题在手机上必须一眼看清

四、文字系列知识点总结

表格

讲数

核心内容

关键要点

21 讲

文字基础

横排 / 直排、点文字 / 段落文字、字符面板、段落面板

22 讲

文字进阶

文字变形、路径文字、图层样式（描边 / 投影 / 渐变）

23 讲

综合实战

电商主图标题三层结构、5 步排版流程

核心口诀回顾课后练习任务

找一张产品图，完整走一遍 5 步排版流程：

粗体加上描边并且带有投影的主标题, 起补充说明作用的副标题, 有着色块并配上白字的利益点标签, 使三者整体对齐之后缩小至手机尺寸, 检查其清晰度, 下一讲预告。

PS工具栏精讲24, 移动工具与对齐, 其中包括图层对齐, 还包括分布, 以及智能参考线, 能实现排版效率翻倍。

文字系列已然正式结束, 随后呢, 我们要开启移动工具以及对齐方面的学习, 而这可是排版效率的关键所在了。

继续浏览有关 电商主图排版技巧 的文章