客户提需求时说过一句让我记到今天的话：版面费按面积算的，空着多亏。然后把首页要求改成六屏内容：产品、新闻、资质、案例、招聘、友情链接全上一页。上线后后台数据惨淡，首页跳出率九成。我说版面费不是按密度收的，是按效果收的，他没说话。网站设计的留白不是空白，是替用户喘气和挑重点。
留白干了三件事
第一是分组：两个板块之间空出足够的距离，用户不用画线就知道内容换段了。第二是强调：一件东西周围空得越干净，它越显眼，首屏那句话周围留足白，读完率明显高于挤在一堆字里的版本。第三是节奏：满和空交替出现，页面才有呼吸，从头满到尾的页面用户划得飞快，什么也没记住。其实还有第四件：留白让按钮更醒目，周围空出来的按钮天然像能点的。
留白怎么留才不是浪费
区块间距给到内文行距的三到四倍，这是基本盘。文字行长控制住，桌面端一行三四十个汉字封顶，两端留白，读起来才不串行。行距和段距别混用，行距是行内的事，段距是段间的事，差开一档。留白有层次——围绕标题的空、围绕按钮的空、板块之间的空，数值上逐级放大，页面自然有主次。留白不是越大越好，留到用户以为页面没加载完，就是做过头了。
哪些地方不能省
- 按钮和它周围说明文字之间要有呼吸，挤在一起的按钮没人敢点
- 移动端留白适当收窄但不能为零，贴边的字看着就廉价
- 留白省下的空间别拿去塞新模块，克制才是留白的前提
- 页脚也别塞满，留出空当，链接排整齐比堆一排更有信任感
留白在移动端要重新算
桌面端的留白数值搬到手机上会显得空旷，字号缩了、屏窄了，间距要按比例收。但收不等于没有：段落之间至少空一行，卡片之间的间隙别小于12像素。有客户的移动端页面文字顶到屏幕边缘，用户反馈像在读小广告。手机上的留白，标准是「贴边但不挤边」。
两条建议：改版时先删一成内容再谈设计，多数首页有这个冗余；让网站设计师出一版满排和一版留白的对比稿，投给十个客户看，选择自己会说话，截图缩到一半大小再瞄一眼，层次乱不乱立刻现形。比格网络碰到「内容必须全放」的需求时，习惯用数据说话——留白版的停留时长，通常能差出四成。
