以下是一些用于搭建页面的 AI 应用:
此外,还有韦恩:扣子“AI 应用”进阶中提到的邮票收藏馆应用的搭建案例,包括业务背景与逻辑梳理、页面设计等方面。
选择桌面网页,进入界面编排页面。这是界面的编排界面,所见即所得。左侧是组件、模板和结构,常用的是组件以及结构。在组件里,布局组件是给网页画框的,展示组件是显示数据、占位的,输入组件是收集动态数据的,AI组件是整合好的chatUI界面组件,可以直接聊天。中间是页面布局,左侧组件拖入并通过右侧的属性面板、事件面板对组件进行设置,使之布局融洽,交互适宜。右侧是属性面板和事件面板,属性是设置组件的各种常用设置、位置、尺寸、样式、状态等;事件是设置组件的行为事件监听,发生了对应行为事件会怎么处理界面、数据,这是用户界面和业务逻辑两个板块交互的方式。不同的组件,其事件种类也各不相同。模板部分主要是官方提供了一些界面的参考模板,在快速学习时,可以使用。结构部分主要是当前应用的页面导航以及页面中的组件层级结构导航,方便快速找到页面及相关组件,尤其是组件被隐藏的时候,极好用。
制作网站的AI工具可以帮助用户快速创建和设计高质量的网站,省去了许多繁琐的编码和设计工作。以下是一些流行的AI驱动的网站制作工具:[heading3]1.Wix ADI(Artificial Design Intelligence)[content]网址:[Wix ADI](https://www.wix.com/)特点:基于用户提供的信息,Wix ADI可以自动生成一个定制化的网站。提供多个设计选项和布局,用户可以进一步调整和自定义。集成了SEO工具和分析功能,帮助优化网站表现。[heading3]2.Bookmark[content]网址:[Bookmark](https://www.bookmark.com/)特点:AIDA(Artificial Intelligence Design Assistant)通过询问用户几个简单的问题,快速生成一个网站。提供直观的拖放编辑器,用户可以轻松自定义网站内容和布局。包括多种行业模板和自动化营销工具。[heading3]3.Firedrop[content]网址:[Firedrop](https://firedrop.ai/)特点:Sacha是Firedrop的AI设计助手,可以根据用户的指示创建和修改网站设计。提供实时编辑和预览功能,帮助用户随时查看网站效果。包含多种现代设计风格和自定义选项。[heading3]4.The Grid[content]网址:[The Grid](https://thegrid.io/)特点:Molly是The Grid的AI设计助手,可以自动调整网站的设计和布局。基于内容和用户互动进行优化,提供个性化的网站设计体验。支持多种内容类型,包括博客、商店和画廊等。
这个Idea是源于一个客户,客户想做产品邮票的需求,然后后来没成交。随着即梦2.1生图模型的出现,让这件事成为可能,直接生图,生成邮票样式的图片,还是很好玩的,我做好了之后,抽了一堆卡。言归正传,说一下这个AI应用的功能,生成邮票、收藏邮票、收藏列表、查看藏品详情,然后页面上规划了两个页面,一个是生成相关的,一个是查看相关的,这样体验会好一些,交互也好做。现阶段,不适合做特别复杂的应用交互,咱们开始吧。[heading2]2、页面设计[heading3]2.1、第一页[content]导航栏:应用名称、查看收藏入口、用户头像陈列展示:上传一些生成的图片,让用户看到邮票的可能性生成和收藏:输入邮票关键字,然后立即生成,下面展示生成效果,满意就点理解收藏查看收藏:收藏之后,点击顶部查看收藏入口,进入新页面[heading3]2.2、第二页[content]收藏列表:在进入页面时会加载用户的所有收藏,现在最大数量是100,再多了需要优化一下,加翻页收藏详情:点击收藏的邮票,可以查看邮票的大图、邮票生成的关键字、收藏时间,时间格式带了东八区的标识返回首页:点击返回首页。