打开任何一个电商页面，简单最先撞进眼睛的排版不是商品详情，是简单那张横在顶部的banner。它不说话，排版但已经替你决定了要不要往下滑。简单我做过一个粗糙的排版测试：把同一款咖啡豆的banner从“精修摄影图+三行卖点文案”改成“纯色底+一行大字+一个按钮”，点击率掉了四成。简单问题不在图好不好看，排版在于信息层级乱了。简单用户眼睛扫过去，排版不知道先看什么，简单干脆什么都不看。排版

简单排版的简单核心就一句话：让视线有路可走。这条路通常是排版从左到右、从上到下，简单但banner是个例外——它太窄了，横向空间有限，纵向又不够高。所以最常见的做法是左图右文或者左文右图，把画面切成两块。左边放人物或产品，右边放标题和按钮，中间留一道呼吸缝。别小看这道缝，它比任何装饰线条都管用。我见过一个卖护肤品的banner，左右两块几乎贴在一起，文字挤在图片边缘，读起来像在菜市场喊话。

字号对比是另一个被低估的东西。很多人把主标题、副标题、按钮文字设成差不多大小，结果整张banner像一份通知。主标题至少要是副标题的1.5倍，按钮文字可以比副标题再小一点，但颜色要跳出来。比如主标题用深灰，按钮用品牌色，副标题用浅灰。三个层级，三秒钟能看完。有个做宠物用品的客户，主标题写“猫粮买一送一”，副标题写“仅限本周”，按钮写“立即抢购”。改之前三个字号一样大，改之后主标题放大到48px，副标题24px，按钮文字18px但加了圆角背景。转化率涨了，不是因为文案变了，是因为眼睛不累了。

留白不是浪费。banner的边距至少留出20px，元素之间至少15px。有人觉得空着可惜，塞个图标、加条装饰线、再放个二维码。结果用户连主标题都找不到。我自己的习惯是：先摆好文字和按钮，再决定要不要加图。图是为文字服务的，不是反过来。见过一个卖鞋的banner，背景是跑鞋特写，但文字直接压在鞋面上，白色字叠在白色鞋带上，完全看不清。后来把鞋移到右边，左边铺一层半透明黑色蒙版，字就跳出来了。蒙版别用纯黑，用深蓝或深灰，透明度30%左右，既压得住背景，又不显脏。

颜色别超过三种。主色、辅色、强调色。主色占60%，辅色30%，强调色10%。强调色只给按钮或最关键的那个词。比如“限时五折”，只把“五折”标成红色或橙色，其他字用黑色。有人把整行字都标红，等于没标。还有个细节：按钮别用纯黑或纯白，用品牌色，圆角4px到8px，别太圆，太圆像玩具。按钮里的文字用动词，“立即购买”比“了解更多”好，“领取优惠”比“点击这里”好。

对齐方式决定气质。左对齐最安全，适合大多数banner。居中对齐适合节日促销，但文字不能超过两行。右对齐很少用，除非左边有很强的视觉引导。我见过一个左对齐的banner，主标题、副标题、按钮全部左对齐，但按钮和文字之间隔了40px，看起来像两个独立的模块。对齐的秘诀是：找一个看不见的竖线，所有元素的左边缘都贴在这条线上。这条线通常在banner宽度的1/10处。

最后说个反常识的：banner不需要好看，需要好读。好看是设计师的自我满足，好读是用户的真实需求。你去看那些转化率高的banner，往往很“素”——白底、黑字、一个彩色按钮。没有渐变、没有阴影、没有立体字。因为用户扫一眼的时间不到两秒，任何需要“欣赏”的设计都是障碍。简单排版不是偷懒，是把力气花在刀刃上。