示例成品 · 平台演示，按左边这组点选真跑出来的
给你做了8张卡，前3张是你点名的，后5张是运营同事也常问的。每张4行，可直接贴到分享文档里。
---
**卡片1｜留白节奏**
| 术语 | 留白节奏 |
|---|---|
| 说人话 | 不是空白浪费，是让眼睛喘口气，像超市货架之间得留出走道。 |
| 网购例子 | 商品图四周不塞满字，你会觉得这家店清爽、好逛；塞满反而想划走。 |
| 这版设计里 | 标题下面故意空一块，是为了让“立即抢购”更显眼；优惠说明可以放下一屏，不用都挤在这里。 |
---
**卡片2｜视觉层次**
| 术语 | 视觉层次 |
|---|---|
| 说人话 | 让眼睛知道先看谁、再看谁，像菜单上有大标题、小说明、价格。 |
| 网购例子 | 先看到商品大图，再看到价格，最后看到“加入购物车”，顺序不会乱。 |
| 这版设计里 | 主标题最大、价格第二、按钮第三；咱们别把“限时特惠”也加到最大，不然主次会乱。 |
---
**卡片3｜信息密度**
| 术语 | 信息密度 |
|---|---|
| 说人话 | 一屏里塞多少字和图。塞得少显贵，塞得多显便宜但累。 |
| 网购例子 | 9块9包邮页红字密密麻麻，确实热闹；品牌官网字少图大，看着贵。 |
| 这版设计里 | 咱们这次想走“高转化但不太low”，所以信息密度控制在中间，不是没内容，是别全堆上去。 |
---
**卡片4｜对比**
| 术语 | 对比 |
|---|---|
| 说人话 | 让不一样的东西看起来明显不一样，尤其是价格和按钮。 |
| 网购例子 | 划线价和现价放一起，你一眼就知道省了多少；如果颜色一样，就没这效果。 |
| 这版设计里 | “到手价”用红色大字，“日常价”用灰色小字，别把两者做成一个样。 |
---
**卡片5｜对齐**
| 术语 | 对齐 |
|---|---|
| 说人话 | 元素按同一条线排，像超市价签排整齐，眼睛扫得快。 |
| 网购例子 | 商品标题、价格、按钮都左对齐，你会觉得页面整齐；东一个西一个就很乱。 |
| 这版设计里 | 这版所有卡片标题和按钮都左对齐；如果某个文案单独居中，整排就会显得歪。 |
---
**卡片6｜亲密性**
| 术语 | 亲密性 |
|---|---|
| 说人话 | 相关信息放一起，不相关的放远点，让用户不看错。 |
| 网购例子 | “满300减30”券紧挨着“立即领”，不会让人误点去商品详情。 |
| 这版设计里 | 优惠规则要贴着“立即领取”按钮，别把规则单独放页面底部，用户找不到。 |
---
**卡片7｜视觉焦点**
| 术语 | 视觉焦点 |
|---|---|
| 说人话 | 一个页面最好只有一个主角，像商场里只挂一个大红色“出口”指示牌。 |
| 网购例子 | 页面只有一个大红“立即购买”按钮，你就知道该点哪；如果三个按钮都红，等于没重点。 |
| 这版设计里 | 这版只让“立即抢购”做成红色，其他按钮灰着，红色只留给最重要的动作。 |
---
**卡片8｜色彩权重**
| 术语 | 色彩权重 |
|---|---|
| 说人话 | 颜色越重越抢眼，所以要省着用，像红笔只能画重点。 |
| 网购例子 | 红色只用在“今日特价”，其他用黑白灰，红就显得特别值钱。 |
| 这版设计里 | 红色只给“立减50”，别把“包邮”“正品”都标红，否则红就不值钱了。 |
点左边「开工 · 直接出成品」，出一份你自己的版本（文字免费）