前段时间,我在一篇文章里随手放了一些 UI 探索的截图,是用 Gemini 3 和AI Studio 做的。当时也没多解释,只是记录一下最近的尝试。
后来陆陆续续有朋友来问我:
这些效果是怎么做出来的?
是不是背后有一套比较复杂的流程?
其实没有。
甚至可以说,这套方法看起来有点“歪门邪道”,但用久了之后,我发现它反而很省力。
不要一开始就想风格
我现在基本不在一开始就想 UI 风格了。
以前做界面,很容易陷入一种状态:
一边功能还没想清楚,一边就开始纠结颜色、字体、风格走向。结果往往是两头都不顺。
现在我的顺序反过来了。
我会先把功能做出来,把结构跑通。
页面不一定好看,但至少能用。
比如这次,我先做的是一个很小的工具,接近“个人名片”那种级别。功能简单,但流程完整。等我自己用起来已经没什么阻碍了,才开始考虑视觉这件事。
这时候再去调风格,心态会轻松很多。
很多人不是没审美,而是说不清楚
之前和一些朋友聊天时,我发现一个挺有意思的现象。
他们经常说自己“不太会设计”,但你让他们挑图、选感觉,其实选得都很准。
真正卡住他们的,是“说不清楚”。
一旦要用语言描述风格,话就开始变虚:
“高级一点”“别太花”“有点设计感”。
这些话对人都很模糊,更别说对工具了。
后来我干脆不描述了,直接用图。
用图,不一定是 UI 图
这里有个误区:
很多人会下意识去找“UI 参考图”。
但我现在反而很少这么做。
我用过的参考图里,有插画,有摄影,甚至有完全和界面无关的东西。只要那张图能让我清楚地感受到一种气质、一种节奏,它就够用了。
这次我一共试了几张图。
有一张偏赛博朋克线稿感的,有一张是比较波普、复古的插画。我只是把图丢进去,让系统以它为参考,生成一套对应的视觉风格。
以下是几个风格的效果:




它做的不是“换皮肤”
让我比较意外的一点是:
生成的结果,并不像是在简单换配色。
它会自己去拆:
- 颜色之间的关系
- 对比度强不强
- 画面是紧还是松
- 情绪是偏冷还是偏活跃
然后把这些东西组织成一套能用在页面上的规则。
按钮、卡片、文字层级,看起来是统一的,而不是“凑出来的”。
这点对我来说,比单纯好不好看更重要。
有时候我会故意给它“乱图”
后来我开始有点不太安分,想看看边界在哪。
我试过上传一张自己拍的雪山照片,也试过用一张小朋友随手画的涂鸦。
这些图显然不是为 UI 准备的。
但结果依然能用。
出来的界面风格不一定“漂亮”,但都有自己的性格,而且是自洽的。



这时候我才慢慢意识到一件事:
UI 设计系统,本来就不只是视觉规范,它本质上是在翻译一种感觉。
它真正改变的是我怎么“开始”
现在我再做 UI,很少从规范表开始想了。
我会先问自己一个更模糊的问题:
这个东西,希望别人用的时候是什么感受?
是安静的?克制的?有点玩味的?
还是明确、冷静、不打扰的?
当这个感觉有了,我就去找一张能代表它的图。
这张图,基本就成了后面所有设计判断的锚点。
图从哪里来,其实不重要
如果你问我这些图都是哪找的,其实很杂。
有插画平台,有摄影网站,有时候就是自己手机里的照片。
关键不在“专业”,而在你看到它时,心里有没有一个明确的反应。
只要你能被它说服,它就足够当参考。
写在最后
以前做 UI,更像是在不断定义规则。
现在反而更像是在和一个系统对话。
我给它一个感觉,它帮我把感觉拆成秩序。
它并没有替我做决定,但确实改变了我进入设计的方式。
如果你最近也在做产品、做界面,或者只是对 UI 感兴趣,我很建议你试试这种方式。
不一定每次都好看,但它很容易带你走到一些以前不会去的地方。