01
起笔：一页编号清单
最早只有一屏文字和一张编号清单，写下想做的栏目名与先后顺序。当时的判断很简单：读者能不能在三十秒内找到自己要看的那一栏。这条标准后来变成了登录指引页的第一屏。
01
开篇
先把顺序理清，再谈风格
这个栏目不做宣传，只按顺序记录做过什么、为什么这样做。第一条原则是顺序优先：先确定栏目之间怎么分工，再决定页面长什么样。栏目分工不清，页面再怎么排也会互相打架。
第二条是克制。配色只保留深空墨蓝、月潮青与缘绯铜三支，青与铜只出现在描边、标签和强调位，正文区域一律保持低对比。这样长文能读得久，图片也不会被界面抢走注意力。
第三条是留痕。每次调整栏目结构、换用新素材、修订旧段落，都会在内容动态里留一行记录并标注日期。读到这里的人，可以据此判断某段叙述是否属于当前版本。
时间线
六个阶段，一段一段往下读
每个节点只讲一件事，配一句当时的判断依据。桌面端左右交替呈现，移动端沿单线向下阅读。
02
定色：三组候选收敛到三支
配色从三组候选里收敛到深空墨蓝、月潮青与缘绯铜。深色打底是为了让长文更耐读，青与铜只在描边、标签与强调处出现，避免整页都在喊。大面积渐变被明确排除，层次交给局部发光与细描边。
02
03
立栏目：从两条扩到五条
栏目最终定为登录指引、品牌情缘、内容图鉴、内容动态、常见问题五条。每个栏目只承担一件事：讲流程的页面不摆作品，摆作品的页面不讲流程，避免同一段内容在几处重复出现。
03
04
排版：标题用宋体，正文用无衬线
标题改用宋体气质的字族，正文改用无衬线，行高放宽到 1.75，长段落不再两端对齐。段间距统一，次级信息降到弱文字色。这些调整看起来细微，实际决定了能不能连读三千字不累。
04
05
素材：同一组图，靠裁切区分
图版固定使用同一组外景与静物素材，靠裁切比例、明暗层次和排布位置区分栏目，不用大量更换图片来制造新鲜感。每张图配一句具体说明，写明拍的是什么、用在哪一栏，避免空泛的图注。
05
06
现在：改动都要留一行字
新增勘误说明与更新记录，任何结构调整、素材替换、段落修订都在内容动态里留一行字。读者据此可以判断某段叙述是否属于最新版本；若与本页表述冲突，以更新记录为准。
06
三条线索
看得见的取舍
视觉、命名与素材是三件最常被问到的事，各用一段说明讲清楚。
视觉取舍
深空墨蓝打底，月潮青只做强调
底色压到近黑的墨蓝，正文亮度提高，长时间阅读时眼压更低。月潮青用于按钮、激活态与关键描边，缘绯铜用于分类签与引述边线，两支都不进正文区域，避免颜色抢字。
栏目命名
名字要能直接读出用途
五个栏目名都采用“做什么 + 对象”的直白结构，看名字就知道点进去会看到什么，不用猜。
素材与图注
每张图配一句具体说明
图注写明拍的是什么、用在哪一栏，不写空泛评价。图片统一懒加载，首屏以外的素材不抢占加载顺序。
读这个栏目时可以留意
- 每个节点只讲一件事，读完一段即可停下。
- 涉及修订的段落，以内容动态中的记录为准。
- 叙述只覆盖已发布内容，未公开部分不做推测。
- 引用时请注明出处并保留页面链接。
常见问题
关于品牌情缘的五个问题
品牌情缘按阶段讲来路，回答的是“当时为什么这样定”；内容图鉴按主题摆成品，回答的是“现在有哪些可看的内容”。两者不互相替代，建议先看品牌情缘，再进内容图鉴。
会。新增阶段节点与旧节点修订都会在内容动态栏目留下记录并标注日期。若某段叙述与更新记录不一致，以更新记录为准。
早期手记本身没有留存可用素材，补配图片容易造成误读，因此保持纯文字。后续阶段的手记均配有素材图与一句具体图注。
可以，注明出自不朽情缘官网登录入口并附页面链接即可。请勿修改原意或截取片段造成歧义，也不要把站内叙述改写为承诺性表述。
建议先读开篇三段了解主线，再按编号顺序向下浏览。若只关心某一方面，可直接跳到“定色”“立栏目”或“素材”节点。