你有没有遇到过这种情况——一个Logo字母,无非是一条曲线、一个弧面,手绘草稿明明好看极了,一搬到屏幕上就变成“又钝又圆”的尴尬产物?我就被一个“B”字,堵了整整三个晚上。
一、故事从Figma画板开始
项目是我们团队为一家北欧外贸客户重做品牌VI。品牌名首发字母是“B”,不需要具象图形,只需要一个纯粹、优雅的字母标。客户反馈给我们的参考意向全是一种方向——现代、极简、微胖几何风。听起来容易吧?结果我被这个字母的锚点控制感拖到第四次提案翻车。
前几版我把精力全部投入到“形准”上:将B的上下两半严格分割在2:3的黄金网格中,内弧的曲率参数精确到小数点后两位,两侧肩膀的切线夹角完全对标某经典现代字体。画出之后,整屏上看过去像一只被过度吹气的扁气球。我把稿子发给身边的工业设计搭档看,他一句没说,转身拿马克笔在我的A4纸上画了三根草线——一个轮廓更倾斜、肚子更圆润、肩膀略带外扩的“不完美B”。
他抬头看我一眼:“你们做UI的,老想着对准网格,常常把感情对准没了。”
二、回退到最初的草稿
听劝,我把Figma的网格图层全部隐掉。建一个全新的画板,用贝塞尔曲线像在纸上那样凭手感拉轮廓。外轮廓的“上半胸”更宽一点,“下半腹”微收回来,内侧留白不是一致均匀的,右侧收窄去对应呼吸感。改了大概五轮粗细和角曲率后——那个B忽然活了。它长脖子、微微后仰,像条扬起的帆船。放成小尺寸在名片上看,收成黑色100%单色,辨识度还在。
中间那一笔转折尤其关键:很多Logo的“B”会在横笔转竖时留下僵硬的“焊接点”,我特意将交接部分的曲线做成了连续相切,用一个细至0.02毫米的超微调解决掉视觉堆积。
这个Logo返工次数是第十一稿。项目会议那天,客户创始人Zoom头像点亮,第一句话说:“这个字像我们的风格——有点独特,有点调皮,不用太规矩。”那种干脆利落的认可是我一整年的动能来源。
三、网格是拐杖,不是终点
在设计这一行打磨久了容易有执念:认为信息层、比例、对齐、构成感一定要严格满足格线。我自己的习惯是用黄金圆和垂直中轴去框字体,但那一定是“大形初定”之前的体检标准,而不是美感的源头。你最终让人记住的一定是比例给的情绪,不是线条的数值。
我现在的流程有点转变:先画3到5版放任草稿,导出最戳中直觉的那个型,铺进网格轻微矫正粗细收尾,但绝不动灵魂曲线的大走势。动效上做一点模仿真正手绘的微变形,放在网页首页Header部分,用CSS加动态粗细随机刷新来让它“写字”。
四、配色与小场景测试
此Logo最终主色选的是深普鲁士蓝(hex 0B2C48),辅助色却给了相对张扬的香槟白粉渐变(Hex:C5A57B 渐至 E8D5C2)。配产品外壳时配磨砂黑底色加金色印标,做LinkedIn社媒帖子的时候将它放在左侧做水印留白,自动居中。效果比海报里放得很满、放得很大的版本要好不少。
有一次视频沟通会上,客户那位东北区合伙人(来华多年,中文说得很溜)插了句:“你们知道吗?这Logo把我们最硬的机械设备变软了,德国那头的同事都说,看了有种‘能相信我’的味道。”也是在这时我更加确认:一个字的“不准”处,才是商业视觉的活水。
所以下回,锚点手柄调不顺的时候,可以把所有辅助线全关掉试试。信任你的眼光超过信任网格线,也永远保留反复关掉它从头开始的勇气。
经验笔记中的一句划重点:设计字母标志,核心不是对准网格,而是为弧度留出呼吸感。数值做不到的事,微妙的“失控感”能做。
