news 2026/8/29 6:05:05

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/8/22 3:50:00

Python 异步编程实战:掌握任务取消的艺术与优雅退出策略

Python 异步编程实战:掌握任务取消的艺术与优雅退出策略 引言:当"停下来"比"跑起来"更难 在我职业生涯的第三年,我负责的一个数据采集系统出现了严重的资源泄漏问题。每当用户点击"停止"按钮,系统表面上停止了,但后台仍有数十个网络连接保…

作者头像 李华
网站建设 2026/8/26 21:03:06

计算机毕设java学生公寓报修管理系统 基于Java的高校宿舍维修管理系统开发与实现 Java技术驱动的学生宿舍报修管理平台设计

计算机毕设java学生公寓报修管理系统dd01l9 (配套有源码 程序 mysql数据库 论文) 本套源码可以在文本联xi,先看具体系统功能演示视频领取,可分享源码参考。随着高校规模的不断扩大,学生宿舍的管理成为校园管理的重要组成部分。传统…

作者头像 李华
网站建设 2026/8/20 22:03:58

【Kubernetes】企业级云服务平台异地多活架构设计深度解析

【精选优质专栏推荐】 《AI 技术前沿》 —— 紧跟 AI 最新趋势与应用《网络安全新手快速入门(附漏洞挖掘案例)》 —— 零基础安全入门必看《BurpSuite 入门教程(附实战图文)》 —— 渗透测试必备工具详解《网安渗透工具使用教程(全)》 —— 一站式工具手册《CTF 新手入门实战教…

作者头像 李华
网站建设 2026/8/22 15:17:40

computed与watch的性能差异与使用场景

在前端开发中,二次封装UI组件库是提升开发效率、统一项目风格、增强组件可维护性的重要手段。通过封装,可以将基础组件(如按钮、表单、弹窗等)扩展为符合业务需求的业务组件,同时保留基础组件的灵活性和可复用性。本文…

作者头像 李华
网站建设 2026/8/25 5:57:45

MyBatis 特殊字符转义

基本转义字符对照表原字符转义字符说明<<小于号>>大于号&&amp;和号"&quot;双引号’&apos;单引号<<小于等于>>大于等于

作者头像 李华