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