上周帮一家做智能硬件的工作创业公司改官网，他们的流程产品页里塞了六张流程图，全是图片从Visio里直接导出的那种——灰底、宋体、素材箭头粗得像水管。工作老板还特委屈，流程说这是图片研发总监熬了两个通宵画的。我问他：用户点进来看的素材是产品能解决什么问题，不是工作来学你们内部怎么走审批的。他愣了几秒，流程把六张图全撤了。图片

工作流程图片素材这东西，素材最怕的工作就是“内部视角”。你天天看的流程那套泳道图、跨职能流程图，图片对用户来说跟天书没区别。我见过太多B端产品把“申请-审批-驳回-重新提交”这种内部流转逻辑，原封不动搬到官网上当卖点。用户只想知道“我点这个按钮之后多久能拿到结果”，你给他看五个部门会签的流程图，他只会关掉页面。

那到底什么样的流程图片素材能用在对外场景？我自己的经验是分三种情况。

第一种是产品操作指引。比如SaaS后台的新手引导，这时候流程图要极简，一个动作一个节点，别出现判断菱形。用户不需要知道“如果A条件成立则走B分支”，他只需要看到“第一步点这里，第二步填这个，第三步完成”。这种素材我通常建议用线性图标加短文字，横向排列，颜色不超过三种。别用那些花哨的3D箭头，加载慢还显土。

第二种是服务履约流程。像物流跟踪、售后维修、定制生产这类，用户关心的是“我的东西现在到哪了”。这时候流程图要变成时间轴，每个节点带状态标识——已完成打勾，进行中高亮，未开始灰掉。我见过一个做定制家具的网站，把“板材切割-封边-打孔-试装-打包”五个环节做成插画风的时间轴，每个环节配一张实拍小图，转化率比纯文字说明高了将近四成。细节在于：他们没用标准流程图符号，而是用圆角矩形加小图标，视觉上更像进度条而不是工程图。

第三种是内部培训或合规文档。这种反而要保留标准流程图符号，因为看的人需要精确理解判断逻辑和角色分工。但有个坑：很多人直接从PPT截图，分辨率低到箭头上的文字都糊了。我一般建议用draw.io或者Mermaid重新画，导出SVG格式，放大缩小都不虚。颜色用低饱和度的蓝灰系，别用红绿黄那种刺眼的警示色——除非真的是风险节点。

找素材的地方，我常去三个：Iconfont里搜“流程”“步骤”能出来一堆线性图标，但要注意版权；Freepik上的流程图模板质量参差，有些看着漂亮但节点逻辑是错的，得自己改；最靠谱的还是自己画，用Figma的Auto Layout功能，改文字自动调框大小，比Visio灵活十倍。

有个细节很多人忽略：流程图片素材里的文字字号。你在电脑上看12px挺清楚，放到手机上就成蚂蚁了。我现在的习惯是，所有对外流程图的最小字号不低于16px，节点间距至少留出两倍行高。还有箭头，别用那种细如发丝的1px线，2px起步，圆角端点，看起来不那么尖锐。

最后说个反常识的观察：不是所有流程都适合做成图。三步以内的操作，用文字列表比流程图更清晰。我见过一个注册流程，总共就“填手机号-收验证码-设密码”三步，非要画成三个框加两个箭头，用户反而要多花两秒去理解图形关系。流程图的价值在于展示“分支”和“循环”，如果逻辑是线性的，文字就够了。

那个创业公司后来把产品页的流程图换成了三张场景插画：一张是用户扫码，一张是设备自动运行，一张是手机收到通知。老板说研发总监有点不高兴，觉得“不专业”。但上线两周后，客服接到的“这个产品怎么用”的咨询电话少了一半。流程图是给懂流程的人看的，而你的用户，只想懂结果。

(责任编辑：探索)