THREE DESIGN LANGUAGES

从紧张感、透明感与记忆中诞生的 UI

Nullv-UI 强化判断，SkyBlueCampus 让信息更轻盈，MemoriATM 创造让人放心按下的操作感。 每一种语言都把理念落实到色彩、形状、留白与状态变化之中。

查看设计 查看比较

OVERVIEW

用途不同，触感也不同

这三种设计语言即使用于同一种 UI，也会清晰地区分目标体验。

NULLV-UI

以结构化的紧张感，让信息更适合判断

这是一套由黑色背景、高对比橙色与红色、可见网格、90 度边角和阶跃式闪烁构成的技术 UI。 它不是把科幻感当作装饰，而是把监视、检测、判断所需的紧张感设计成结构。

  • 核心色为 Background Black `#0D0D0D`、Nullv Orange `#FF6600`、Warning Red `#CC0000`。
  • 克制圆角、阴影和平滑淡入，改用边界线、网格和层叠平面表达结构。
  • 状态变化即时切换。警告、接收、检测等状态使用 0.1 秒级的硬质闪烁。
NULLV CORE RECEIVING

VECTOR LOCK

03.218

SKY BLUE CAMPUS

以透明的知性，让大量信息显得轻盈

这套语言以白色与淡天空蓝为基调，结合玻璃质感面板、柔和边界和带有情绪感的数据表现。 它适合学术、分析和沟通类界面，让密集信息也能保持冷静、易读。

  • 核心色为 Sky Accent `#5CB8FF`、Academic Navy `#2D5F9A`、Trust Mint `#57D8B7`。
  • 卡片半透明，圆角较大，阴影轻柔，留白不会过度拥挤。
  • 数值、标签和仪表通过颜色承载意义，让信息量大的画面依旧便于浏览。
Insight Score 92.47
Confidence High
Signal Clear
推荐 可信度 高 已更新

MEMORI ATM

以怀旧的实用性，做出不迷茫的终端

这套设计语言让人联想到 1990 年代后期到 2000 年代初期的银行终端，以 4:3 画面、LCD 色、实体按键和细致说明为核心。 它不止停留在怀旧氛围，而是转化为“看得懂、按下就能继续”的实用交易流程。

  • 核心色为 LCD Base `#DDE4CB`、Terminal Blue `#1D5B9E`、Deep Ink `#18324A`。
  • 按钮是大型矩形按键。选中时立即反转，清楚显示当前操作对象。
  • 通过礼貌文案、分步确认和明确取消路径，降低终端操作的不安感。
MemoriATM STEP 01

请选择
希望办理的业务

TOKENS

比较色彩与形状

这里并列展示主要 token，让每种设计语言的使用差异一眼可见。

Nullv-UI

90 度边角、实线、无阴影、硬质阶跃闪烁。

SkyBlueCampus

半透明面板、浅色边界、约 14 到 24px 的较大圆角。

MemoriATM

4:3 画面、粗矩形按钮、DotGothic16、即时反转。

COMPARISON

采用判断速查表

Design
适合的画面
视觉性格
交互方式
Nullv-UI
科幻终端、监视、检测、警报、技术日志
结构化的紧张感。黑色、网格、橙色、红色、硬质矩形。
阶跃闪烁、即时切换、无辉光的高对比。
SkyBlueCampus
分析、教育、对话、状态、仪表板
透明的知性。淡天空蓝、玻璃质感、柔和的信息密度。
轻微浮起、选中高亮、带有情绪语境的指标。
MemoriATM
交易流程、确认画面、输入终端、复古业务 UI
怀旧的实用性。LCD、实体按键、细致的说明。
即时反转、分步处理显示、明确的取消动线。