ChatGPT Images 2.0助力UI设计：独立开发者20美元获实用建议，变革性堪比ChatGPT初登场！

ZDNET观点速览我在两个正在开发的产品用户界面UI上测试了ChatGPT Images 2.0这一AI发现设计问题并给出可行修复建议对独立开发者意义重大。过去一周左右我深入探索了OpenAI新发布的ChatGPT Images 2.0其意义远超初看。我们都熟知AI图像生成器它们能生成漂亮图片、玩有趣花样但也产生大量低质量内容且对生成内容理解有限。Images 2.0为图像生成增添专业知识理解能力意味着ChatGPT可接受任务并产出高价值成果。本文探讨其中一种任务——更新用户界面。此前编码代理只能局部优化UI元素聊天机器人只能基于文本给出修复建议无法完成完整设计现在则可以做到。我通过每月20美元的ChatGPT Plus订阅计划将自己正在开发的两个UI设计输入ChatGPT Images 2.0几分钟内ChatGPT就返回两个重新设计的用户界面包含许多我打算应用到产品中的设计改进方案。以下是四篇近期文章助你快速了解我使用这个新工具的发现《我提前体验了ChatGPT Images 2.0印象深刻——但有一个例外》《我试用了ChatGPT Images 2.0有趣的巨大飞跃——对实际工作出奇地有用》《我对比了ChatGPT Images 2.0和Gemini Nano Banana看看哪个更好——这个模型获胜》《我对GPT - 5.5进行了10轮测试它得了93分仅因表述过于夸张而失分》。我常将非ZDNET的工作作为素材撰写ZDNET的探索性文章尽量避免提及产品名称和链接以免利益冲突。但本文有必要展示产品名称因为它们是我让AI处理的现有UI设计一部分去掉会使内容不合理不过我仍会避免直接链接到产品本身。开始实践Mac界面设计这次测试中我有两个界面让AI评估。第一个是我从1月开始用Claude Code开发的Mac应用项目进展缓慢因每周只有一两个小时投入且使用MacOS的内置AI进行图像处理和分析。下面是我应用目前的设计界面内容丰富。我特别关注左侧大按钮它们体现我妻子电商业务的品牌颜色在iPhone应用中也呈现良好。我将该界面截图上传到ChatGPT并输入提示“重新设计这个用户界面使其更具吸引力且更易用。”以下是ChatGPT Images 2.0生成的结果。起初我不太喜欢这些改动最明显的是彩色按钮不见了且AI似乎没完全理解网格视图底部的查看选项。但另一方面那些红色方块区域是新模型中我很喜欢并打算应用到UI中的部分左下方操作按钮在iPhone应用中是图标形式AI呈现的UI效果更好如顶部中间红色方框所示AI在网格视图顶部添加更清晰的标题区域如中间下方红色方框所示AI将图案缩略图分散排列使其有更多空间让选择框更清晰、更有吸引力AI添加了我尚未实现的收藏选项我很喜欢这个功能我喜欢在详细视图底部设置一个持久的“已添加/已更新”字段的想法。这次测试最大的收获是我计划将这五点新设计应用到产品中。我不会完全按建议的UI重新设计整个应用但这个图像包含很多很棒的想法。而且有了这样的模型向Claude Code说明我的需求会更易。这次测试是利用每月20美元的ChatGPT Plus计划和每月100美元的Claude Code Max 5x计划开发更好软件的好例子。网页界面设计接下来是我安全产品起始页面的UI我的设计简洁但基础主要因我不喜欢用CSS编码。去年秋天在我第一个基于代理的氛围编码项目中我使用ChatGPT Plus计划中的OpenAI Codex该计划的AI使用额度很快用完将UI从难看重新设计到可接受程度。以下是去年秋天首次设计的结果我指导Codex如何布局CSS。本周测试结果有趣。我将截图粘贴到ChatGPT还没输入提示就不小心按了回车键ChatGPT自动分析页面得出结论“最大的问题是视觉层次不清晰、灰色过多、介绍内容过长以及三个底部卡片虽然重要性不同但却同等争夺注意力。”它还建议采用“更现代的管理风格”包括用白色卡片背景代替大的灰色面板使用更柔和的边框增加各部分之间的间距使用一种强烈的强调色并始终用于按钮、链接和激活状态缩短正文的行长度增强标题、副标题和正文之间的对比度。这时我决定使用Images 2.0并指令它“提供重新定义后的界面图像。”以下是AI生成的结果。这个输出也提供了一些设计建议我可将其反馈给Codex。我在网页产品中使用OpenAI的Codex在Mac产品中使用Claude Code主要为体验这两种代理编码工具以便撰写相关文章。若写作不是主要目标我会选其中一个工具。我发现这两个工具都很有帮助。ChatGPT Images 2.0还自创了一个logo主要因为我在第一张图片中没提供。AI添加了几个我喜欢的功能。首先我很喜欢它推荐的整体设计风格。虽然要将这种风格推广到整个产品这是个大型产品可能要做很多工作但我确实喜欢这个设计。此外我喜欢AI突出的三个用户帮助区域快速设置区、需要帮助区以及顶部的配置隐私/查看文档部分。原界面虽能让用户获取信息但没明确指出从哪开始操作。我也喜欢底部的网站状态部分。我一直想添加这样一个功能但因状态元素需根据用户安装的免费增值插件变化编码要求让我有些望而却步。不过看到这个功能的呈现我又有了添加它的想法。这是一项具有变革性的功能我认为这项功能的变革性堪比ChatGPT刚推出时以及去年夏天代理式结对编程出现时的影响。我将两个产品的用户界面提交给AI得到类似同行评审的反馈以及一组原型设计。作为独立程序员这样的输出很有价值。即便我有完整的内部团队包括程序员和设计师完成这样的分析并构建原型进行评审可能需一周左右仅项目的人力成本就相当可观。但我只花20美元就得到两个非常有帮助、建设性且不那么“AI式愚蠢”的重新设计方案包含能让我的产品变得更好的实用建议太棒了。如果你将ChatGPT Images 2.0与Claude Code或Codex结合使用会将图像模型作为编码代理的设计说明吗欢迎在下方评论区告诉我们。你可在社交媒体上关注我日常项目的更新情况。记得订阅我的每周更新时事通讯并在Twitter/XDavidGewirtz、FacebookFacebook.com/DavidGewirtz、InstagramInstagram.com/DavidGewirtz、BlueskyDavidGewirtz.com和YouTubeYouTube.com/DavidGewirtzTV上关注我。人工智能相关内容我试用了一种本地、开源且完全免费的Claude Code替代方案——它是如何工作的如何立即从Windows 11中移除Copilot AIAI正在悄然自我毒害将模型推向崩溃边缘——但有解决办法如何识别AI生成的图像6个明显的伪造迹象——以及我常用的免费检测工具