网站留白设计｜用留白撑起轻奢高级感

一、轻奢留白核心逻辑

二、全站留白尺寸标准（直接套用）

1. 页面左右留白

   桌面端：左右内边距统一 60-80px

   不贴边、不撑满全屏，两侧留足透气白边

2. 板块上下留白

   大区块间距：70-90px

   小标题与正文间距：25-35px

   按钮 / 图文底部留白：40px

3. 内容内部留白

   文字行间距：1.7-1.8（轻奢必备）

   卡片内边距：35px

   图片四周留白：20px 起

三、五大轻奢留白用法

1. 首屏超大留白（氛围感最强）

• 首屏只放一行主标题 + 一行副标题 + 一条细金线

• 其余大面积留白，图片只占局部，不铺满

• 视觉重心居中，上下全空，瞬间拉高档次

2. 图文错位留白

• 文字靠左 / 居中，图片靠右，中间大面积留白隔开

• 不图文紧挨着，用空白做视觉分割，极简又大气

3. 产品展示留白

• 产品单列 / 双列，拒绝三列四列拥挤

• 产品卡片之间横向间距≥45px

• 产品图上方、下方预留大片空白，少加文字介绍

• 只留品名 + 简短 slogan，其余全部留白

4. 导航 & 侧边极简留白

• 顶部导航菜单间距拉大，菜单之间留空

• 取消繁杂二级弹窗，精简栏目，靠留白显利落

• 底部 footer 大面积浅底色留白，只放核心信息

5. 色彩留白（隐形轻奢留白）

四、留白排版禁忌（一踩就廉价）

1. 文字密密麻麻挤满版面，无行空、无段空

2. 图片塞满每一个角落，不留空隙

3. 功能按钮扎堆摆放，间距过小

4. 页面塞满图标、装饰、营销小字，破坏留白意境

5. 移动端挤压留白，小字拥挤失去轻奢感

五、不同页面留白实操

• 首页：70% 留白，30% 核心内容，主打意境格调

• 关于页：图文对半分，中间巨量留白，文案精简短句

• 产品页：图多字少，留白环绕产品，突出质感

• 案例页：大图沉浸式留白，少文字多画面

六、极简留白轻奢短句（适配留白页面）

1. 留白见心境，简约见风华

2. 删繁就简，静享雅致

3. 以空纳境，以简藏奢

4. 褪去浮华，回归本真质感

七、快速落地口诀