body {
font-family: 'Segoe UI', '微软雅黑', sans-serif;
line-height: 1.8;
color: #2c3e50;
max-width: 760px;
margin: 2rem auto;
padding: 0 1.5rem;
background: #faf9f8;
}
h1 {
font-size: 1.8rem;
color: #1a1a2e;
border-left: 4px solid #e67e22;
padding-left: 1rem;
margin-bottom: 2rem;
letter-spacing: -0.02em;
}
h2 {
font-size: 1.4rem;
margin-top: 2.5rem;
color: #2c3e50;
border-bottom: 1px solid #e0d6c8;
padding-bottom: 0.3rem;
}
h3 {
font-size: 1.15rem;
color: #8b5e3c;
margin-top: 1.8rem;
font-weight: 500;
}
p {
margin-bottom: 1.2rem;
text-align: justify;
}
.highlight-block {
background: #f3ede6;
padding: 1.2rem 1.8rem;
margin: 1.8rem 0;
border-radius: 4px;
border-left: 4px solid #e67e22;
font-style: italic;
color: #4a3728;
}
.data-note {
background: #ffffff;
padding: 1rem 1.5rem;
border: 1px solid #e0d6c8;
border-radius: 6px;
margin: 1.5rem 0;
font-size: 0.95rem;
box-shadow: 0 1px 3px rgba(0,0,0,0.03);
}
.image-marker {
margin-top: 2.5rem;
padding-top: 1rem;
border-top: 1px dashed #ccc;
font-size: 0.8rem;
color: #999;
text-align: right;
}
@media (max-width: 600px) {
body { padding: 0 1rem; }
h1 { font-size: 1.4rem; }
}

给外贸客户做画册，我第一件事从来不是打开排版软件——一个网格参数的取舍故事

先聊聊那个“反常识”的开场

打开软件，光标停在画板正中间。客户刚发来一批露营灯的产品图，要求做一本16页的B2B外贸画册，中英双语。常规流程：先导图、调色、摆产品、塞文字。但那天我做了件挺反常的事——关掉了刚打开的InDesign，调出截图工具，把客户官网的产品分类页从头到尾截了19张图，然后钉在墙上看了一下午。

不是因为拖延。而是我判断，这本画册的核心战场根本不是页面设计，而是“分类逻辑”。外贸客户买画册，不是为了看漂亮排版，而是要在3秒内判断——这个供应商的产品线是不是整齐、专业、能一站式采购。

为什么执着于一个分类逻辑？

那次客户的产品线特别杂：露营灯、头灯、手提灯、应急灯、氛围串灯，甚至还有几款太阳能草坪灯。按照常规思路，按产品品类分章节是最稳妥的。但我翻了竞品画册和行业网站，发现一个共同点：大部分户外照明品牌都在强调“场景”而非“品类”。于是我做了一个有点冒险的决定——按使用场景划分章节：户外探险、家庭应急、庭院氛围、专业作业。

这导致一个实际难题：同一款产品可能同时出现在“户外探险”和“家庭应急”两个场景里。重复使用意味着我需要设计两套不同的产品图（一张在帐篷边的氛围图，一张在昏暗地下室的手持图），而且必须在目录和侧栏里做清晰的交叉索引。最终我用了12组场景摄影素材，重新布光拍摄了其中4款主推产品，其余用CG合成背景。页面尺寸统一为210×270mm，内边距设定在18mm——这个数值后来被验证是对印刷装订最友好的。

画册交付后，客户特地问了产品经理一句：“你们是不是专门帮连锁超市做采购目录的？”后来那位客户把他引荐给一家户外用品进口商。后台数据显示，这本画册在展会上被翻看的平均停留时间达到了11秒——对一个16页的画册来说，这个数字意味着每页客户都认真扫了一遍。

一个关键转折：网格系统的自我否定

分类逻辑敲定后，我开始搭网格。初始方案选了经典的12列网格，6mm栏间距，打算做满版图+干净产品白底图的混排。做了两页demo后，感觉不对劲——那些户外场景图本身色彩丰富，加上产品图堆叠，页面信息密度太高，有种旅游杂志的聒噪感。

于是全部推翻重来。新方案做了四个调整：

• 从12列减到8列——减少自由度，反而强迫每个跨页只突出一个视觉重点；
• 栏间距扩大到8mm——给呼吸空间，让深色产品图不至于粘连；
• 所有页眉高度统一为14mm——小数值却让翻页时的节奏感立刻规整；
• 设定一个“安全区”：距裁切线5mm内不放任何文字和logo，避免装订后被裁掉。

改完网格后的版面产生了奇妙的化学反应。例如“庭院氛围”那一章的跨页：左页是一整张暖色调的串灯露台场景图（图片占据整版，只在上方叠了一个6%透明度的小字标题），右页上半部分是三款产品的精修白底图（每个产品下方标注型号和核心参数），下半部分留白。客户那边第一次看稿时，没有提出任何“再加点元素”的要求——这个场景本身就成立了。

关于颜色代码和那张“一张图定胜负”的封面

封面我用了一张日出时分的营地俯拍——帐篷外挂着几盏暖色灯，天空过渡从#3a4a6b到#e8c9a0。字体没有用常见的粗黑体，而是选了一款带手写感的无衬线字型，颜色是#d4a373，一个介于陶土和旧纸张之间的橙色。字号设了39pt，干净地躺在黄金分割线上。封底则沿用同一张图，但降了30%透明度，只在右下角放了一个小logo。

有趣的是，画册成品的PANTONE专色印刷效果比屏幕预览更深沉，那个#d4a373在铜版纸上几乎呈现出一种哑光丝绒的质感。所有产品详情页的表格线都用了相同的颜色，色值为cmyk(0, 35, 45, 10)。颜色统一后，整本画册的层次感立刻上来了。

那些没写进大纲的细节

最后分享两个小细节。第一，翻页位置的选择——所有跨页的重要产品图都放在左侧页面（即订口侧），因为客户在展会翻看画册时，右手大拇指正好挡住右侧页面的右下角，那个位置最容易被忽略。第二，产品型号的字体我缩小了0.25pt（从8pt缩到7.75pt），同时将字间距加宽了20单位——用肉眼几乎看不出区别，但整页文字的信息权重一下子清晰了。

那位客户在返单时说：“你们这本画册我带了去德国的展会，回来发现同行在模仿我们的页面结构。”我笑了笑没接话。有些设计是在做减法时才能被发现的好，就像调整一个网格参数后，整本书的呼吸都顺了。