01 / 主要视觉参考Cosmos · 发现与收藏
借鉴图像优先的浏览方式、轻量搜索和项目收藏。DesignFlow 的发现页应同时出现不同构图、材质和配色的作品,让用户看到真正不同的方向;作品信息在需要时展开。
图片来自 Cosmos 官方商店页面。支持颜色、关键词和图像搜索;发现文档解释相似元素与关联收藏。
02 / 主要创作参考Shuffles · 把元素放进画面
借鉴从参考中提取元素、叠放、旋转和缩放的操作逻辑。DesignFlow 的“小灵感”可以是一件物体或一种图形,必须允许用户决定放在哪里、占多大,而不是用整张参考图替换原作品。
图片与功能来自 Shuffles 官方商店页面。官方帮助说明底部添加素材、右上角完成的创作流程。
03 / 编辑结构参考Photoshop 手机版 · 作品在中心
借鉴独立画布、上下文工具、选区、撤销与确认。DesignFlow 中,用户点选作品的区域后才展开相关调整;进入编辑时隐藏浏览导航,把屏幕空间交给作品。
查看官方工作区图解 → 图层操作 →
04 / 功能机制参考Firefly 手机版 · 把参考说清楚
官方生成结果编辑中,将构图参考与风格参考分开。DesignFlow 可以进一步把用户选择表达为“用配色”“用构图”“取元素”,每项附上可见预览与修改范围。这比一个抽象的融合百分比更容易理解。
官方参考功能文档;该文档中的 Edit 菜单注明目前仅 Android。上述 DesignFlow 三项分类是我们的产品方案。
组合成一条有用的创作路径
产品定位:帮助设计师把找到的视觉方向,试到自己的现有作品上。差异化重点放在“参考怎样影响当前作品”,这是待验证的设计假设。
| 页面 | 用户要做的事 | 画面与主要操作 |
|---|
| 01 发现 | 没灵感,找方向 | 多样图像瀑布流;顶部搜索;底部发现/收藏/作品 |
| 02 项目收藏 | 把零散灵感放到同一项目 | 参考图板与当前作品缩略图;添加参考 |
| 03 参考详情 | 明确喜欢的部分 | 大图、作者来源;用配色/用构图/取元素 |
| 04 应用到作品 | 指定改哪里、保留什么 | 导入自己的作品;画布选区;保留区域;预览修改范围 |
| 05 方案预览 | 看到参考怎样改变作品 | 画布为主;底部参考与工具面板;撤销;明确生成状态 |
| 06 对比 | 判断哪一版更好 | 原图与方案同尺寸切换;固定观察位置;变更说明 |
| 07 局部调整 | 把不合适的细节改好 | 点选区域后展开对应工具;位置/大小/配色;确认 |
| 08 保存版本 | 保留成果,继续创作 | 版本缩略图与参考记录;保存、导出;失败可重试 |
下一版的审美与自审标准
- 界面用白、灰、黑建立层级,色彩主要来自作品;强调色只服务选中状态和关键动作。
- 发现是图像浏览,编辑是画布工具,对比是结果判断;三者结构必须明显不同。
- 选区、移动、缩放必须有直接可见的结果;按钮名称说明会发生什么。
- 用同一项真实设计任务串起原图、参考和修改结果,能看出保留与变化。
- 生成时可退出等待;失败能重试;保存版本不覆盖原作品。保护文字和标识的能力需技术验证,原型不能把承诺当成已实现。
首版集中做上述闭环。社交关注、动态特效、购物、复杂模型选择暂不加入。借鉴交互原则与功能逻辑,素材保留来源,品牌标识与原界面不直接复制。
参考图已随站保存,原始来源见各节链接。此页是研究板,不是新原型,也未写入 Figma。