标识与色彩Identity & Palette
一本书的侧影:左边是书脊,顶部是书口,中间是层叠的页边纹,右侧敞开——那是一本还没写完的书。



结构释义
- 书脊与书口——左侧竖脊接顶部横梁,是一本书最稳定的两条边。
- 页边纹——九段长短错落的横线:上三组中缝断开(地/坤三阴),下三条贯通(天/乾三阳)。
- 翻页起点——左下角内凹的弧线,手指翻开第一页的位置。
- 右侧敞开——不闭合,表示还没写完,也把位置留给后来的人。
图形同时可读作地天泰卦:坤上乾下,地在天上,为通泰之象。书本符号全球零解释成本,卦象承载「书中包罗万象、意蕴天地宇宙」。
四色,四重空间
四色不是配色偏好。每一色对应一处真实存在的空间,品牌延展时不需要再编故事。
星穹蓝Star-vault Blue
天穹 / 宇宙
英文名 Dimensions Cosmos 的直译,也是应用底色与正文墨色。
RGB 0, 48, 72
生态绿Eco Green
田野 / 千湖
水与生长的那一层,来自项目所在的田野与水系。
RGB 132, 168, 144
原木土Raw-earth Brown
原木 / 夯土
书式民宿与乡村院落的材质记忆。
RGB 156, 108, 72
一点红A Single Red
印章 / 点睛
全稿唯一的暖色,只落在「点」字上。面积永不超过 5%。
RGB 228, 24, 36
配比
配比有三层口径,不是一个数字:实体讲材质面积,屏幕讲视觉层次,实测讲当前基线。 三者不能互相顶替——把实体比例直接搬到屏幕上,星穹蓝就会去抢正文的地盘。
院落与书式民宿的真实用料比例:夯土与夜天 60、田野与水系 25、原木 10、印章 5。这是品牌最初的量,不是屏幕指标。
界面不靠大色块铺面积,靠明度分三层:纸底、卡片白、浅阶蓝 #E8EEF1。生态绿与原木土退到点缀位,一点红始终是点,不是面。
对线上书籍详情页首屏逐像素统计(1440×900,DPR 2)。改造前同一统计是「纸墨 97.2 · 星穹蓝 0.1」,品牌色在屏幕上几乎不存在;现在是 20% 的蓝色结构面托住阅读。阅读页刻意压到 1.2%——长文阅读不该让大色块抢戏。
唯一红线不变——一点红面积永不超过 5%,超过就从「点睛」退化为「廉价」。 屏幕侧另有一条:浅阶蓝只做信息衬底(目录卡、表头、选中态),不参与强调,也不与星穹蓝叠加成第二种主色。
分层使用
| 层 | 名称 | 构成 | 使用场景 |
|---|---|---|---|
| L0 | 主标识 | 书形轮廓图形,比例 0.77 | 一切场合的锚点 |
| L1 | 应用图标 | L0 + 星穹蓝底板 + 安全区留白 | 桌面、应用商店、favicon(永不带字) |
| L2 | 中文组合 | L0 +「维点图书馆」 | 网站头部、书封、实体招牌 |
| L3 | 英文组合 | L0 + Dimensions Cosmos Library | 页脚、印刷品(画布宽须 ≥ 240px) |
| L4 | 缩写标记 | DCL 三字母 | 极窄位:合作方墙、水印 |
三条铁律:主标识是唯一图形来源,不得为某个场景另画一个「感觉差不多的」;应用图标不带字,系统已在图标下方显示应用名;缩写是替补,空间够就回退到中文或英文组合。
图标几何三参数
| 参数 | 值 | 依据 |
|---|---|---|
| 圆角 | 22.5% | 与 Android / macOS / Windows 商店图标的视觉重量对齐,不方也不过圆 |
| 图形占高 | 76% | 四周各留 12% 呼吸位,缩到 16px 仍不贴边 |
| maskable | 62% | Android 会把图标裁成圆形,62% 使图形外接圆落在 80% 安全区内 |
母版是单色矢量(currentColor):它本身不带颜色,深底出白形、浅底出星穹蓝,颜色由场景决定。 因此不提供多色或渐变版本——四色一旦进入图形内部,60:25:10:5 的配比立刻失效,一点红也会从点睛退化为装饰。
取用
- logo.svgL0 主标识母版 · 单色矢量 · 569×735
- favicon.svg简化版 · 上三组改为整线 · 供 16–32px
- icon-512.pngL1 应用图标 · 星穹蓝底 · 圆角 22.5%
- icon-512-maskable.pngAndroid 自适应图标 · 图形 62%