s3://rustfs-brand/graphics/Guidelines · Graphics

图形语言Graphics

条带签名与分片矩阵是仅有的两种品牌图形,均取自纠删码的真实结构。
图形 条带签名 · 分片矩阵网格 12 col · 4px画板单位 u = 1/100

Model图形从哪里来

对象切成 k 个数据块与 m 个校验块,每块盘存一块;校验块逐条带右移。

对象hello.txt
D1#1
D2#2
D3#3
D4#4
P1#5
P2#6
一次写入 · EC 4+2
连续写入 · EC 4+2

Stripe signature条带签名

4 个数据块 + 2 个校验块,品牌最小的图形单位。

标准 4+2
Ink 底
Signal 底:校验块为 Ink
缺失一块:用于修复相关内容
规则规范
结构固定 4 + 2,间距为边长的 32%
尺寸边长为字标高度的 ⅓,不小于 6px
位置签名、角标、分隔;每画面一次
颜色Signal 底上数据白、校验 Ink

Shard matrix分片矩阵

列是盘,行是条带。须按规则生成,不得手工排布。

<ShardMatrix cols={16} rows={8} k={12} m={4} seed={7} />
模式
消隐方向
底色

EC 12+4:任意 4 块盘离线时数据仍可读取。

solid:默认,用于主视觉
tone:数据块三档明度,增加纵深
outline:数据块为线框,校验块成为焦点
dissolve:向一角消隐,为文字让位
dead:整列故障盘,说明容错
missing:零散缺失块,说明修复
为文字留白时使用 dissolve,不得叠加半透明遮罩。

Grid版式网格

网页 12 栏、最大 1240px;画板以 u 计,边距 7u。

网页:12 栏,24px 栏间距
7u1.0.1
画板:u = 短边 / 100,边距 7u
断点宽度栏数两侧留白
手机< 640px416px
平板640–1023px824–40px
桌面1024–1439px1240–64px
宽屏≥ 1440px12,内容最大 1240px64px

Diagrams架构图

1px 线框、直角、正交连线;RustFS 组件为蓝色。

AWS SDK
mc / aws-cli
应用
S3 API:9000
RustFS · Pool 1
node-1
node-2
node-3
node-4
线条只走水平与垂直
颜色全图一条 Oxide 路径
文字参数与端口用等宽

Imagery图像与截图

只用真实截图与照片,不用库存图与 AI 图像。

BucketsAccessReplicationLifecycleSettings
BucketsCreate bucket
NameObjectsSizeErasure
my-bucket1,28412.4 GiBEC 4+2
models31286.1 GiBEC 4+2
logs-202648,9073.2 GiBEC 4+2
backups96410 GiBEC 8+4
截图:直角、1px 边框、无设备外壳、无投影

产品截图

  • 用规范示例数据,不出现客户数据
  • 1px 边框,不加设备外壳与透视
  • 强调处用一条 Oxide 线框

照片

  • 真实硬件与现场,中性光线
  • 品牌底色上可用 Ink 单色调

Do & Don't图形规则

正确矩阵按纠删规则生成,校验块成斜向条带。
错误随意排布的色块、圆点与渐变光效。
正确条带签名作为页脚签名,每个画面一次。
错误改变条带的数量、颜色或改为圆形。