一格,一点朱。方框是词谱上的一个空格,开口是词进来的地方,正中的朱点是落下的那一笔。 格律不动,形容万变——这就是这套界面的做法。
三个零件,四层意思
词谱上,一个空格就是一个字的位置。四边定界、直角不倒角——圆角是贴纸的语言,直角是格律的语言。
顶边留一道口,是填词的入口。口不对中、偏在右侧,像一笔从格外来,被格收住。
落在格里的那一笔:唇上一点朱,也是稿纸上的朱批。全标志唯一的实体,唯一的颜色。
为什么是「点」。朱笔圈点,古人读书时用朱笔在好句旁点一下——「可圈可点」就是这么来的,原本是夸文章, 后来用来夸人。所以这一点朱既是批注(设计审查),也是称赞(好看)。它和「点绛」的字面(点唇)是同一个动作。
48 单位格 · 标尺为实际比例
| 参数 | 值 | 理由 |
|---|---|---|
| 格 | 33 × 33,居中 | 四周留 7.5,给标志一个呼吸的边距 |
| 线宽 | 1.7(≈ 1/19 格宽) | 细到像笔画,粗到 24px 仍不断 |
| 口宽 | 7,偏右 | 等于点半径;不对称才像一笔,不像缺口 |
| 点 | ⌀14,实心 | 占格内净宽 42%,是唯一压得住的实体 |
| 圆心 | (24, 24.8) | 比几何中心沉 0.8,视觉才不飘 |
| 余白 | 7.9 – 9.5 | 点与格内壁留匀,不粘边 |
网格是 4 的倍数,所有值都落在半格上——这样标志可以按 8 的倍数放大而不出现半像素。
朱只作点,不作面
#0C1218 · 纸面 #E9EEF3
格的语言。深色场景用浅墨线,浅色场景用深墨线,永远与背景反相。
#C8503C · 小尺寸 #E0684F
只有「点」能用。面积严格小于画面 3%,一旦成面就变成另一个品牌。
#39C6D6
工作色:链接、选中、焦点。它是产品的颜色,不是品牌色,两者不许互换。
为什么朱不铺开。「点绛」的绛是深红,但字面就是一个点——一点,不是一片。整套视觉里朱只出现在标志的圆、 印章、和极少数需要「批注」的地方;界面交互一律用青。这样深色底上的朱才显得贵,而不是促销。
28px 是换形的分界
| 尺寸 | 形态 | 线宽 | 说明 |
|---|---|---|---|
| ≤ 28 px | 实心形(换形) | — | 格填实、点镂空或反白;16px 仍可辨认 |
| 32 – 40 px | 细线形 | 2.4 | 线宽按比例加粗,否则会断 |
| 48 – 72 px | 细线形 | 1.9 | 顶栏、工作室、头像位 |
| ≥ 96 px | 细线形 | 1.7 | 封面、规范页、印刷 |
不在此列的,视为新标志
一藏一显,一方一圆
点绛是开:一方格留了口。琅嬛是藏:一个环闭着,只留一线。两个标共用同一套线宽与几何语言, 但一个方、一个圆——放在一起是「藏与显」,不是两个随机图标。
顶栏 / favicon / 封面
下面六种都不叫点绛
为什么叫点绛
「白雪凝琼貌,明珠点绛唇。」
—— 南朝 · 江淹《咏美人春游》
江淹写一个美人,只用了五个字:嘴唇上那一点朱。后来这五个字成了词牌《点绛唇》——格律死了,词是无穷的。
这个词同时给了我们两样东西:一个夸人的动作(点唇,是打扮里最见功夫的一笔), 和一套法度(词牌,固定格式、无穷填写)。产品做的正是后者:50 个 token 是格律,53 个组件是词,换皮肤就是换一首词。
它和琅嬛(元《琅嬛记》里天帝藏书的洞府)是一对:琅嬛藏万卷,点绛点一色。 一藏一显、一方一圆,语域也齐——都是古典的、书卷气的,不是一个仙境一个车间。
| 版本 | 代号 | 含义 |
|---|---|---|
| v0.2(当前) | 试妆 | 先在镜前试,规则还在改 |
| v0.5 | 定妆 | 样子定了,token 冻结 |
| v1.0 | 上妆 | 可以见人,对外发布 |
版本号沿用妆程,不再用铸程。旧的「试范 / 脱范 / 合范」随品牌一起退休。
public/brand/dianjiang-mark.svg
dianjiang-mark-compact.svg
langhuan-mark.svg
点绛 DIANJIANG · 标志规范 v1.0