← 返回主页 · LOGO LAB

Logo 实验室 ·
6 种方案对比

现有 RGB 霓虹方案,加上 5 个备选方向——动画旋转、极光流光、玻璃感、极简描边、粒子涡流。每张卡片都展示了大小两个尺寸 + hover 微笑动效。点击 "PICK THIS" 标记你的选择。

DECISION · 双标策略

线上签名 = RGB 霓虹球 · V01;印刷/单色 = 头盔字符 · V07/V09

数字场景(网页 / App / 视频)使用霓虹球 V01——有动画、有"脸",是品牌"有人在"的微互动锚点。印刷 / 单色 / 极小场景(名片 / 印章 / favicon / 黑白 PDF)使用 SVG 头盔脸——一笔成型、单色可印、跨场景不出错。下方 6 个候选方案是探索过的方向,V01 已上线

线上版本

SHIPPED · PRODUCTION
SHIPPED · 线上
01

RGB 霓虹(现有)

STATIC · RAINBOW RIM

黑色 3D 球体 + 静态彩虹圈 + 脉冲外发光。鼠标移上去眼睛眨 + 微笑。
当前线上数字签名版本。

小尺寸 · 34px
顶栏使用

霓虹球 · 备选方案

ORB ALTERNATIVES · 数字版
02

旋转彩虹

ANIMATED · 6S SPIN

现有方案的"动起来"版本——彩虹圈缓慢旋转 6s 一圈,中心保持静止。动感更强但可能视觉干扰。

小尺寸 · 34px
03

极光流光

FLOWING AURORA

无硬边——球体内部是流动的紫粉蓝金极光渐变,8s 一个循环。更梦幻,跟首页星空氛围最贴。

小尺寸 · 34px
04

虹彩玻璃

IRIDESCENT · HOLOGRAPHIC

虹彩玻璃球——彩虹色融在玻璃里↑ 点上面按钮换背景,观察透明度 + 磨砂感在不同环境下的真实表现(深底显高光、彩虹底显折射、木桌显反射)。

小尺寸 · 34px
虹彩自带
05

极简描边

MINIMAL · LINE-ART

单色线稿——只有黑色圆描边 + 实心眼 + U 形嘴。极简、好印刷、跨场景都不出错。hover 变蓝。

小尺寸 · 34px
名片/印刷友好
06

星云涡流

NEBULA · COLOR FLOW

两层旋转的 conic-gradient 极光(25s + 38s 反向)+ 6 个超模糊光团叠加 — 色彩在球内融合流动,没有可数的离散粒子。梦幻 + 抽象 + 高级,气质比"科技感"更上一层。

小尺寸 · 34px
色彩仍流动

头盔脸 · 印刷 / 单色家族

HELMET MARK · PRINT & MONO
07

头盔脸 · 红

RED OUTER + BLACK INNER

手绘头盔——修复了中心镂空(加上了原 SVG 的黑色内圆 path)。深色浅色背景都不再透。

小尺寸 · 34px
原版红
08

头盔脸 · 七彩旋转

RAINBOW SPIN · 5S LOOP

外圈用 SVG linearGradient + animateTransform rotate7 色 stop 围绕中心旋转 5s 一圈。跟现有 V01/V02 的 RGB 霓虹圈视觉一脉相承。

小尺寸 · 34px
七彩旋转
09

头盔脸 · 蓝

BRAND BLUE #4A75E5

红色 #E1361C → 永乐主色蓝 #4A75E5,内圆改成深夜蓝 #0A1530,眼睛+微笑改成金色 #E8C97C,跟首页 hero/品味区主色系统一致。

小尺寸 · 34px
蓝金配色
BRAND APPLICATION · 品牌应用规范

永乐教育 · 双标使用规范

永乐有两个品牌标:数字签名用霓虹球(有动画、有"脸"),印刷/单色用头盔字符(一笔成型、可印刷)。logo + 永乐教育文字 + 造物云出品副品牌的组合规范——横向、竖向、紧凑、单色等各种场景一目了然,作为品牌的视觉锚点留存。

01 · 主标识 · 数字签名 DIGITAL · 网页/App

PRIMARY MARK · ORB · 5 SIZES
XXL · 120px · Hero
XL · 72px · Footer
L · 46px · Card
M · 34px · Nav
S · 24px · Inline

线上一切场景默认用霓虹球。Hover 时眨眼 + 微笑——品牌"有人在"的微互动锚点。

01b · 印刷/单色标 · 头盔字符 PRINT · 名片/印章/Favicon

SECONDARY MARK · HELMET · 5 SIZES
XL · 120px · Hero
L · 72px · Footer
M · 46px · Card
S · 34px · Nav
XS · 20px · Favicon

SVG 一笔成型——名片、印章、文件、黑白印刷、小到 favicon 都不会糊。

02 · 横向组合 DIGITAL · 默认

HORIZONTAL LOCKUP · ORB
A · 永乐教育 + 副品牌
永乐教育 造物云 出品
B · 永乐教育(简洁)
永乐教育
C · 永乐(极简)
永乐
D · 英文版
Yongle Education

03 · 竖向组合 DIGITAL

VERTICAL LOCKUP · 海报 / 启动屏
A · 标准竖向
永乐教育 造物云 出品
B · 大图标
永乐教育 YONGLE EDUCATION

03b · 印刷/单色组合 PRINT

HELMET LOCKUP · 名片 / 文件
A · 横向
永乐教育 造物云 出品
B · 竖向
永乐教育 造物云 出品

04 · 头盔配色变体 PRINT

HELMET COLOR VARIANTS · 5 SKINS

霓虹球永远是彩虹(不做单色变体——那是它的灵魂)。需要单色场景时,切到头盔字符的 5 个标准配色。

PRIMARY RED
BRAND BLUE
GOLD
MONO BLACK
MONO WHITE

05 · 多场景背景

BACKGROUND APPLICATIONS

前 4 个为数字场景(用霓虹球),后 2 个为印刷场景(用头盔字符)。

浅米色 · 网页主背景 · DIGITAL
永乐教育 造物云 出品
深空蓝 · Hero · DIGITAL
永乐教育 造物云 出品
星空渐变 · 启动屏 · DIGITAL
永乐教育 造物云 出品
纯白 · Card · DIGITAL
永乐教育 造物云 出品
红 · 印章/海报 · PRINT
永乐教育 造物云 出品
金 · 邀请函/海报 · PRINT
永乐教育 造物云 出品

06 · 留白规范

CLEAR SPACE · 最小净空
永乐教育

logo 周围至少保留 1× logo 高度的净空——其他元素不得侵入此区域。背景的斜线区即是允许背景延伸的安全范围。两个 mark 同规则。

07 · 错误用法

DON'TS · 无条件禁止
不要横向拉伸或压缩
不要自创头盔配色,只用规范色板
不要加粗阴影/描边等特效
+
不要同场景混用两个 mark · 选一
已选择 · V01