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