news 2026/4/16 7:35:42

Gemini 3:设计能力超乎想象

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Gemini 3:设计能力超乎想象

我几乎没有任何使用Gemini 3.0 Pro的实际经验就进入了这个实验。几天前,我和一位来自DeepMind的工程师朋友一起尝试过——它让我感到惊讶——但我真的不知道当被要求设计东西时它究竟能走多远。

所以我决定测试它的极限。

在一次会话中,我让Gemini 3.0 Pro设计:

  • 一个个人网站
  • 一个完整的SaaS仪表板
  • 一个受真实生产应用启发的移动应用
    我不想过度设计提示词。我想看看Gemini在最少方向、真实参考图像和迭代反馈下会做什么。

接下来发生的事情真的让我震惊。

1、个人网站(Microsoft XP风格)

我从自己的网站开始。它的功能但很基础。我想要一些大胆、怀旧和令人耳目一新的东西——所以我给Gemini一个奇怪但有趣的方向:

“将我的个人网站重新设计,使其看起来像一个Microsoft XP体验。使用XP风格的UI、颜色和个性。”

我上传了当前网站的截图,然后在Google AI Studio中点击了构建

Gemini立即开始搭建脚手架:

  • metadata.json
  • index.html
  • tailwind.css
  • React应用入口点
    你实际上可以实时观看Gemini工作。就像看到一位初级设计师+初级开发者的混合体以超高速冲刺完成任务。

结果:

它产生了一个完全可用的XP主题网站——包括:

  • 显示我的标语风格的记事本窗口
  • XP风格的图标
  • 像"关于Greg"、“Greg的信”、“指南"等假"应用程序”
  • 干净的窗口组件、可拖动元素和功能性导航
  • 从gregisenberg.com自动提取的内容
    在移动设备上,它……能正常工作。这本身就让我震惊。

2、接收反馈

一些图标感觉不对,所以我给出了一个简单的批评:

“这些图标不像是真正的Windows/Mac应用图标。让它们更真实一些。”

Gemini迭代了。图标显著改善了——这是我第一次感觉像是在与一个可以按命令修改的真实设计师合作。

然后我使用了我最喜欢的功能之一:批注

在预览中,我直接在白色背景上绘制并写道:

“这个白色背景很无聊。让它感觉像经典XP——蓝天、绿色山丘。”

Gemini立即更新了背景。它并不完美,但工作流程很顺畅:参考 → 绘制反馈 → 改进 → 重复。

网站设计评分

**9/10。**这真的超出了我的预期。有几个参考图像,它就可以投入生产。

2、SaaS仪表板(Teenage Engineering风格)

接下来,我想看看Gemini能否设计一个现代仪表板。

dribbble.com我抓取了:

  • 一张来自Dribbble的干净SaaS仪表板截图
  • 一张Teenage Engineering的产品照片——我希望按钮模仿的氛围
    然后我提示:

“为餐厅设计一个SaaS分析仪表板。干净、现代,带有受Teenage Engineering硬件启发的有物理感觉的按钮。”

没有深度的PRD。没有功能规格。只是氛围。

结果

Gemini设计的东西比典型的AI生成的UI更独特:

  • 一个名为Chef OS的仪表板
  • 一个实时的"AI分析师"模块(“14张活跃桌位、平均账单等”)
  • 带有物理、硬件启发的美学按钮组件
  • 令人愉悦的柔和色彩选择
  • 微动画
  • 实际上合理的布局层次
    它看起来可出售——即使没有功能规格。

我可以拖动组件,触发"AI助手"面板,看看它是如何想象产品的动态效果的。

SaaS仪表板评分

**8.5/10。**一些细节需要完善,但起点感觉专业,而不是"LLM编码的Tailwind样板" 。

3、移动应用(Brain Rot → Fitness)

App Store上的Brain Rot应用对于最终测试,我想看看Gemini能否在一个现有移动应用风格上进行即兴创作。

我上传了Brain Rot的App Store截图,这是我的朋友Yoni创建的一个美丽插图、游戏化的反成瘾应用。

然后我提示:

“设计一个名为Gains的移动应用。它应该感觉像Brain Rot但是针对健身。温暖的色彩、吉祥物、连续记录、游戏化、iOS风格的布局。”

我不知道Gemini能否处理移动特定设计结构。

结果:

它在Google AI Studio中创建了一个完整的移动原型:

  • 一个对健身一致性做出反应的交互式吉祥物
  • 连续记录系统
  • 一个"Gains日历"
  • 一个活动仪表板
  • 记录UI(尚未功能化,但视觉清晰)
  • 干净的排版和温暖的渐变选择
    吉祥物设计惊人地连贯。有趣。在品牌上。不令人毛骨悚然。

移动应用评分

**8.3/10。**并不完美,但考虑到这只是一个带有粗糙上下文的提示,这惊人地接近。

4、AntiGravity vs. Gemini 3.0 Pro(设计模式)

Google最近推出了AntiGravity,基本上是Cursor竞争对手。它内部使用Gemini,但在我的测试中设计并不那么干净或高级。

如果你想要最好的设计结果:

  • 直接使用Google AI Studio
  • 上传多个参考图像
  • 视觉注释
  • 清晰反馈迭代
    这给你最高质量的UX/UI输出。

5、结束语

在所有三个测试中——网页、仪表板、移动——Gemini始终产生:

  • 连贯的设计系统
  • 有意图的布局
  • 有意义的调色板
  • 交互组件
  • 真实的应用流程
  • 视觉和文本接收反馈的能力
  • 同一工作空间中的代码和设计
    我们已经明显进入了AI生成的应用不再看起来像紫色Tailwind模板的时代。

有了Gemini 3.0:

  • 你的品味成为设计师。
  • 你的参考成为设计系统。
  • 你的批注成为协作。
    如果你理解"好"是什么样子的,你可以通过几个提示和少数截图产生令人惊叹的UI。

工具不再限制创造力。

只有想象力会。


原文链接:Gemini 3:设计能力超乎想象 - 汇智网

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/16 7:32:43

Flutter艺术探索-Flutter三方库鸿蒙适配实战:从原理到实践

Flutter 三方库鸿蒙适配实战:从原理到实践 引言:鸿蒙适配,为何成为新课题? 鸿蒙操作系统发展势头很猛,市场份额也在快速扩大。越来越多的开发者开始面临一个新任务:把现有的 Flutter 应用迁移到鸿蒙平台。…

作者头像 李华
网站建设 2026/4/15 4:45:09

摆脱论文困扰!千笔·专业论文写作工具,本科生专属神器

你是否曾为论文选题发愁?是否在深夜里对着空白文档无从下笔?是否反复修改却仍不满意表达效果?论文写作的每一步都像一场与时间的赛跑,而你可能正被格式错误、查重率高、文献查找难等问题困扰。别再让这些难题成为你毕业路上的绊脚…

作者头像 李华
网站建设 2026/4/16 7:31:34

【小程序毕设源码分享】基于springboot+Android App在大学生实践教学过程中的应用的设计与实现(程序+文档+代码讲解+一条龙定制)

博主介绍:✌️码农一枚 ,专注于大学生项目实战开发、讲解和毕业🚢文撰写修改等。全栈领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java、小程序技术领域和毕业项目实战 ✌️技术范围:&am…

作者头像 李华
网站建设 2026/4/10 5:55:29

springboot影院售票系统的设计与实现 开题报告

目录研究背景与意义系统核心功能模块技术选型与创新点预期成果参考文献示例项目技术支持可定制开发之功能亮点源码获取详细视频演示 :文章底部获取博主联系方式!同行可合作研究背景与意义 随着数字化娱乐需求的增长,影院售票系统的高效性与用…

作者头像 李华