01 / 起点
从一张墨绿牌桌开始
深墨绿是牌桌的绒布,也是内容页面的底色。它能压住大段文字而不刺眼,夜里读久了眼睛也不累。
暖金只走边框、分隔线和局部高光,用来看结构,不抢正文。朱红是唯一的高饱和色,只标变更、异常和需要马上处理的状态——看到红色,你就知道这里要停一下。
七个内容版本走到今天,这套名字叫「牌桌夜宴」的视觉成了品牌的基本秩序:先让人认出哪里是入口,哪里出了问题,再谈好不好看。
牌桌夜宴色卡
把光标停在色块上,看它在页面里承担什么。
01 / 起点
深墨绿是牌桌的绒布,也是内容页面的底色。它能压住大段文字而不刺眼,夜里读久了眼睛也不累。
暖金只走边框、分隔线和局部高光,用来看结构,不抢正文。朱红是唯一的高饱和色,只标变更、异常和需要马上处理的状态——看到红色,你就知道这里要停一下。
七个内容版本走到今天,这套名字叫「牌桌夜宴」的视觉成了品牌的基本秩序:先让人认出哪里是入口,哪里出了问题,再谈好不好看。
把光标停在色块上,看它在页面里承担什么。
02 / 历程
站点从入口说明起步,回答的是最直接的问题:会员中心在哪里、登录前先看哪几项。所有内容由小团队手工维护,改一条、发一条。
登录异常的常见表现被拆成 4 类,落到 12 个检查点;兼容清单从零散经验整理成 18 条,对应 46 款 iOS 设备与 38 款 Android 设备。
移动端的阅读体验得到行业侧关注,同年定下写作顺序:先给能立刻执行的动作,再补背景和原因。
第七个内容版本把重心放到信息识别上:深墨绿绒布铺底,暖金收边,朱红标状态。这套体系一直沿用到今天。
编排方式被当作样例收录,团队把注意力放回结构本身:一个区块说一件事,一条路径走到能用的结果。
赛季阶段每周维护 4 次,非赛季保持每周 2 次。段位晋升进度与结算明细示例跟着赛程同步推进。
03 / 团队
盯入口变更和会员中心的登录状态,把 4 类异常表现拆成 12 个检查点,按顺序带你走一遍,不让你在几个页面之间来回猜。
维护 18 条兼容清单,覆盖 46 款 iOS 设备与 38 款 Android 设备。旧版设备能不能打开,这一组先替你试一遍。
7 个段位等级的晋升节点、进度环,以及 12 组结算明细示例,都对照赛程更新,方便你比对自己的数据。
负责视觉与文字:320 余篇内容的版式、坐标索引和用词,最后都在这里收口,保证你读到的句子是一致的声音。
新机型和新系统版本先进入矩阵,跑一轮基础检查,把明显跑不动的情况挡在前面。
仍在用的旧版 iOS 与 Android 机型单独再过一遍,「打不开」多半在这一步现形。
改动过的页面重新走查一遍,编辑、兼容、合规三级确认之后才对外发布。
04 / 编排
结论写在上层,补充说明压在下层。先读完一句话能判断要不要继续,需要细节再往下翻。
卡片带描边和角标,范围划得清楚。扫读的时候不容易串行,也不会把两条不同的说明看成一条。
栏目用 12–13px 的等宽字标编号,入口、更新、帮助各占一处。你在哪个位置,一眼就能对上。
段位、版本号、检查点编号统一用等宽字体,位数一样宽,竖着排下来就能对照。
05 / 服务
入口说明固定在会员中心首屏,改版当天同步更新。收藏过的页面再打开,看到的就是最新那一版。
邮件请注明「会员中心登录异常」或「本地入口变更」,按标签分给对应小组。工作日 09:00–18:00 在线客服优先响应,邮件与电话同一时段处理。
PC、iOS、Android 三端内容适配,页面从 320px 到 1920px 的宽度都能正常阅读,旧设备上也不会挤成一团。
非赛季每周 2 次内容维护,赛季阶段加到每周 4 次。段位晋升、结算字段和兼容清单跟着赛程一起动。