跳至组件预览
Nookmi单词角落THE DESIGN COLLECTION · 02

IN THIS CORNER

01设计基础02按钮与选择03词卡配色04微小的动效05面板与反馈06性能与降级

把细节做轻,
让记忆停留。

DESIGN SYSTEM / V0.2

A LITTLE CORNER, THOUGHTFULLY MADE

Small pieces.
A world of words.

每一个小细节,都让学习更自在。

从一枚按钮到一张词卡,探索单词角落的颜色、文字与触感。

为每一种屏幕而设计
Aa01 — 26
curiosity/ˌkjʊəriˈɒsəti/

好奇,是学习的开始。

✳
一个可触摸的组件收藏

01 / THE COLLECTION

文字有温度,颜色有方向。

FOUNDATIONS

DISPLAY / BRICOLAGE GROTESQUE

Hello,
curiosity.

Every word opens a little window.

H1

看见一个新世界

H2

让每个单词,都有画面

BODY / INTER

Take a little time. Learn a little more.
每天一点,慢慢记住。

IPA / CHARIS SIL

/ˈprɪnsəpəl/ · /θɔːt/ · /ˈlɜːnɪŋ/

Caption · 辅助文字EYEBROWPill · 标签

六级色彩,一条成长路径

CEFR PALETTE
01
A1初见
02
A2熟悉
03
B1探索
04
B2表达
05
C1自如
06
C2精通

02 / THE COLLECTION

刚刚好的回应。

BUTTONS & PILLS

BUTTON / 四种表达

轻轻靠近,磁吸按钮随指针回应。

PILL / 为学习选一个起点

当前选择:B2 · 每一步,都算数。

03 / THE COLLECTION

每个词,都有自己的光。

DYNAMIC WORD THEMES

WORD ATLAS · …
正在载入词库…

library

一个小小的词,一个新的世界。

WORD ATLAS / 7,298↗

COLOR, FOUND IN THE PICTURE

从画面里取一抹颜色。

插画的色彩延伸到词卡背景,深浅主题各有一组舒适的阅读配色。

缩略图先呈现 ThumbHash 占位,再轻柔地显现原图。

04 / THE COLLECTION

一点动静,一点惊喜。

MOTION & TEXTURE

CIRCULAR TEXT

让声音转一圈

点击切换播放状态预览

ODOMETER

0123456789,012345678901234567890123456789

每一个数字,都是一点积累。

SPOTLIGHT CARD

跟随你的好奇心。

桌面上,光随指针移动。
手机上,轻按也有回应。

05 / THE COLLECTION

需要的时候,轻轻出现。

SHEETS & FEEDBACK

SHEET

还有更多,慢慢展开。

向上拖动展开,或使用按钮。

TOAST & CONFETTI

给每一点进步,一个回应。

静态优先时,以文字保留庆祝的心意。

06 / THE COLLECTION

对设备体贴,对注意力也是。

ADAPTIVE BY NATURE

CURRENT EXPERIENCE

静态优先

根据设备能力,为动效留出合适的余地。

WebGL2
CSS 回退
内存 / 核心
未知 / 未知
前 60 帧均值
已跳过
Made for a little more curiosity.
Word Atlas contributors (词光) · CC BY 4.0