建立清晰的视觉层次
你的姓名应该是最大最粗的元素。职位次之,字号更小。联系方式最小。这种三层层次自然引导读者的视线从最重要到最不重要的信息。
选择合适的字体
使用网页安全无衬线字体(Arial、Helvetica、Verdana)以确保最大兼容性。姓名 14-16px 粗体,职位 12-13px,详情 11-12px。不要使用超过两种字体。
有目的地使用颜色
选择一种品牌色作为点缀 — 用于姓名、分隔线或图标背景。正文使用深灰色(#333)搭配白色背景以保证可读性。避免霓虹色和渐变,在邮件客户端中渲染不一致。
为移动端设计单列布局
超过 60% 的邮件在手机上阅读。单列、从上到下的布局适用于每种屏幕尺寸。并排布局(照片+文字)在窄屏幕上应该垂直堆叠。
优化邮件中的图片
签名总大小控制在 50KB 以内。照片压缩到 72dpi,Logo 使用支持透明的 PNG,始终设置明确的宽高属性以防止图片加载时的布局偏移。
使用分隔符创造呼吸空间
照片和文字之间的细水平线或垂直条可以防止视觉杂乱。使用浅灰色(#E0E0E0)或品牌色,粗细 1-2px。这个小细节能提升整体设计品质。
常见问题
邮件签名用什么颜色最好?+
深蓝色(#1a365d)、深青色(#0d9488)和炭灰色(#374151)是安全、专业的选择。这些颜色在白色背景上对比强烈,在各邮件客户端中显示一致。
可以在邮件签名中使用自定义字体吗?+
邮件客户端对自定义网页字体的支持不可靠。Outlook 完全忽略它们。坚持使用网页安全字体(Arial、Helvetica、Georgia、Verdana)以确保设计在各处一致。
邮件签名应该多宽?+
保持在 600px 以内 — 这是标准邮件内容宽度。在移动端签名应该自适应屏幕。我们的模板设计最大宽度为 500px 以获得最佳显示效果。
应该使用表格布局还是 div 布局?+
始终使用 HTML 表格布局。Outlook 和许多邮件客户端不支持现代 CSS 布局(flexbox、grid)。表格布局在所有客户端中渲染一致。
如何让签名在深色模式下好看?+
Logo 使用透明 PNG,避免纯白(#FFFFFF)背景(使用微偏白或透明),确保文字在浅色和深色背景上都有足够对比度。
签名 Logo 应该用什么图片格式?+
PNG 是最安全的选择 — 支持透明且在各处都能显示。避免 SVG(邮件支持差)和 GIF 动画(不专业)。文件大小控制在 30KB 以内。