名片设计教学：6个步骤完成排版与字体设置

创作时间:

作者:

@小白创作中心

引用

来源

https://blog.wenyan.design/business-card-design-teaching/#ming_pian_ji_ben_gui_ge

作为一名设计师，我经常被问到：“现在社交媒体如此发达，我还需要名片设计吗？”想象一下，在一个聚会上，当大家都在交换名片时，你却只能尴尬地微笑。我认为拿出名片是一个很体面的举动，我们不能假设每个人都使用社交媒体，如果能利用名片，会给人留下更深刻的印象。

这篇文章旨在帮助那些目前预算有限，无法聘请专业设计师，但又想尝试自己设计名片的人。通过分享名片设计的流程和需要注意的细节，希望能帮助读者设计出一款满意的名片。

姓名：名片上的名字通常采用“姓氏+名字”的形式，也可以加上英文名字。中文名字便于正式场合称呼，英文名字则能拉近距离。根据以往设计经验，放上全名加英文称呼的比例较多，只有少数以个人特质呈现的创作者，才会只使用英文称呼。
职位介绍：一般公司里的职位会包括“设计师、工程师、经理、业务员”等。来找我设计的大多是个人工作室的创作者，也可以写上“XX创始人、XX顾问”。通常名片的职位信息会放在姓名的上方或右方，方便对方快速打招呼。
联系方式：主要的联系方式包括传真电话、市话电话、手机号码、电子邮件。目前最常放的是手机号码和电子邮件，其他信息可以根据需要添加。
社交媒体链接：现在一个人通常会有多个社交媒体账号，如Line、Facebook、Instagram等，建议放上最常用的社交媒体链接。
二维码：如果信息量过多，可以利用多链接工具在一个网址上放置更多信息，再将网址转换成二维码形式，方便扫描。
网址链接：如果有品牌官网，可以放上网址。通常我会将网址融入名片背景，而不是单独列出，这样既可作为设计的一部分，又能简化名片内容，使画面更简洁。

以上信息看似不多，但在排版时需要斟酌哪些信息需要新增或删减。根据经验，必须包含的信息有：姓名、职位介绍、联系方式。

接下来，我将使用这三个信息，分享“温研创意名片”的设计过程。

在开始设计之前，需要设定三个基本规格：

尺寸规格：名片尺寸没有固定的长宽要求，可以是方形、长方形、圆形等不规则形状。但常规尺寸是90*54mm，不管是哪种形状，都建议在这个范围内。当然，超出尺寸也是可以的，但印刷时会增加成本。
出血设置：出血设置主要是为了避免印刷裁切时影响内容信息和图案，因此需要在原始尺寸基础上增加3mm。
黄金比例：黄金比例又称黄金分割，其比例是1：1.618。利用黄金比例的构图可以使画面达到平衡效果。在开始设计前，先画出黄金比例线，再决定排版位置。以下是黄金比例线的衍生过程：

为了方便大家练习，这里直接提供黄金比例线的图档，供设计名片时使用。

在确定名片风格时，我的做法是在日常大量搜集喜欢的视觉素材，而不是在设计时才去寻找参考图片。这里分享如何在日常快速搜集资料的方法：

参考设计资源：现在说到设计参考网站，大家都会推荐Pinterest、Behance。这里我想推荐一个网站“typo/graphic posters”，它是一个以图形碰撞出各种形态的海报设计网站，可以在上面找到适合运用的视觉构图和配色方案。
搜集素材工具：平常看到喜欢的图片素材，一般会使用下载图片的方式存档，但下载后还需要花时间整理归档，时间久了下载区就会变得凌乱。因此，建议减少直接下载图片素材的习惯。

我的做法是使用Eagle这个工具来帮助快速整理。在日常浏览网站时，只要看到喜欢的素材，按住鼠标左键拖曳就能快速归档，不需要额外整理图片素材，也能按喜好分类。

鼠标左键按住往右滑动，拖放至黑色框框内
自动存入分类夹内

我使用的是Illustrator设计工具制作名片，以下是详细的设计过程。另外也会分享如果不会使用Illustrator，还可以使用什么工具来练习设计排版：

如果不熟悉Illustrator但想先练习排版，建议使用免费的Figma。这是一款多人在线协作的设计软件，非常好上手。如果不需要印刷，可以使用它来设计一套电子名片；若有印刷需求，还是需要按照印刷厂的规格使用Illustrator交付文件。

完成设计后，有几个排版细节需要检查，虽然看起来很小，但如果忽视可能造成大量印刷错误。以下是根据我的经验认为最需要注意的部分：

字体大小：名片的字体大小建议在8-15pt之间，我最常用的是8pt与10pt的字体。如果小于8pt，阅读可能会吃力。如果需要在名片上制作一些效果（如亮光、打凹、烫金等），字体太小效果可能不明显。
信息确认：
印刷前确认信息：在印刷前需要确认信息无误，避免大量错误。
二维码扫描无误：如果有使用二维码，在印刷前必须扫描一遍，确认链接可以正常开启。在制作时因为屏幕可以放大，可能会误以为扫描正常，但实际印刷后的二维码比屏幕上的要小，可能造成无法扫描的情况。建议将屏幕调整到100%状态再进行扫描测试。
是否跑版：
图案跑版：如果设计时让图案超出边框，需要检查裁切范围，避免裁切时影响设计。
圆角数值：圆角在设计时可能会因为拉大拉小而影响数值，导致圆角不均匀。
背景满版：在印刷前需要将背景图和颜色延伸至出血位置，否则可能会出现图案不完整或白边的情况。