从哪个 a 读起,
都是 aha。

"ah" 绕成一圈,一直读下去就成了 ahahahah,笑出了声。点一下环,它往前转过一个 "ah"。

01

Aha moment

aha 不只是“想明白了”。心理学家给它列过四个特征:来得突然,毫不费力,带着一阵高兴,而且你当下就确信它是对的。

它也不靠多知道一点什么。1907 年,Karl Bühler 把这种体验叫作 Aha-Erlebnis。几年后,Wolfgang Köhler 在特内里费岛看黑猩猩 Sultan 够笼外的香蕉:两根竹竿都太短,它摆弄了一阵,忽然把细的插进粗的里,够到了。东西一样没多,只是换了个组合。

大脑里也看得见这一下:答案出现前一秒多,视觉区先暗下去,像闭上眼往里看;到最后 0.3 秒,右侧颞叶亮起一阵高频脑电。

Arthur Koestler 在《创造的行为》里把笑、发现和艺术放在一起看:haha、aha、ah 是同一个动作,把两件原本不相干的东西接上,只是心情不同。

笑环把三个都装进一个圈:从 a 读是 ah,多读一个字母是 aha,从 h 读起就成了 haha。字母从没变过,变的只是从哪里开始读。

Aha Labs 想做的就是这件事:材料都在那儿,帮你换个地方开始读。

Topolinski & Reber 2010 · Bühler 1907 · Köhler 1917 · Jung-Beeman 等 2004 · Koestler 1964
02

构造

八个字母立在同一个圆上,像围成一圈的人:每个字母保持原本的字形,朝外站,只顺着圆弯 35%,笔画粗细不变。

基线、x 字高中线,量字距的地方升部
  • 字距沿 x 字高的中线(虚线)量,所以里圈不挤,外圈不空。
  • "ah" 绕四圈,四重旋转对称;第一个 a 端正地立在 12 点钟。
  • h 的升部只高出 0.28 个字高,外轮廓几乎是一个正圆。
  • 环和字标是同一套字母:碗形都是指数 2.3 的超椭圆,介于圆和方之间;s 也属于这一族,两端平切。
03

颜色

松绿是主色:一个深而安静的绿,配米白字。青瓷是它的浅色,同一色相,两个明度;纸和墨用在不需要颜色的地方。

松绿#1f3d35
青瓷#c9d6ca
墨纸#f4f1ea
墨底#171717
04

字标与组合

字标 aha labs 和环里的字母是同一套,笔画 24 / 20.5(环里稍粗,26 / 22,因为它常被看得更小)。

05

小尺寸

40 px 以下环里的字会糊,所以 favicon 和更小的位置用环里的一个 a 代替。

96
64
48
32
24
16
06

和产品放在一起

Galta 黑白,Mochi 钴蓝,母品牌是松绿:三个颜色不抢,同样是圆角方形里一个有表情的东西。

07

规范

颜色

松绿 #1f3d35 · 青瓷 #c9d6ca · 米白 #efe9dc · 纸 #f4f1ea · 墨 #171717

留白

四周至少留一个环里 a 的宽度。

最小尺寸

环 40 px,以下换成单个 a。横排组合宽 120 px,字标宽 64 px。

动效

平时每 40 秒转一圈;点一下,用弹簧往前转 90°,正好一个 "ah"。系统设置为减少动态效果时静止。

不要

把字母重新弯成扇形;改变 ah 的次数或顺序;拉伸、描边、加阴影;在环中间放东西。