两仪双生
燕与蛇,共一笔
玄鸟自天命而降,灵蛇于岁末而蜕——一笔既出,顺势相抱:顺线而读是蛇行,望其末梢是燕尾。此印以「两仪」为骨、以「玄色」为底、以朱砂点睛,是四口北廿的新方寸。
序 · 玄鸟玄蛇
WHY — 意象的来路燕是玄鸟。《诗·商颂》:「天命玄鸟,降而生商」——燕之古名即玄鸟,是天命所系的使者;蛇居玄武之位,岁岁蜕皮,是循环与新生的化身。在古人的宇宙观里,两者同属「玄」色,本就一体。
形上亦是同源:燕飞行时那道剪刀尾,与蛇游动的 S 曲线,本是同一笔线条的两种读法——一笔末端分叉即燕尾,一笔顺势游动即蛇身。义理上,「燕燕于飞」是年年归来,「灵蛇之蜕」是岁岁更新,归与生,循环往复,即《易·复》所谓「反复其道,天行也」。
解 · 形之拆解
WHAT — 聚光灯自动巡游顺势一笔 · 由首入怀
曲线自燕首顺下入怀,绕行上环;巡游至此时光圈自动停留。
逆向一笔 · 相抱成仪
与燕身镜像相抱、旋转成圆——两笔首尾不相触,留出呼吸的缺口。
朱砂一粒 · 全印之神
方寸之间无他彩,唯此一粒朱砂,即「画龙点睛」之谓。
两仪之眼 · 守中一点
太极两仪的当代转译:一眼观天,一眼守中。
收笔分叉 · 燕尾为证
让观者确认:这笔线是燕,也是蛇。
程 · 创作之序
PROCESS — 从立意到成章玄鸟玄蛇 · 先立其意
取《诗·商颂》「天命玄鸟」与玄武灵蛇二典——二者同属「玄」色,先在文化上认了亲。
拆形见线 · 一笔两读
燕之剪尾与蛇之游走的曲线本是同一笔线:末端分叉即燕尾,顺势游动即蛇身。
双 S 起笔 · 顺势相抱
一笔自燕首落下绕行上环,另一笔镜像接入绕行下环——首尾不相触,留呼吸缺口。
两仪相抱 · 合为一印
两线旋转交抱成圆,中留一点空位——太极两仪的当代转译,形与意至此合拢。
朱砂两粒 · 点睛守中
燕首落一粒朱砂为目,交抱中心落一粒为仪眼——一眼观天,一眼守中。
钤入方寸 · 印成
收入朱砂圆角方章,宣纸留白——方寸印成,可钤于页眉、页脚与favicon。
左起四格即成印之序:素形起线,至两仪相抱,至朱砂点睛,至玄色全彩——与 skbn.cn「字形」篇的四部合成一篆,是同一种叙事:先拆,后合,最后一印定音。
动 · 动效谱
HOW MOTION — 自动四景循环以上四景以 16s 为周期自动循环,无需点击、无需刷新;页面加载即演。
| 动效 | 周期 | 触发 | 说明 |
|---|---|---|---|
| 落章 | 1.0s / 仅一次 | 载入自动 | 章体 116% 缩落归正,微旋 −2.5°——钤印落纸 |
| 呼吸 | 4.5s / 循环 | 自动 | 整印 100%↔101.8% 吐纳,静中有生 |
| 光泽 | 6s / 循环 | 自动 | 115° 宣白光带横扫章面一次 |
| 印晕 | 5s / 循环 | 自动 | 章周朱砂光晕缓缓聚散 |
| 四景 | 16s / 循环 | 自动 | 特写—微倾—推近—归位,配字幕与指示点 |
| 巡游 | 24s / 循环 | 自动 | 聚光灯沿五构件游走,字幕同步 |
| 跑马灯 | 26s / 循环 | 自动 | 应用场景横向缓行,双向两排,悬停暂停 |
全 自 动
页面所有动效均为 CSS 关键帧,加载即演、循环不止——没有任何按钮、不需要刷新。
层 次 之 序
纸底(恒静)→ 纸纹(低透明度覆盖)→ 内容 → 印影 → 光效。光效只属于印章,纸纹永远不动。
节 制 之 约
动效虽多,各守其位:印章动,文字静;循环有恒速,入场有先后——动而不乱,是水墨的规矩。
用 · 四境
WHERE — 应用场景自动巡展Favicon · App
方章满幅直出,512 / 48 / 24 三档;印面自带留白,切图时按 12% 边距内缩即可。
页眉 · 页脚
章 44px + 细墨竖线 + 标准字;页脚整体降至 72% 透明度,安静如水印。
玄墨反转
夜读与深色场景:底换玄墨、字换宣白,朱砂章不变——见跑马灯中的暗色卡片。
式 · 排版之规
SYSTEM — 色 · 字 · 层 · 格色 · 五色之谱
朱砂唯用于章与睛,永不作大面积铺陈——一印一点,是为节制。
字 · 字阶之序
层 · 动效之序
- Z0纸底(恒静,不带任何动效)
- Z1纸纹(fixed 覆盖,低透明度)
- Z2内容与栅格(入场自动浮现)
- Z3悬浮投影(卡片 hover 抬升)
- Z4印章(最高级:落章/呼吸/光泽/巡游)
格 · 间距之度
- 8基础单位 8pt;全部间距取 8 的倍数
- 章章节间距 84px;标题与正文 44px
- 栏主栏 1080px,两栏间距 56–64px
- 留印内留白:图形距章缘 ≥ 14% 边长
- 势文字齐左不齐右,如行草之留白