App UI/UX 修复与交付
优化应用界面、生成标注图与开发提示词。
App UI/UX 修复与交付
优化应用界面、生成标注图与开发提示词。
展示内容
描述
将现有的 Android 和 iOS 应用截图转化为可供开发者直接实现的清晰 UI/UX 改进方案。 针对每项更改，您将获得： • 一张展示建议效果的清晰设计图。 • 一张带有编号箭头的对应标注图。 • 一条可复制的实现提示词，说明要更改的内容、要保留的内容、交互应如何运作以及如何验证结果。 专为与真人程序员或 AI 编程助手合作的应用所有者、开发者和设计师而设计。 默认保留您应用程序的品牌调性，并专注于您想要解决的问题。同时考虑大小屏幕、文字缩放、无障碍访问以及多语言 RTL/LTR 布局。 默认语言为英语。当用户的语言可识别时，技能会使用用户的语言进行回复，并在未请求翻译时保留应用程序的界面语言。 需要具备图像理解、图像生成和参考图编辑能力以生成视觉交付物。生成的是设计方案和开发指令，而非编译、实现或测试后的应用程序。
相关技能
查看全部
网页设计与交付 AI 工作室
通过结构化的 8 阶段工作流，将粗略的构思、内容大纲或界面截图转化为精美、可直接落地的设计交付物。 ### 适合人群 需要易于获取的视觉设计和干净前端代码，且无需反复试错提示词的创始人、产品经理、营销人员、教育工作者、创作者和开发者。 ### 需要提供的内容 - 你的设计目标和受众（SaaS 着陆页、仪表盘、移动端 UI、可打印工作表、社交媒体图片、海报或品牌套件）。 - 任何需要的文案、尺寸、品牌颜色或参考截图（如省略，技能将应用合理的默认设置并进行说明）。 ### 工作原理 1. **简报与策略**：提取你的目标和约束条件，提前标记冲突的规格，并选择定制策略（转化率、任务效率、可读性/打印或无障碍优先）。 2. **视觉系统**：锁定语义化色彩搭配（采用 WCAG 2.2 AA 对比度计算）、模块化排版比例以及 4px/8px 网格。 3. **生产与智能回退**：生成语义化的 HTML5/CSS3、可缩放的 SVG 矢量图、可打印的工作表（`@page` / `@media print`）以及 W3C 设计令牌——当光栅图像工具未激活时，还可生成 3 个独立图像提示词（严格层级、创意美学、混合）。 4. **诚实的四状态质量审核**：审核对比度、标签、链接和打印几何结构，将每项检查标记为 `VERIFIED`（已验证）、`NOT VERIFIED`（未验证）、`FAILED`（未通过）或 `NOT APPLICABLE`（不适用）。 ### 你将获得 - 简明设计简报与视觉系统令牌表 - 可直接落地的 HTML/CSS/SVG 文件或可打印布局 - 包含编辑与导出说明的四状态质量审核报告 ### 边界说明 输出开放格式（`.html`、`.css`、`.svg`、`.pdf`、`design-tokens.json`），可导入 Figma/Illustrator，而不是闭源二进制文件（`.fig`、`.psd`）。商业 CMYK 印刷打样和法律商标检查需要人工审核。
图片图像重塑：重现与个性化
从引人注目的参考图像中，创作个性化视觉内容，适用于广告、时尚概念、编辑肖像、产品场景和视觉探索。 Image Remix 会分析参考作品的视觉特点，然后帮助你将其调整到自己的主体、风格或产品上。通过五项引导式选择，保留你喜欢的构图和氛围，同时更改指定细节。 五项创意控制 • 角色 / 主体 — 保留源图外观、描述修改内容，或提供参考图。 • 服装 — 保留原装、描述新造型，或使用服装参考图。 • 环境 — 保留原场景，或将画面移动到新的地点。 • 皮肤真实感 — 选择光滑但真实的皮肤、自然纹理、细微雀斑，或自行描述。 • 珠宝 — 保留、重新设计、替换、移除，或提供参考图。 工作方式 上传一张源图并做出选择。需要时，添加人物、服装或产品参考图。技能会收集必要的缺失信息，准备完整的英文生成提示词，用你的语言说明预期结果，并生成一张图像。 掌控变化，保留视觉冲击力 除非你选择更改，否则姿势、取景、视角和氛围都会保持一致。光线、阴影、反射和材质会随之调整，让新元素自然融入画面。 不同参考图承担不同作用：服装参考图用于指导服装，产品参考图用于指导产品设计。这样可以避免无关的面孔、背景或配饰被一并带入。 你将获得 • 一张个性化生成图。 • 一份完整、可重复使用的英文图像提示词。 • 一份清晰的本地语言说明。 你可以补充光线、取景、宽高比或文字等可选要求。在保留已确认选择的同时，通过针对性修改进一步优化结果。 基于参考图的重现；不保证像素级复制。
图片前后对比广告创意工作室
让转变成为主角。 将一张产品照片变成大胆醒目的前后对比广告视觉，融入富有表现力的艺术指导、引人注目的构图，以及聚焦转变效果的视觉表达。 从美妆、个人护理到清洁和健身，这项技能会探索产品的用途，并为展示其相关优势开发富有创意的视觉方案。 你的产品。你的创意方向。 从一张照片开始。技能会研究产品，然后帮助你选择场景、材质、视觉元素、画面格式和文字风格。想要惊喜？也可以让 AI 主导创意。 三个概念。三种截然不同的视觉创意。 探索三个量身定制的概念，每个都配有完整的图像生成提示词。你可以设想流动布料揭示、雕塑感环境、戏剧化特写、玻璃转场，或围绕产品构建的意外世界。每个概念都讲述不同的视觉故事。 前后对比，位于视觉中心。 大幅、清晰易读的转变场景主导构图。产品摆放、氛围和字体设计协同配合，让变化格外醒目——即使在手机屏幕上也能清楚呈现。 你来确认，然后开始创作。 查看提示词、提出调整，并选择一个概念或全部三个概念。只有在你确认后，才会开始生成图像，并使用工作区中可用的能力。 围绕你的偏好打造。 选择方形、竖版、横版或自定义尺寸。添加醒目标题、保持文案简洁，或让视觉元素自己表达。工作流程会适应你的语言，而制作提示词默认使用英文。 上传产品。塑造场景。聚焦转变。
信息
- 版本
- v2
- 更新时间
- 运行积分
- 按实际用量
- 模型
- 自动选择
