（拍大腿）哎哟喂！上周看到个本地家具城的官网，产品图挤得跟早高峰地铁似的，看得我眼珠子直抽筋！你猜他们客服怎么说？"我们想把所有优惠活动都展示出来"...今天咱就唠唠，网页上那些看不见的留白，怎么就成了赶客利器？
▍留白真是空白吗？
我表弟做UI设计那会儿，接了个政府网站改版项目。领导非要塞满政策文件，结果改完当天跳出率飙升到89%！后来偷偷把行距从1倍调到1.5倍，用户停留时间立马翻番。说白了：
- 留白是呼吸空间（建议正文行间距不低于1.5倍）
- 留白是视觉路标（重点内容周围留出2cm安全区）
- 留白是价格锚点（奢侈品官网留白面积比商品图还大）
（举个栗子）苹果官网产品页，留白区域能停得下航母，但你就是忍不住盯着那台MacBook看——这就叫留白的魔法！
▍手机屏幕小还要留白？
去年帮餐饮店改移动端菜单，老板死活要把12道招牌菜挤在首屏。结果呢？顾客下单率反而降了30%。后来在每道菜图片周围加了留白，转化率蹭蹭涨！手机端留白三要素：
- 手指热区留空（按钮间距至少8mm防误触）
- 信息分层留白（标题和正文间隔是行高的1.5倍）
- 边缘防御留白（屏幕两边各留5%安全距离）
【设计师噩梦场景】
Q：内容太多必须塞满怎么办？
A：学学知乎热榜！用"卡片式设计"把每个信息块包起来，卡间距保持统一。就像超市货架，整理好了反而显多
Q：领导非要加动态效果？
A：在动效开始和结束位置预留2倍留白，就像话剧换场时的暗灯转场。某汽车官网就这么干的，旋转展示时车头永远对着空白区
▍留白不当的惨痛教训
有个做教育培训的客户，把课程表排得比高考时间还满。后来在每节课之间加了虚线分隔和留白，咨询量暴涨70%！记住这些救命数字：
- 段落间距≥30px（电脑端）/ ≥20px（移动端）
- 图片与文字间隔=图片宽度10%
- 导航栏留白占总宽度15%
（敲黑板）留白不够的网站就像菜市场喇叭，用户耳朵嗡嗡响。某电商做过A/B测试，商品详情页增加20%留白后，客单价直接提升18%！那些舍不得留白的设计师，跟往汤里拼命加盐的厨子有啥区别？
说句掏心窝的：留白不是浪费空间，是在给用户的眼睛做**。下回设计网页时，先把元素砍掉三分之一，再开始排版——保准你的设计稿看着贵气！隔壁老王的面馆菜单改留白后，都有人问是不是请了4A公司做的设计，这理儿你细品！
