跳到正文
关注 Tooo

Everything I'm made of.

品牌工作室

一群兔子机器人,每只替你管一件事,自己去办,办好了才来找你,越养越聪明。它们长得各不一样,靠两只耳朵、两只小眼睛和一种颜色认出是一家;在干什么,看表情就知道。这一页只放品牌资产,就是不管出现在内容、官网还是 App 里都一个样的东西;App 和官网的界面不放在这里。内部看效果用。

App 图标

视频里的通知、应用商店的搜索结果、手机桌面,用户看到的都是这一个。

App 图标:黑底上一只放大的白色 Tooo,身子从下沿冒出来,耳朵完整,像正从下面升上来。
微信小红书抖音淘宝支付宝HeyTooo快手B站
放在手机桌面上:周围多是彩色底的图标,黑底的这只更跳。

兔子这一家

用户给每个助手挑身子、耳朵和颜色。下面是能挑的全部,和什么不能变。

每只都一样,所以一眼看得出是一家

  • 两只耳朵,长在身子顶上
  • 两只小小的眼睛,跟身子一深一浅,平时看着一边
  • 不加嘴、鼻子和配饰
  • 一只一种颜色
  • 不变形:在干什么,只从表情上看出来

每只可以不一样,用户给每个助手挑,一只代表一件事

  • 身子:12 种
  • 耳朵:8 种
  • 颜色:10 种
  • 当下的表情:跟着它在做的事变

身子 12 种

标"新"的四种是为了缩小以后还分得开加的:花、齿轮、倒三角、六边形。每种顶上都是凹的或平的,不会从两只耳朵中间戳出尖来。右边的小黑影是 24 像素的样子。

圆球
鹅卵石
圆角方块
胶囊
方块
扁胶囊
竖胶囊
宽底鹅卵石
新花
新齿轮
新倒三角
新六边形

耳朵 8 种

胶囊耳
软耳
细耳
粗耳
大耳
张开
折耳
浮空

颜色 10 种

左边放在白底上,右边放在深色界面上。黑色在深色界面上看不见,换成了灰色;白色在白底上看不见,只在深色的地方用。

橙#eb7528
珊瑚#ea5a59
粉#eb6ca5
紫#8b5cf6
蓝#3a79df
青#27ab9b
绿#30b75c
黄#e2a80a
灰替掉黑色#8e8e93
白#f4f4f2

表情 16 种

平常
专心
惊讶
兴奋
开心
大笑
生气
难过
害怕
怀疑
困惑
好奇
得意
害羞
无语
犯困

两种画法

立体:让人玩、让人存、让人晒的地方,比如两个工作室、画像卡、社区的卡片和封面主图。高光比以前淡,免得眼睛像球上的反光。这里拿橙色举例。
平涂:产品和介绍产品的地方,比如 App、首页、标志和图标、通知和“Hey”消息;不管在哪,40 像素以下都用它。彩色的兔子眼睛大一号,开心时是笑眼。

"Hey"消息:兔子来找你的那一刻

兔子主动来找你。通知里是那只兔子的头像,角上是 App 图标,像微信的消息一样一眼看出是谁找你。

11月7日 星期六
9:41
记日子现在Hey,后天是你们结婚三周年,我挑了三件礼物,你看看?
爸妈现在Hey,刚给张叔打过电话,降压药吃过了,要听录音吗?
五一成都现在Hey,五一去成都的机票降到 680 了,现在订吗?

"Hey"消息怎么写(草稿)

  • 以"Hey,"开头。
  • 第一句说它替你记着的那件事,带具体的日子、名字或数字。
  • 第二句说它已经替你做了什么。
  • 最后只问一个问题,你点一下就能回。
  • 一共不超过 40 个字,在手机通知里一屏看完。

例子:"Hey,后天是你们结婚三周年,我挑了三件礼物,你看看?"

来找你的那一刻,兔子换成"来找你"的表情,耳朵竖起来。还没做:"叮"的那一声。

表情:看出它在干什么

App 里兔子不会变形,看它在干什么全靠表情:眼睛和耳朵跟着变。换表情时平滑地过渡,平时轻轻呼吸、眨眼。

空着没有要办的事,眼睛看着一边,偶尔眨眼。
在办事在查、在写、在算,眼睛正过来,盯着手上的活。
在想碰到要想一想的地方,歪着头。
拿不准要问你一句才能往下办。
来找你有话跟你说,耳朵竖起来。通知发出去的那一刻就是这个样子。
到点了约好的时间到了,比如该吃药了。
办完了事情办成了,来交差。
办不成出了岔子,比如电话没人接。
睡着事情交代好了,等到日子再醒。

兔子变成三个点、感叹号、播放键这些动作,不用在对话里,用在加载、开屏、短视频这些"换场"的时候,见下一节。

转场:兔子变形只在"换场"的时候

对话里兔子只换表情。等加载、打开 App、视频切场面,这些本来就是"换场"的时刻,兔子可以变成别的样子再变回来。下面是每个动作用在哪。"变蛋"还没找到用处,先不用。

heytooo.com
加载中网站和 App 里,页面或内容还没出来的时候。Tooo 变成三个点,一跳一跳地等,加载好了再变回来。三个点本来就是"等一下"的意思。
开屏打开 App 的第一秒;网站第一次打开时也可以用。Tooo 缩成一个小球,几颗小点转着收进去,再弹回原样、睁开眼,像它刚开机。睁眼了就进 App。
切换网站换页面;短视频里从一个场面切到下一个。兔子像彗星一样划出去,再落回来,有方向感,像它跑去办事又回来了。
片尾每条短视频的结尾,一秒左右的品牌记号。开头不放:前一两秒决定人划不划走,要留给故事。Tooo 转一圈落定,下面出 HeyTooo 字样。动作最有表演感,只留给品牌出场。
"Hey"之前短视频里,手机通知弹出来的前一刻。那只兔子头上冒出一个红点,配"叮"一声,接着弹出"Hey,……"。
到点了短视频里,提醒吃药、出门这类"时间到了"的那一下。兔子变成一个歪着的感叹号,抖一下,再变回来。
点开看短视频的封面和最后一屏,提示"点开看"。兔子变成播放键,身后划过一道它自己颜色的光。
交代好了短视频结尾:事情交给它以后,它先去睡,到日子再醒。兔子缩成一个小点,像熄了灯。

账号头像

品牌号用 Tooo;每个场景号用那个场景自己的兔子,领到的助手也是这一只。头像一律黑底,平台裁成圆形也看得清。品牌号的头像能直接用,文件在 brand/kit/avatar/;场景号的是草稿,等场景重挑以后再出文件。

HeyTooo
HeyTooo 记日子
HeyTooo 带娃
HeyTooo 办婚礼
HeyTooo 爸妈
HeyTooo 选题