← 返回

01 / INTRO色彩实验

从一个基础色出发,建立可用的颜色系统。

COLOR AS AN INTERACTIVE DESIGN SYSTEM.

把色阶、中性色、语义角色、可访问性与真实中文应用放进同一套设计判断。

02 / CONTROL

基础颜色

BASE COLOR

#5B6CFF

配色逻辑 / COLOR LOGIC
03 / SYSTEM

完整颜色系统

FROM SCALE TO SEMANTICS

先建立稳定的色阶和中性色,再把颜色分配给真实界面角色。

03.1

设计角色

CORE PALETTE
03.1B

层叠色卡浏览

POINTER WAVE / CLICK TO COPY
03.2

感知色阶

50—950 / HEX · RGB · HSL
03.3

品牌中性色

TINTED NEUTRALS
03.4

语义颜色

SEMANTIC ROLES
04 / APPLICATION

让颜色进入真实内容

LIVE APPLICATION

改变基础色时,背景、文字、卡片、按钮、状态、数据与边框会一起更新。

LIVE CANVASBRAND / 品牌
品牌设计系统 / 001

设计不是装饰,
而是建立秩序。

从颜色、字体到信息层级,让视觉语言在不同媒介中保持一致。

SHIDAFA® DESIGN ARCHIVE继续探索 ↓
05 / DETAIL

判断,而不只是生成

DECISION & ACCESSIBILITY

用真实色彩关系、WCAG 相对亮度与使用建议检查这套系统是否可靠。

06 / EXPORT

带走这套系统

DESIGN HANDOFF

复制到设计软件、前端变量或 Design Tokens 工作流,不建立额外文件系统。