LIZHIZHAO.CN 记录生活,收藏时间

笔记 笔记

从 DI 到 SZ:为了一个 Logo,我绕了很长一圈

站长 约 5 分钟

从 DI 到 SZ:为了一个 Logo,我绕了很长一圈

主页还在做,我先和 Logo 较上了劲

最近在做公司主页,没想到,一个 Logo 让我折腾了这么久。

起因很明确:公司最近重建,原来的英文名称改成了拼音——SHUZHIWEILAI。

旧 Logo 是字母 D 和 i 的组合,周围点缀着像素块,增加对数码的视觉联想。它原本有自己的来由,但名字一换,DI 和新名称就接不上了。

旧版 Logo:D 与 i 的组合,搭配蓝色像素块

所以,Logo 得重新设计。

麻烦的是,旧的不能直接沿用,新的又没有现成的方向。我希望它顺眼,也希望它和“数智未来”有关。至于这种联系最后应该长什么样,当时还没有答案。

于是,我先找了 AI。

模型换了不少,满意的一个也没等到

既然要找方向,就先让 AI 帮忙试试。

用了各种先进的模型,也尝试了正负空间、3D 叠加等思路。能想到的方向都想探索一下,希望其中某个结果能让我觉得:对,就是这个。

但试了很久,始终没有出现。

做到后面,我甚至有点想说:AI 设计不出好看的 Logo。

这句话里当然有折腾之后的情绪。也可能是我对 AI 设计 Logo 没有很好的理解和掌握,没能把要求表达清楚。至少这一次,模型换了,思路也换了,我还是没有拿到理想的结果。

继续试下去,什么时候才能满意,我也不知道。

于是,开始手搓。

自己画,也没有立刻变顺利

新的名称是 SHUZHIWEILAI,我先把注意力放在了 S 上。

从 S 的变体开始,尝试改变它的轮廓,再去探索 Z 和 AI 的负空间关系。既然“数智”里有“智”,把 AI 融进去,也是一个想试的方向。

S 的圆弧变体,以及 Z 与 AI 的负空间探索

这个阶段,我在字母之间来回找关系。S 可以圆一点,也可以硬朗一点;Z 和 AI 能不能共用一些轮廓,能不能让留白也成为字母的一部分,都值得试。

后来,S 又变成了更利落的几何块面。

更硬朗的几何 S,与 Z、AI 组合方案

可选的形状越来越多,真正想留下来的却迟迟没有确定。

自己动手的好处,是可以直接改眼前的图形。但换成自己画,也没有马上解决“什么才是我想要的”这个问题。一个方案能讲出设计思路,和我愿意把它放在公司主页上,中间还是有距离。

我又继续往简约的方向走,把 S 压缩成更直接的几何轮廓。

将 S 简化为连续转折的几何符号

也是沿着这条路,我终于发现了一个值得继续做下去的关系。

两个字母,能不能看起来只有一个

在这套几何造型里,我发现 S 和 Z 可以形成轴对称的关系。

这一下,两个字母有了组合的依据。S 对应“数”,Z 对应“智”,恰好又是新名称里我想表达的部分。

于是,我把它们变成上下结构:希望图标看起来是一个,实际是两个。

这个想法让我觉得,方向终于接上了。前面还在寻找能放进 Logo 的字母,现在两个字母本身就有可以利用的几何关系。

可真的组合起来,又遇到了一个问题:实在看不出它们是两个字母。

轮廓合在一起了,S 和 Z 却藏得太深。知道设计思路后可以去找,但只看图形,很难分辨出上下各是什么。

所以,我才做了蓝黑渐变,想用颜色把两个字母区分出来。

用蓝黑渐变尝试区分上下组合的 S 与 Z

这张图里的渐变,是为了让两个字母显现出来。上下有了颜色变化,或许就能更容易看出它们各自的形状。

但效果我认为还是不够理想。

做到这里,组合的方向已经有了,我却仍然没能解决辨识的问题。如果继续做,得找到一种比渐变更清楚的区分方式。

绕了一圈,旧 Logo 里的像素块又回来了

最后接上这条思路的,是旧 Logo 里的像素块。

DI 随着名称变化失去了依据,像素块却依然适合“数智未来”。它本来就在表达数码的感觉,放进新的设计里,仍然说得通。

既然颜色不足以区分 S 和 Z,那就试着让它们用不同的图形构成。

我把上方的 S 拆成像素块,把下方的 Z 改成直角转折的网络走线。

像素块组成的 S,与直角网络走线构成的 Z

这次,两个字母终于有了各自的表达。

上方是一个个像素块,勾勒出 S,对应“数字”;下方是连续的网络走线,勾勒出 Z,对应“智能”。它们仍然沿用上下组合的结构,但区分它们的方式,从颜色变成了图形本身。

这也是我终于觉得顺眼的地方。之前想保留的字母关系还在,想表达的设计理念也有了落点,连老 Logo 的像素块都找到了位置。

折腾这么久,终于有了一个愿意继续完善的雏形。

图形有了,字体还没选完

不过,图形定下来,事情还没有结束。

旁边还有“数智未来”四个字,还有 SHUZHIWEILAI。图形和文字放在一起,才是最后要用的那套标志,字体自然也得接着选。

于是,又开始找无衬线字体。

找了无数的无衬线字体,最后中文还是选择了苹方,字母部分则用了 Poppins。

现在把结果写出来,只需要一句话:中文苹方,字母 Poppins。但前面反复寻找的过程,也和画 Logo 一样,占去了不少时间。

一个图形、四个汉字、一行拼音,看起来没有多少东西,真做起来,每一部分都能让人继续折腾。

最后留下的,是数字和智能

继续完善后,就有了现在这套 Logo:彩色版本、纯黑版本、深色背景下的反白版本,以及搭配中文和拼音的组合形式。

数智未来新 Logo 的彩色、纯黑及反白版本,以及中文和拼音组合形式

回头看,最后的设计理念其实很直接——数字和智能。

但为了把这几个字画出来,我从 AI 生成走到自己动手,从 S 的变体走到 Z 和 AI 的负空间,再从极简 S 走到上下组合的 SZ。发现几何关系之后,还得继续解决两个字母看不出来的问题。

直到把像素块和网络走线放进去,前面的想法才慢慢接到了一起。

旧 Logo 里的 DI 没有留下来,那些像素块却跟着走到了新 Logo 里。它们原本只是点缀,这一次,成了勾勒 S 的主体。

当初换掉旧 Logo,是因为名字变了。做完之后再看,新图形里也留下了一点过去的痕迹。

这大概是这趟折腾里,我自己很喜欢的一个结果。

  • Logo设计
  • 数智未来
  • 设计记录
  • AI

评论

还没有人说话。

有更新,再见面。

偶尔来信,记录值得留下的日常。

只发新文章与新作品,不转发、不群发广告。随时可以退订。

日子慢慢,写下来。