标识与色彩Identity & Palette

一本书的侧影:左边是书脊,顶部是书口,中间是层叠的页边纹,右侧敞开——那是一本还没写完的书。

L0主标识母版logo.svg
维点图书馆应用图标
L1应用图标icon-512.png
32 像素简化版16 像素极简版
favicon简化版favicon.svg

结构释义

图形同时可读作地天泰卦:坤上乾下,地在天上,为通泰之象。书本符号全球零解释成本,卦象承载「书中包罗万象、意蕴天地宇宙」。

四色,四重空间

四色不是配色偏好。每一色对应一处真实存在的空间,品牌延展时不需要再编故事。

#003048

星穹蓝Star-vault Blue

天穹 / 宇宙

英文名 Dimensions Cosmos 的直译,也是应用底色与正文墨色。

RGB 0, 48, 72

#84A890

生态绿Eco Green

田野 / 千湖

水与生长的那一层,来自项目所在的田野与水系。

RGB 132, 168, 144

#9C6C48

原木土Raw-earth Brown

原木 / 夯土

书式民宿与乡村院落的材质记忆。

RGB 156, 108, 72

#E41824

一点红A Single Red

印章 / 点睛

全稿唯一的暖色,只落在「点」字上。面积永不超过 5%。

RGB 228, 24, 36

配比

配比有三层口径,不是一个数字:实体讲材质面积,屏幕讲视觉层次,实测讲当前基线。 三者不能互相顶替——把实体比例直接搬到屏幕上,星穹蓝就会去抢正文的地盘。

实体空间材质面积星穹蓝 60 · 生态绿 25 · 原木土 10 · 一点红 5
602510

院落与书式民宿的真实用料比例:夯土与夜天 60、田野与水系 25、原木 10、印章 5。这是品牌最初的量,不是屏幕指标。

屏幕目标视觉层次星穹蓝 66 · 生态绿 18 · 原木土 8 · 一点红 5 · 浅阶蓝 3
66188

界面不靠大色块铺面积,靠明度分三层:纸底、卡片白、浅阶蓝 #E8EEF1。生态绿与原木土退到点缀位,一点红始终是点,不是面。

改造后实测当前基线纸 69.8 · 星穹蓝 20.0 · 卡片白 6.0 · 浅阶蓝 1.3
69.820.06.0

对线上书籍详情页首屏逐像素统计(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 仍不贴边
maskable62%Android 会把图标裁成圆形,62% 使图形外接圆落在 80% 安全区内

母版是单色矢量(currentColor):它本身不带颜色,深底出白形、浅底出星穹蓝,颜色由场景决定。 因此不提供多色或渐变版本——四色一旦进入图形内部,60:25:10:5 的配比立刻失效,一点红也会从点睛退化为装饰。

取用

← 返回书库