DESIGNFLOW / REFERENCE STUDY / 2026.10.04

从看见灵感,
到让它进入自己的作品。

研究对象是手机端的灵感发现、参考驱动创作与局部编辑。以下图片是竞品官方宣传截图,功能依据官方文档整理,未进行安装实测。页面中的 DesignFlow 功能与布局是拟议方案。

01 / 主要视觉参考

Cosmos · 发现与收藏

借鉴图像优先的浏览方式、轻量搜索和项目收藏。DesignFlow 的发现页应同时出现不同构图、材质和配色的作品,让用户看到真正不同的方向;作品信息在需要时展开。

Cosmos 官方移动端宣传截图一Cosmos 官方移动端宣传截图二

图片来自 Cosmos 官方商店页面。支持颜色、关键词和图像搜索;发现文档解释相似元素与关联收藏。

02 / 主要创作参考

Shuffles · 把元素放进画面

借鉴从参考中提取元素、叠放、旋转和缩放的操作逻辑。DesignFlow 的“小灵感”可以是一件物体或一种图形,必须允许用户决定放在哪里、占多大,而不是用整张参考图替换原作品。

Shuffles 官方移动端宣传截图一Shuffles 官方移动端宣传截图二

图片与功能来自 Shuffles 官方商店页面。官方帮助说明底部添加素材、右上角完成的创作流程。

03 / 编辑结构参考

Photoshop 手机版 · 作品在中心

借鉴独立画布、上下文工具、选区、撤销与确认。DesignFlow 中,用户点选作品的区域后才展开相关调整;进入编辑时隐藏浏览导航,把屏幕空间交给作品。

查看官方工作区图解 → 图层操作 →

04 / 功能机制参考

Firefly 手机版 · 把参考说清楚

官方生成结果编辑中,将构图参考与风格参考分开。DesignFlow 可以进一步把用户选择表达为“用配色”“用构图”“取元素”,每项附上可见预览与修改范围。这比一个抽象的融合百分比更容易理解。

官方参考功能文档;该文档中的 Edit 菜单注明目前仅 Android。上述 DesignFlow 三项分类是我们的产品方案。

组合成一条有用的创作路径

产品定位:帮助设计师把找到的视觉方向,试到自己的现有作品上。差异化重点放在“参考怎样影响当前作品”,这是待验证的设计假设。

页面用户要做的事画面与主要操作
01 发现没灵感,找方向多样图像瀑布流;顶部搜索;底部发现/收藏/作品
02 项目收藏把零散灵感放到同一项目参考图板与当前作品缩略图;添加参考
03 参考详情明确喜欢的部分大图、作者来源;用配色/用构图/取元素
04 应用到作品指定改哪里、保留什么导入自己的作品;画布选区;保留区域;预览修改范围
05 方案预览看到参考怎样改变作品画布为主;底部参考与工具面板;撤销;明确生成状态
06 对比判断哪一版更好原图与方案同尺寸切换;固定观察位置;变更说明
07 局部调整把不合适的细节改好点选区域后展开对应工具;位置/大小/配色;确认
08 保存版本保留成果,继续创作版本缩略图与参考记录;保存、导出;失败可重试

下一版的审美与自审标准

  1. 界面用白、灰、黑建立层级,色彩主要来自作品;强调色只服务选中状态和关键动作。
  2. 发现是图像浏览,编辑是画布工具,对比是结果判断;三者结构必须明显不同。
  3. 选区、移动、缩放必须有直接可见的结果;按钮名称说明会发生什么。
  4. 用同一项真实设计任务串起原图、参考和修改结果,能看出保留与变化。
  5. 生成时可退出等待;失败能重试;保存版本不覆盖原作品。保护文字和标识的能力需技术验证,原型不能把承诺当成已实现。

首版集中做上述闭环。社交关注、动态特效、购物、复杂模型选择暂不加入。借鉴交互原则与功能逻辑,素材保留来源,品牌标识与原界面不直接复制。

参考图已随站保存,原始来源见各节链接。此页是研究板,不是新原型,也未写入 Figma。