文档

Pixel Flow 使用手册与最佳实践

按任务查找扫描、筛选、图片详情、素材库、导出、账户和行业最佳实践。

设计师工作流

设计师适合把 Pixel Flow 用作视觉参考整理工具,而不只是“批量下载图片”。重点是把参考图、来源页面、尺寸信息、筛选上下文和项目标签一起留下,方便做 moodboard、竞品视觉观察、设计评审和授权复核准备。

Pixel Flow 适合整理视觉参考和来源线索,不代表图片可用于商业设计、客户交付或公开发布。竞品页面、作品集页面和第三方网站图片只能作为观察、分析和内部讨论材料,是否能复用需要单独确认授权。

适合的设计任务

Moodboard 与风格探索

整理风格方向、品牌刷新参考和视觉氛围样本。

竞品视觉观察

观察官网、活动页、落地页和作品集页面里的主视觉表达。

Hero / Banner / 活动视觉

收集主视觉、卡片图、产品场景图和社媒视觉方向。

评审与授权复核准备

准备带来源说明的视觉参考,供团队讨论、客户沟通和授权确认。

推荐流程

  1. 打开参考网站、竞品页面、作品集页面或活动落地页。
  2. 使用 打开侧边栏并扫描页面图片。
  3. 在采集流里过滤掉图标、头像、Logo、小缩略图、装饰图和无关占位图。
  4. 按格式、比例、来源和尺寸缩小候选范围,优先保留主视觉、大尺寸横图、产品场景图或符合当前项目方向的图片。
  5. 用 批量预览 快速比较构图、色彩、材质、留白、风格一致性和可复用价值。
  6. 收藏真正有参考价值的图片。
  7. 添加项目标签,例如 moodboardhero-referencelanding-pagebrand-refresh
  8. 在 图片详情 查看尺寸、格式、来源链接和可能的元数据。
  9. 需要评审或沟通时,导出图片清单用于设计讨论、客户参考说明或后续授权复核;不要把参考图直接用于成稿、广告、官网或社媒发布。
设计师使用 Pixel Flow 从参考页面扫描筛选图片到收藏打标和来源复核的流程图
推荐流程可以理解为一条参考图整理路径:先筛选候选,再比较视觉质量,最后保留来源线索并做授权复核。

筛选建议

要找的参考类型建议筛选方式优先排除
Hero 图和落地页主视觉优先看大尺寸横图、远程 URL、JPEG 或 WebPLogo、图标、头像、按钮背景
活动 Banner 和社媒视觉按横图、竖图或正方图筛选,再用批量预览比较构图低分辨率缩略图、装饰碎片
产品场景图保留尺寸较大、主体明确、来源页面清楚的图片评分星级、支付标识、UI 小图
风格探索和 moodboard先宽筛,再按色彩、材质、构图和项目方向收藏与项目调性无关的漂亮图片
客户评审参考收藏后加项目、用途、复核状态标签来源不清、授权风险未确认或容易被误认为可直接交付的图片

批量预览怎么用

批量预览适合在设计判断阶段使用。它不是为了看单张图片的全部元数据,而是为了快速比较同一页面里多张候选图的视觉质量。

  • 比较多张图片的构图、主体、色彩和留白。
  • 剔除只在缩略图里好看、放大后质量不稳定的图片。
  • 挑出真正值得收藏、打标签和进入评审清单的素材。
Pixel Flow 批量预览多张设计参考图片
批量预览适合快速比较视觉方向,先做设计判断,再决定是否收藏和复核来源。

推荐标签

  • moodboard
  • hero-reference
  • landing-page
  • brand-refresh
  • campaign-visual
  • client-review
  • needs-license-check

标签建议同时记录“项目”和“用途”。例如 brand-refresh 说明项目阶段,hero-reference 说明图片用途,needs-license-check 提醒后续复核授权。

用到的功能

  • 采集流
  • 筛选图片格式比例来源和分辨率
  • 批量预览
  • 批量收藏
  • 编辑图片标签
  • 导出 Excel

结果应该长什么样

最终应该得到一组带来源、标签和筛选上下文的视觉参考,而不是散落在下载文件夹里的图片。设计评审时,你可以说明每张图片来自哪里、为什么被选中、属于哪个项目阶段、是否需要继续做授权确认。

Pixel Flow 素材库中管理已收藏的设计参考图片
收藏后的图片可以在素材库里按标签和来源继续管理,适合沉淀项目参考库。

授权边界

设计参考不等于素材授权。 Pixel Flow 可以帮你记录竞品页面、作品集页面或参考网站中的图片来源、尺寸、风格线索和复核状态,但这些记录只是授权确认的准备材料。

可以这样用

用于内部分析、视觉方向讨论、设计评审、来源追溯和授权确认准备。

不要这样用

不要把竞品图片、第三方作品或来源不清的图片直接用于客户项目、广告投放、社媒发布或设计成稿。

发布前必须确认

即使经过裁切、改色、拼贴或二次编辑,也需要确认原始图片授权、网站条款、肖像权、商标和品牌使用限制。

注意事项

用于商业项目、客户交付、广告投放或公开发布前,需要确认素材来源、授权范围、肖像权、商标限制和客户使用场景。Pixel Flow 可以帮你保留来源和复核线索,但不会替你取得图片授权。