品牌延展与退役：第二个产品共用还是另起
第二个产品上线后，有用户问「这是你们做的吗」，因为界面风格和第一个完全不同。品牌延展不是给新产品起个名字，而是决定共用多少：母品牌、子品牌还是独立品牌，token 复用到哪一层，旧产品退役后品牌资产怎么处理。
tag
视觉设计
共 11 篇文章。
设计验收：一致性、可访问性与跨平台的一张表
上线两小时后，一位用户发来截图：他用键盘 Tab 了七次，焦点始终停不到保存按钮上。设计验收不是审美评审，而是一张能逐项打勾的表：一致性、对比度、键盘焦点、响应式断点，二十项检查跑完只要三十分钟；跳过它，问题会以 bug 的形式回到线上。
视觉物料：图标、截图、演示图与素材清单
上线前一天，他才发现商店页要五种尺寸的图标、六张截图和一段十五秒的演示，而手里只有一张带测试数据的桌面截图。视觉物料不是发布前临时凑的图，而是一份可以提前列清、按尺寸产出、能反复复用的清单；提前一周准备，比熬夜补图便宜得多。
微文案：按钮、报错与空状态怎么说
按钮上写着「提交」，报错写着「操作失败」，空页面写着「暂无数据」——这三句话让用户多点了三次、多问了两遍、最后关掉了页面。微文案不是文笔问题，是界面的一部分：它决定用户知不知道自己刚做了什么、下一步该做什么。
交互状态：空、加载、错误、成功与无权限
用户看到的「页面坏了」，多数不是 bug，而是没有设计的状态：列表为空时一片空白，保存成功没有任何反馈，没有权限时只显示一行英文报错。一个页面有七种状态，默认态只是其中之一。这一篇给出六态矩阵、加载的三个阈值与状态覆盖率的算法。
首屏与信息架构：一页只回答一个问题
首屏塞进了功能介绍、客户 logo、三个按钮和一段创始人故事，用户却不知道下一步该点哪。首屏只需要回答一个问题：这是什么、给谁、现在做什么。这一篇给出三层信息结构、导航项上限、首屏字数预算与一个五分钟就能跑完的测试。
设计 token：把颜色、间距、字号写成变量
同一个蓝色在代码里出现了十一次，每次改版都要全局搜索替换，还总漏掉一处。设计 token 不是设计团队的专属工程，而是一个人让界面保持一致的最低成本做法：把颜色、间距、字号写成变量，分清原始值与语义，再控制在三十个以内。
视觉识别的最小系统：一色、一字、一形状
每次改版都换一套颜色，三个月后用户仍然记不住这个产品长什么样。一个人的视觉识别不需要品牌手册，只需要三样东西：一个主色、一个字族、一个形状母题，加一条不能破的对比度底线。改版四次之后他才明白，识别靠的不是设计得多，而是每次都一样。
命名：可搜索、可发音、可注册
产品上线三个月，他发现自己起的名字搜不到：搜索结果第一页全是同名的开源库和一家餐馆。命名不是取一个有感觉的词，而是在可搜索、可发音、可拼写、可注册、可扩展五条约束下找交集，再算清改名的真实成本——名字一换，域名、商店页与外链都要跟着动。
品牌不是 logo：一句话承诺与三次复述
他做了两年文档对比工具，官网首屏写着「强大、高效、一站式」，用户介绍时却说「就是个 diff 工具」。品牌不是 logo 也不是配色，而是一句能被陌生人复述的承诺：给谁、解决什么、凭什么。这一篇给出三段式写法与三次可执行的复述测试。
一个人把产品做得像样：品牌、视觉识别与设计系统（10 篇）
10 篇讲一个人怎么做产品品牌与视觉设计：先把承诺写成一句能被复述的话，再处理命名；然后是一个主色、一个字族、一个形状母题，加上设计 token；接着是首屏、六种交互状态、微文案、视觉物料与二十项验收，最后决定第二个产品共用还是另起。