GPT-4V新玩法:随手一画就能生成网页!

2023-11-1807:20:30网页制作Comments1,784 views字数 680阅读模式
随手圈圈画画就能生成一个网页!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

你没听错,这就是GPT-4Vision的新玩法!文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

开发者Sawyer Hood把demo展示发到到X上,短短几天就有130万查看量,点赞转发收藏2800+文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

GPT-4V新玩法:随手一画就能生成网页!
Sawyer Hood表示:自己在获得GPT-4V API访问权限不到5小时内就开发出了这种玩法,可见“未来一片光明”。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

我们看一下具体演示流程,首先,输入你想要的文字,加入点赞、分享、评论等功能(这里暗示一下大家的三连:),调整一下文字位置,随手框选:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

GPT-4V新玩法:随手一画就能生成网页!
一会,一个带有这些功能的网页就做好了:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html
GPT-4V新玩法:随手一画就能生成网页!
是真实的网页,并且可以点击查看代码。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

同样的,在GitHub上,该玩法登顶热榜,狂揽3000+星。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

具体原理文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

以上的演示需要2个工具:tldraw和GPT-4V API文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

其中tldraw是一个非常好上手的绘图白板。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

有画笔、橡皮、箭头、文本框等各种基本绘图工具,还有很多填充效果:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

GPT-4V新玩法:随手一画就能生成网页!
tldraw和GPT-4V的组合原理也很简单:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

将当前的画布SVG转换为PNG图像,然后将PNG图像发送给GPT-4,并指示其返回一个包含Tailwind CSS的单个HTML文件。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

如果你不会调用GPT-4V API也没关系,现在GPTs中已经有在线设计网页的专属ChatGPTDesignerGPT文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

该GPT就可以快速地创建和托管网站,以下是为面包店设计网站的示例:文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

GPT-4V新玩法:随手一画就能生成网页!
用户只需要输入需求(为面包店设计一个网站),一会儿Designer GPT就把网站构建好了。网页内容很齐全,包括介绍、配图、菜单经营者等等。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

最后,Sawyer Hood推文发出后,一大批网页设计开发人员已经感受到了威胁,而AI的进化似乎还未停止…文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

来源: 腾云科技局文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html

文章源自菜鸟学院-https://www.cainiaoxueyuan.com/zhizuo/57301.html
  • 本站内容整理自互联网,仅提供信息存储空间服务,以方便学习之用。如对文章、图片、字体等版权有疑问,请在下方留言,管理员看到后,将第一时间进行处理。
  • 转载请务必保留本文链接:https://www.cainiaoxueyuan.com/zhizuo/57301.html

Comment

匿名网友 填写信息

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定