Skip to content

网站出海每日分享:怎么提升AI审美 - Stitch

公众号: droidHZ 发布时间: 1970-01-01 08:33:46 原文链接: https://mp.weixin.qq.com/s?__biz=MzkzNzYzNzE3Mg==&mid=2247485258&idx=1&sn=3b7cafe91aa5b119fb148bfd8284d614&chksm=c28d2311f5faaa0740dd8a982ef94a73a75b8ffed08193c940197eff5b7e8df5ca672b9fc16e#rd


早上好,朋友们!

昨天分享了impeccable ,我的审美水平,确实发现不了到底好不好,有朋友说有点翻车,刚好昨天分享之后,Google 发布了新版的stitch,今天我们就来试用一下stitch 做出好看的UI。

图片

打开网站官网 ,stitch.withgoogle.com 就是很常规的输入框操作,我还是用昨天的提示词,生成一个 AI 视频生成器的 Landing Page。输入框下方,可以选择你喜欢的主题配色,它是支持web和手机端的UI设计,也可以在输入框下方切换。选择完成后点击确定,就开始生成了。

图片

生成完成之后,旁边会有当前的主题色,右边是预览效果,顶部可以点击修改,调整当前页面的配色

图片

修改页面里面可以切换dark 和 light 模式,可以调整主色、主题配色,字体,按钮的圆角,然后点击保存。

图片

你调整配色之后,可以选中生成的UI,顶部的修改,点击生成至最新设计系统,UI就变成了你设置的新配色。

图片

点击右侧的笔,可以选中具体的元素,让AI进行修改。

图片

点击右上角的运行按钮,可以看到实际可以操作的UI,看到一些动画效果,点击导出,有很多导出方式,我选择的zip ,下载下来就是页面的html 、图片、设计规范。

图片

然后就是可以把这个html 交给本地的AI,让按照html 的UI进行实现。

图片

如果是已经有的页面要优化调整,是可以上传截图或者网站地址,让他直接进行优化的。也可以输入要参考的网站地址,使用它的配色方案

图片

我是赫兹,专注网站出海第304天,持续分享网站出海内容。新朋友可以看看之前的文章合集;想系统学习,也推荐关注哥飞老师,我很多方法是向他学习的,微信搜索 361079 就可以找到他。

(图片缺失)