posts

一个人把产品做得像样:品牌、视觉识别与设计系统(10 篇)

10 篇讲一个人怎么做产品品牌与视觉设计:先把承诺写成一句能被复述的话,再处理命名;然后是一个主色、一个字族、一个形状母题,加上设计 token;接着是首屏、六种交互状态、微文案、视觉物料与二十项验收,最后决定第二个产品共用还是另起。

这是 content/posts/indie/indie-brand-and-visual-design 的目录页,收录 10 篇文章。前面十二组分别讲「要不要做」「在哪上架」「丢了怎么找回」「怎么合法立住」「多条线怎么加减」「怎么用接单换现金」「前 100 天怎么走」「怎么让人知道你」「人来了怎么留住」「收多少钱」「用户不在你的语言里怎么办」「怎么判断做的东西是对的」。这一组回到产品本身:在没有设计师的情况下,怎么让一个产品看起来像产品,而不是像个人项目。

这个系列解决什么问题

一个人做产品,功能可以自己写,运营可以自己学,唯独设计最容易停在「能用就行」。而用户的第一印象,恰恰全部由设计决定。

常见的四种情形:

这一组不讨论设计流派与审美取向,只做一件事:把「做得像样」拆成一个人能执行、每步都有判据的动作。

核心主张:五条口径

第一,品牌是可复述的承诺。 说不清「给谁、解决什么、凭什么」,logo 再好也只是装饰。

第二,一个人只需要最小系统。 一色、一字、一形状、一套 token;多一个变量,就多一份维护成本。

第三,约束先于审美。 对比度、字号阶梯、状态覆盖、字数上限都能算,算得过再谈好看。

第四,状态比页面更常被看到。 空、加载、错误、无权限才是用户真正停留的地方,默认态只出现一次。

第五,设计要能验收。 每条规则写成一句可判断真假的话,做不到就是没做完。

10 篇速览

文章核心内容阶段
品牌不是 logo:一句话承诺与三次复述产品品牌与个人品牌之别、三段式承诺、竞品替换与功能删除测试、复述命中率定位
命名:可搜索、可发音、可注册三类命名取舍、五条约束、搜索结果污染度、改名触点数与成本命名
视觉识别的最小系统:一色、一字、一形状主色与中性色阶、语义色、对比度公式、logo 三形态与安全边距识别
设计 token:把颜色、间距、字号写成变量原始值/语义/组件三层、间距基数、字号阶梯、30 个 token 的预算系统
首屏与信息架构:一页只回答一个问题首屏三问、信息三层、导航项上限、字数预算与 5 秒测试布局
交互状态:空、加载、错误、成功与无权限六态矩阵、加载三阈值、空状态与筛选结果的区分、状态覆盖率状态
微文案:按钮、报错与空状态怎么说按钮动词化与字数预算、报错三要素、语气一致、中英文长度差文案
视觉物料:图标、截图、演示图与素材清单图标四尺寸与安全边距、截图三张一组、演示时长、物料清单与工时物料
设计验收:一致性、可访问性与跨平台的一张表四类检查、二十项清单、截图基线、三十分钟走查与通过率验收
品牌延展与退役:第二个产品共用还是另起母品牌/子品牌/独立品牌、token 复用比例、保留迁移归档、资产清单延展

三条阅读路径

路径 A:还没上线,正在做第一个版本

从 01 写一句承诺,用 02 定名字;然后按 03 定一个主色、一个字族、一个形状,04 把这套值写成 token。四篇做完,界面就有了骨架。

路径 B:产品已上线,用户说「看着不太专业」

先读 05 把首屏信息重新排序,再读 06 补空、加载、错误三态,07 改一遍按钮与报错文案。这三处通常能解决大部分「不专业」的反馈。

路径 C:准备上架或做宣传,物料来不及

直接读 08,按清单一次列全;再用 09 的二十项检查跑一遍。若手上有第二个产品,读完 10 再决定品牌关系。

与其它专题的边界

专题它讲什么本组的边界
独立开发者生存指南(进阶扩展篇)其中一节讲个人品牌是信任沉淀本组讲产品品牌,不讲个人品牌
排版与字体:长度膨胀、断词与复杂文字多语言下的字体、断词与长度膨胀本组讲原语言的视觉体系,不涉及本地化排版
文案外置:从硬编码到语言包文案抽取、key 命名与语言包结构本组第 07 篇讲原语言怎么写,不讲抽取流程
商店页与搜索入口:翻译不是本地化商店页关键词、标题与文案策略本组第 08 篇只讲视觉物料的规格与生产
本地化测试:漏译、回退与截图回归多语言缺陷与截图基线本组第 09 篇讲通用设计验收,不做本地化测试
空状态与示例数据:60 秒内看到成品空状态作为激活手段本组第 06 篇讲六态规范,不讲激活
从落地页到第一个动作落地页转化与注册流程本组第 05 篇讲首屏信息层级,不测转化
可用性测试:五个人、三个任务、一张表用户能不能走通任务本组第 09 篇检查界面规范是否成立,不组织测试
产品间的引流与打包:交叉推广、捆绑与用户池边界多产品之间的运营协同本组第 10 篇只讲品牌层延展,不涉及流量互导
一个人的产品线:第二个产品与组合运营要不要做第二个产品、怎么分配时间本组第 10 篇只回答「视觉上共用还是另起」
游戏品牌资产系统:Logo、角色、世界观和视觉识别怎么长期沉淀游戏角色、世界观与美术资产本组面向软件与工具产品,不涉及角色与世界观
前端工程化专题:从 Vite 到 WebAssembly 的全栈实践设计系统的技术实现本组只讲规范与验收,不写框架代码
一个人把 API 做成产品:对外接口、开发者体验与支持买家与收入结构、契约与错误模型、key 与限流、Webhook、SDK、文档站、弃用窗口与 DX 验收本组:品牌承诺、视觉体系与设计验收;该专题:API 契约、凭据、Webhook 与开发者支持。
一个人给产品加 AI:判据、成本、护栏与验收四道判据与替代方案、推理账单与毛利下限、供应商打分、提示资产、50 条评测、事实边界、滥用防线、降级预案、额度与超额、四张验收表本组:品牌承诺、视觉体系与设计验收;该专题:AI 功能的成本、质量、权限边界与验收。
一个人的借力:外包、自动化与协作边界借力顺序与回本、任务边界、试单与背调、brief、发包成本、设计内容与代码交接、自动化与客服、合作分成、四张验收表本组:品牌承诺、视觉体系与设计验收;该专题:发包、协作交接与净回收工时。
一个人的自助支持:帮助中心、排查树与工单减少工单分类与可自助比例、任务型帮助中心、FAQ 与排查树、教程与截图、搜索空结果、更新日志、模板答复、三级升级、四张验收表本组:品牌承诺、视觉体系与设计验收;该专题:自助内容、排查树与人工升级。
一个人的消息系统:事务邮件、通知分层与送达率消息清点、事务邮件基线、SPF/DKIM/DMARC、送达率账本、通知分层、偏好中心、渠道分工、生命周期序列、同意与退订、四张验收表那组讲邮件标题与提醒文案的结构;本组讲承诺、命名、视觉识别与设计系统
一个人的社区:冷启动、版规、版主与社群健康社群该不该建、载体选型、前 100 人、版规与三档处置、版主与志愿者、内容节奏、答疑沉淀、活动与线下、商业化边界、四张验收表那组讲社群的规则、版主与内容节奏;本组讲品牌承诺、视觉体系与设计验收
一个人的财务:现金流、runway 与月度结账四张表与四个收入、分账、收入确认、成本清点、13 周滚动、runway 与薪酬、15 分钟月结、税预提、现金预警与收缩、四维验收那组讲现金与成本账;本组讲品牌承诺、视觉体系与设计验收
一个人的运维:可用性、告警、事故与值班可用性预算、五条探针、告警降噪、日志串联、状态页、容量水位、依赖降级、发布观察、事故复盘、四维验收那组讲可用性与事故沟通;本组讲品牌承诺、视觉体系与设计验收
一个人的多租户:组织、邀请、角色与数据隔离组织引入判据、三层模型与迁移、邀请与成员生命周期、角色矩阵、三层校验、数据隔离、审计日志、席位一致、交接与四维验收那组讲组织与权限边界;本组讲品牌承诺、视觉体系与设计验收
一个人的产品度量:事件字典、指标口径与决策看板六个决策与十二个指标、二十四事件字典、埋点三处校验、口径五要素、五步漏斗、一屏四区看板、四条校验与三方对账、采样与保留、样本量与灰度、九项验收那组讲行为数据怎么变成决策;本组讲品牌承诺、视觉体系与设计验收
一个人的架构:技术选型、模块边界与演进(10 篇)技术选型排除法、九个模块与依赖方向、数据迁移三步、四个升级窗口、技术债预算、三次规则、重构判据、可替换性、幂等与补偿、四维验收那组讲代码的模块边界;本组讲品牌承诺、视觉体系与设计验收
一个人的计费系统:订阅状态机、按比例计费与失败重试(10 篇)订阅状态机、五个时点、按比例计费、按量计量、催收、退款拒付、发票税务、对账漏损、自建决策、十二项验收那组讲计费系统;本组讲品牌承诺、视觉体系与设计验收
一个人的隐私工程:数据地图、最小化与删除权(10 篇)数据地图、最小化、合法性依据与同意、政策一致性、数据主体请求、删除、保留期、跨境与供应商、泄露响应、十二项验收那组讲表单与文案里的数据收集;本组讲品牌承诺、视觉体系与设计验收
一个人的数据搬家:导入、去重、迁移与退出(10 篇)迁移漏斗、导入契约、字段映射、去重合并、幂等重跑、人工代导入、窗口与回滚、附件限额、导出退出、十项验收那组讲上传页与错误文案;本组讲品牌承诺、视觉体系与设计验收
一个人的质量守门:验证预算、回归清单与发布门禁(10 篇)47 缺陷与三条红线、12 条关键路径、三层配比、38→26 回归、六项门禁、四级缺陷、测试数据、不可逆保护、测试债、十项验收那组讲验证预算与回归清单;本组讲品牌承诺、视觉体系与设计验收
一个人的安全基线:十四个入口、十七个密钥与一次 72 小时响应14 个攻击面、认证与枚举、会话撤销、17 个密钥三档、四条边界、41 个依赖与 186 条告警、四类限流、9 类审计日志、72 小时三段响应、20 项验收那组讲技术侧的安全基线;本组讲品牌承诺、视觉体系与设计验收
一个人的性能与账单:4.2 秒的首屏、一千二百次查询与每月 210 美元4 项预算与 20 格、RUM 与慢查询、412→168 KB、1,200→3 次查询、0→86% 缓存、34 秒导出、7→4 个第三方、210→118 美元、3 次回归告警、10 项验收那组讲加载速度与传输体积;本组讲品牌承诺、视觉体系与设计验收
一个人的企业客户:九家询价、一百四十八道问卷与 134 天的第一单9 家询价与 130 h、96 天采购、148 题问卷、7 个子处理者、SLA 43.2/216 分钟、26 h SSO、4 周试点、38 天到账、8 h 实施、10 项验收那组讲企业单的商务流程;本组讲品牌承诺、视觉体系与设计验收
一个人的开源产品:4,200 个 star、一百八十个付费与一年 612 小时的维护4,200 star 与 1,949 美元、612 h 维护、214 依赖、48,600 行 78/22、1,180 个 issue、214 条告警、23 个赞助者、9 家双许可、17 位贡献者、10 项验收那组讲开源项目的名称与商标边界;本组讲品牌承诺、视觉体系与设计验收

本组统一口径

使用说明

每篇都可以单独读,但建议按「先定承诺、再定系统、最后验收」的顺序。每篇末尾有行动清单与验收标准,验收标准写成了一句可判断真假的话——做不到就是没做完,不需要再解释。

文中出现的人物、产品与数字均为教学假设,用于演示算法,不代表经核实的真实案例。涉及商标、字体授权、平台审核与可访问性合规的部分只说明取向,不构成法律意见,具体口径请以所在地法规与平台规则为准。

本组的证据与使用方法

这十篇不引用任何设计工具的实时数据,也不承诺转化率提升。可复算的部分全部用四则运算给出算式(复述命中率、搜索污染度、改名成本、对比度、字号阶梯、状态覆盖率、字数预算、物料工时、验收通过率、token 复用比例),读者可以替换成自己的数字重跑;不可复算的部分(例如商标近似判断、平台尺寸要求、可访问性等级)明确标注为需要自行核验,并给出核验方向。

建议的使用方式:先用 01 写承诺、02 定名,再按 03–04 建立视觉系统;上线前用 05–07 处理首屏、状态与文案,08–09 产出物料并跑完验收;有第二个产品时用 10 决定品牌关系。设计不是一次性项目,是一条需要逐版校正的线。

系列导航

全部文章 game Indie golang 客户端开发 Minigame Saas rust Python Java cg