ROCOYU · WORDMARK

rocoyu 字标:八款大胆方案

参考你给的图,思路是把文字本身当图形来画 —— 笔画连带、飞白收笔、倾斜错位、极粗压缩、描边空心、立体层叠。 全部纯 CSS 实现,不依赖图片,放大不糊。

说明:字标主体为 rocoyu(全小写,与参考图一致)。 每款都配 76px 顶栏预览,方便判断真实可用性。

1 · 连笔斜体

最接近参考图
rocoyu
整体左倾 9°、逆时针 2.5°,起笔加重墨,收笔一道飞白横扫出去。动势最强。

2 · 极粗压缩

力量感
rocoyu
横向压到 82%、纵向拉到 112%,字距收至 -0.09em,字面互相挤压。远看最醒目。

3 · 手写连字

亲和
rocoyu
斜体加多层错位阴影模拟连笔厚度,底部一道手绘横线压住。放松、手作感最强。

4 · 描边空心

锐利
rocoyu
3.2px 粗描边、内部完全留空,轻微旋转。有海报感,浅色底上很清楚。

5 · 叠加错位

实验
rocoyu
同组字以浅色偏移 6px 叠在下方,产生残影穿插。最抽象,可读性略降。

6 · 印章色块 + 飞白

厚重
rocoyu
字压在橙色块上,四角不等圆角,整体旋转 -2°,右侧一道飞白甩出。分量最重。

7 · 首字母放大

字母标
rocoyu
衬线斜体 r 放大到 82px,其余字母 43px。像刊物刊名,适合搭配大量正文。

8 · 立体层叠

复古
rocoyu
八层 1px 偏移阴影堆出厚度,像塑料立体字。有复古游戏标题味。

放进顶栏看看

缩到真实高度(76px)后,四款候选的实际表现:

方案 1 · 连笔斜体
rocoyu
找精灵…
方案 2 · 极粗压缩
rocoyu
找精灵…
方案 6 · 印章色块
rocoyu
找精灵…
方案 7 · 首字母放大
rocoyu
找精灵…

地址 /text/lab/logo/ · 全部为设计原型。