早上好,朋友们!
昨天分享了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进行实现。
如果是已经有的页面要优化调整,是可以上传截图或者网站地址,让他直接进行优化的。也可以输入要参考的网站地址,使用它的配色方案