AI

Gemini 3 改变了我做 UI 的方式

前段时间,我在一篇文章里随手放了一些 UI 探索的截图,是用 Gemini 3 和AI Studio 做的。当时也没多解释,只是记录一下最近的尝试。

后来陆陆续续有朋友来问我:
这些效果是怎么做出来的?
是不是背后有一套比较复杂的流程?

其实没有。
甚至可以说,这套方法看起来有点“歪门邪道”,但用久了之后,我发现它反而很省力。


不要一开始就想风格

我现在基本不在一开始就想 UI 风格了。

以前做界面,很容易陷入一种状态:
一边功能还没想清楚,一边就开始纠结颜色、字体、风格走向。结果往往是两头都不顺。

现在我的顺序反过来了。

我会先把功能做出来,把结构跑通。
页面不一定好看,但至少能用。

比如这次,我先做的是一个很小的工具,接近“个人名片”那种级别。功能简单,但流程完整。等我自己用起来已经没什么阻碍了,才开始考虑视觉这件事。

这时候再去调风格,心态会轻松很多。


很多人不是没审美,而是说不清楚

之前和一些朋友聊天时,我发现一个挺有意思的现象。

他们经常说自己“不太会设计”,但你让他们挑图、选感觉,其实选得都很准。
真正卡住他们的,是“说不清楚”。

一旦要用语言描述风格,话就开始变虚:
“高级一点”“别太花”“有点设计感”。

这些话对人都很模糊,更别说对工具了。

后来我干脆不描述了,直接用图。


用图,不一定是 UI 图

这里有个误区:
很多人会下意识去找“UI 参考图”。

但我现在反而很少这么做。

我用过的参考图里,有插画,有摄影,甚至有完全和界面无关的东西。只要那张图能让我清楚地感受到一种气质、一种节奏,它就够用了。

这次我一共试了几张图。

有一张偏赛博朋克线稿感的,有一张是比较波普、复古的插画。我只是把图丢进去,让系统以它为参考,生成一套对应的视觉风格。
以下是几个风格的效果:


它做的不是“换皮肤”

让我比较意外的一点是:
生成的结果,并不像是在简单换配色。

它会自己去拆:

  • 颜色之间的关系
  • 对比度强不强
  • 画面是紧还是松
  • 情绪是偏冷还是偏活跃

然后把这些东西组织成一套能用在页面上的规则。

按钮、卡片、文字层级,看起来是统一的,而不是“凑出来的”。

这点对我来说,比单纯好不好看更重要。


有时候我会故意给它“乱图”

后来我开始有点不太安分,想看看边界在哪。

我试过上传一张自己拍的雪山照片,也试过用一张小朋友随手画的涂鸦。
这些图显然不是为 UI 准备的。

但结果依然能用。

出来的界面风格不一定“漂亮”,但都有自己的性格,而且是自洽的。

这时候我才慢慢意识到一件事:
UI 设计系统,本来就不只是视觉规范,它本质上是在翻译一种感觉。


它真正改变的是我怎么“开始”

现在我再做 UI,很少从规范表开始想了。

我会先问自己一个更模糊的问题:
这个东西,希望别人用的时候是什么感受?

是安静的?克制的?有点玩味的?
还是明确、冷静、不打扰的?

当这个感觉有了,我就去找一张能代表它的图。
这张图,基本就成了后面所有设计判断的锚点。


图从哪里来,其实不重要

如果你问我这些图都是哪找的,其实很杂。

有插画平台,有摄影网站,有时候就是自己手机里的照片。
关键不在“专业”,而在你看到它时,心里有没有一个明确的反应。

只要你能被它说服,它就足够当参考。


写在最后

以前做 UI,更像是在不断定义规则。
现在反而更像是在和一个系统对话。

我给它一个感觉,它帮我把感觉拆成秩序。
它并没有替我做决定,但确实改变了我进入设计的方式。

如果你最近也在做产品、做界面,或者只是对 UI 感兴趣,我很建议你试试这种方式。

不一定每次都好看,但它很容易带你走到一些以前不会去的地方。

Share