如何为数字名片资料页选择照片、标志和颜色

在手机上打开几张数字名片，几秒钟就能看出哪些是用心设置的。文字通常没有问题，真正暴露问题的是从婚礼照片里裁出来的头像、被拉宽的标志，或者看不清的彩色标题。这些问题都不难修正，也不需要请设计师。

本指南讲的是资料页上的三项视觉选择：照片、标志和颜色。它介于两篇相邻的指南之间：要决定放哪些栏位、不放哪些，请读数字名片上应该放哪些个人资料；要决定订哪种实体卡，请读Design-Ready 与 Custom-Design 比较。下文是通用的良好做法，加上 share2.io（Gotka 数字名片背后的平台）适用的卡片选项。文中提到的尺寸和文件类型只是经验法则，并非 Gotka 或 share2.io 设定的限制。

为什么资料页在头三秒就显得不专业

访客在读任何栏位之前，就已经判断了您有多认真。图片区域最先映入眼帘，常见的问题大多出在这里：

• 被裁剪的自拍或活动照。只剩半边肩膀、别人的手肘，或者脸小得认不出来。
• 被拉伸或压扁的标志。硬塞进形状不对的框里，字母看起来变宽或变高。
• 模糊的标志。来自截图，或是把小文件放大后边缘发软。
• 标志外面的白框。标志存成了纯白背景，放在有颜色的区域上就露出一个白色方块。
• 看不清的文字。亮色上放浅色字，或深色上放深色字。
• 过时的照片。来开会的人和照片已不太像，双方都会尴尬。
• 风格不统一。三位同事三种照片风格，团队看起来像三家小公司。

照片：好的头像应该是什么样

资料页头像是一张很小的图片，通常以方形或圆形显示。在这个尺寸下，只有几样东西能保留下来：清晰的脸、安静的背景和合适的光线，细节则看不清。下表列出常见的照片选择，以及它们在手机上通常的效果。

有两点比其他都重要。第一，使用头肩照：从胸口以上，头顶留一点空间。第二，让脸保持在中间，因为许多资料页版面会把照片放进方形或圆形框里，靠近边缘的部分可能被裁掉。上传后请查看预览。我们不对任何平台如何框选或裁剪图片作出声明，所以请亲自查看结果，不要想当然。

五分钟手机拍摄方案

不需要摄影棚，一部手机、一扇窗和一面素墙就够了。想了解更全面的手机拍摄技巧，例如网格线、稳住手机和避免数码变焦，请看网站照片：手机拍摄清单。针对头像，请按下面这套简短流程操作。

1. 找柔和的日光。面向窗户站在一两米外，避开强烈的直射阳光。避免会在眼睛下方投下阴影的顶灯。
2. 选素净的背景。浅色墙面、关着的门或窗帘。离背景稍微远一点，让它略微虚化。
3. 手机与视线齐平。垫几本书或用三脚架。如果可以，请同事帮忙拍。
4. 使用后置镜头。它通常比前置镜头清晰。关闭美颜滤镜。
5. 至少拍十张。每张之间稍微换一下表情。放松、略带微笑通常比僵硬更好。
6. 在大一点的屏幕上挑选。放大检查眼睛是否清晰，然后选一张您乐意拿去见人的。
7. 裁成方形。把脸放在中间，头顶留一点空间。原始文件保持不动。
8. 上传并检查预览。如果脸太靠近边缘，回去重新裁剪。

什么时候脸不是合适的图片

并不是每个资料页都属于某个人。有些属于部门、诊所柜台或产品线。图片应该与资料页的用途相符。

如果您管理的是柜台或分行名片，请看诊所、学校与服务柜台的数字名片和一张数字名片还是多张。对于送给客户的名片，数字名片作为企业礼品与客户交接说明了收件人需要什么。

标志：文件类型、背景和形状

大多数标志问题其实是文件问题。在文档里看起来不错的标志，到了手机上可能很糟，因为它是从截图复制来的，或是以很小的尺寸保存的。解决办法是从正确的文件开始。

最好的来源是设计这个标志的人或公司。请他们提供“标志原始文件”，并说明您需要一个透明背景的版本，以及一个适合浅色背景的版本。如果联系不上，就找出手头最大的文件，例如招牌设计稿或报价单模板，并避免再存一份“复制品的复制品”。

透明背景及其重要性

透明的 PNG 自己没有背景色，所以标志会呈现它后面的颜色。以白色背景保存的标志，放在有色区域上就会变成一个白色长方形。如果您的标志是深色文字，请索取白色或浅色的第二个版本，以便放在深色背景上。两个文件请清楚命名，例如“logo-深色字”和“logo-浅色字”。

分辨率、形状和留白

• 从大图开始。作为经验法则，标志文件应比实际显示的尺寸大好几倍，因为手机屏幕非常细腻。宽度低于约 300 像素的文件通常会显得发软。这是通用建议，并非任何平台设定的限制。
• 绝不拉伸。如果标志放在形状不同的框里，请在周围加空白，而不是只改变一边的尺寸。
• 留出边距。如果版面把标志放在圆形或方形框里，请让图案远离边缘，免得某个角被裁掉。
• 在两种背景上测试。分别在浅色区域和深色区域上查看。

颜色：一两种就够，而且一定要看得清

品牌色让资料页有属于您的感觉。请坚持一个主色，最多再加一个强调色。再多就会让小屏幕显得杂乱，也会削弱您想展示的品牌。

最重要的规则是对比度：文字与其背后颜色之间的亮度差。网页无障碍指南（WCAG）建议，普通大小的文字对比度至少要达到 4.5 比 1。您不必手算，网上有免费的对比度检查工具，而且您的眼睛已经能说明大部分问题。下面的例子使用常见颜色和标准公式，数字请当作粗略参考。

如果您的品牌色偏亮，例如黄色、浅绿或橙色，请把它用在色块、按钮或色条上，上面放深色文字而不是白色。如果品牌色偏深，则在上面使用白色或非常浅的色调。另外还有两个好习惯：不要只靠颜色来传达意思（红色标题仍然只是标题），也要避免把文字压在照片上，除非照片后面那块区域很平静。

让团队保持一致：一页纸的风格指南

当几个人各自制作资料页时，就会出现几种不同的样子。一份只需写一次的一页纸指南就能避免。它还能让主管少回答重复的问题。如果您正为团队推出名片，为销售团队设置数字名片讲了流程，这里讲的是视觉部分。

让整个团队在同一次拍摄中完成照片，匹配度最高：同一面墙、同样的光线、同样的距离。有人离职时，员工离职后数字名片会怎样说明了如何处理他的资料页。

在日光下用手机检查，以及前后对照清单

您编辑时用的屏幕，很少和客户使用的屏幕相同。冷气办公室里的笔记本显示器明亮、安静又宽大。客户可能在小手机上、在明亮的停车场里、用较低的屏幕亮度打开您的名片。请按那种情况来测试。

1. 像访客一样，扫描自己的二维码或轻触自己的名片来打开资料页，而不是通过编辑器。
2. 在窗边，或在户外的阴凉处，用手臂的距离查看。
3. 把亮度调到大约一半。每一行还看得清吗？
4. 换第二部手机试试，最好屏幕尺寸不同或品牌不同。
5. 把名片存进自己的通讯录，看看它在那里的样子。已保存的联系人显示什么取决于手机，所以请亲自检查，不要想当然。
6. 请一位从没见过这张名片的人打开它，说说他最先注意到的是什么。

用下面这张前后对照表，抓出匆匆一瞥会漏掉的问题。

日后更换照片、标志或颜色

由于 Gotka 数字名片的资料页是可以编辑的，换一张新照片或新标志并不意味着从头再来。您修改资料页，扫描同一个二维码或轻触同一张卡的人就会看到更新后的版本。纸质名片做不到这一点，而这也意味着您可以今天先做出一个像样的版本，以后再慢慢改进。

出现以下情况时，请更换图片：

• 您的形象改变了。新的发型、眼镜、胡须，或是着装要求不同的新岗位。
• 照片已有大约两年。这只是经验法则，不是硬性规定。
• 公司更换品牌。新标志、新颜色或新名称。请在同一天更新所有资料页，让团队保持一致。

有一个限制：资料页可以编辑，但印在实体卡上的图案会保持印刷时的样子。如果印刷名片上的标志或颜色变了，卡片本身就需要重新印刷；哪些内容在线上改变、哪些不会，请看印刷后如何修改数字名片。至于日常维护，如何让您的数字名片保持最新提供了一份维护清单，您可以把图片检查加进去。

如果不擅长设计，该怎么选

不是每个人都想自己裁图、比对对比度。以下是 Gotka 的卡片选项：

如果您对上面的步骤得心应手，自行设置这条路的选项本身不收费，本指南就是您的检查清单。如果您宁愿把设计交出去，Digital Only — We Design 适用于没有实体卡的数字资料页。Design-Ready 和 Custom-Design 都包含实体 NFC 卡及印刷以及数字资料页设计，前者采用现成模板，后者是完全定制设计。我们公布的细节仅限于此，所以如果您想知道需要提供什么、可以修改几次或需要多久，请在下单前先询问。想在两种实体卡之间做选择，请看Design-Ready 与 Custom-Design 比较；想了解整体费用，请看马来西亚数字名片费用和套餐比较。

Gotka Technologies 的定位

Gotka 的数字名片服务运行在 share2.io 平台上，订阅套餐和卡片选项在 share2.io/shop 订购。名片通过二维码或 NFC 轻触分享，可存入访客的通讯录，资料页也是可以编辑的，因此您可以更换照片、标志或颜色，而不必重建任何东西。

上面的四个卡片选项，从 RM0 到 RM338，区别在于由谁来做设计工作，以及有没有实体卡。如果您的业务还需要一个与名片风格一致的网站，Gotka 的网站设计服务涵盖网站的建设与维护。第一次印刷二维码时，如何印刷数字名片二维码，确保第一次就能扫描成功是接下来值得阅读的一篇。

本指南中的关键术语

• 头肩照：从胸口以上取景的肖像，以脸为主体。
• 裁剪：把图片修成某个形状（如方形），让您想要的部分填满画面。
• 透明 PNG：没有背景色的图片文件，图案可以干净地放在任何颜色上。
• SVG：由图形而非像素构成的矢量图文件，任何尺寸都保持清晰。
• 分辨率：一张图片包含的像素数；太少的话放大后会模糊。
• 对比度：文字与其背后颜色的亮度差；对比度越高越容易阅读。
• 品牌色：与您的业务相关联的主色，用于色块、按钮和强调。
• 风格指南：关于照片、标志和颜色的简短书面规则，让每个人的资料页保持一致。