Dora AI ！一句話生成可交互、可編輯網(wǎng)站的 AI 神器

AI應(yīng)用信息1年前 (2024)發(fā)布 XIAOT

大家好，這里是和你們聊 AI 的花生~

今天為大家推薦這一款 AI 網(wǎng)站生成神器?Dora ai，它是新推出的一個(gè)無(wú)代碼網(wǎng)站構(gòu)建平臺(tái)，借助 AI 生成技術(shù)，只通過(guò)文本提示就能快速生成可編輯、可交互的網(wǎng)站，目前受到很多網(wǎng)站開(kāi)發(fā)者的關(guān)注，一起來(lái)看看它有哪些神奇之處吧~

Dora AI 主頁(yè)

Dora AI 介紹

Dora AI 的產(chǎn)品團(tuán)隊(duì)來(lái)自中國(guó)北京，Product Hunt 上的發(fā)布者為 Faye Zheng。從 Dora AI 官網(wǎng)上看，目前可以實(shí)現(xiàn)的效果主要有三種：

① 根據(jù)文本生成網(wǎng)站

根據(jù)官方演示視頻展示，當(dāng)用戶輸入一句關(guān)于網(wǎng)站的描述后，Dora AI 的會(huì)一次性生成三組設(shè)計(jì)稿供用戶挑選。設(shè)計(jì)稿具有完整的網(wǎng)站頁(yè)面框架，文案、配圖和各種組件一應(yīng)俱全，排版設(shè)計(jì)看起來(lái)也很高級(jí)。而且這個(gè)設(shè)計(jì)稿還是可編輯的，分成了多個(gè)不同的圖層，用戶可以繼續(xù)在上面做出修改。

AI 生成的設(shè)計(jì)稿

② 成3D交互動(dòng)畫

在編輯設(shè)計(jì)稿時(shí)，可以直接輸入一句話，讓 AI 將靜態(tài)背景替換成具有交互效果的 3D 模型，這樣鼠標(biāo)進(jìn)行操作時(shí)網(wǎng)頁(yè)會(huì)跟隨反應(yīng)，打造沉浸式使用體驗(yàn)。

從演示視頻中我發(fā)現(xiàn)當(dāng) 3D 模型生成后，對(duì)應(yīng)的圖層變成“場(chǎng)景”和“3D 相機(jī)”，也就是交互效果是通過(guò)相機(jī)視角調(diào)整完成的。而 AI 做的作用應(yīng)該是讓“替換 3D 模型元素”和“添加動(dòng)畫效果”2 個(gè)任務(wù)自動(dòng)完成，省去用戶自己調(diào)整設(shè)計(jì)的步驟。

③ 高級(jí) AI 動(dòng)畫

在看完演示視頻后，我覺(jué)得 AI 動(dòng)畫這個(gè)功能實(shí)在是太神了。描述你想要的動(dòng)畫效果并指定動(dòng)畫對(duì)象，Dora AI 就能自動(dòng)添加動(dòng)畫并彈出編輯面板，用戶可以繼續(xù)拖動(dòng)滑塊對(duì)動(dòng)畫效果進(jìn)行調(diào)整。這比自己手動(dòng)調(diào)整動(dòng)畫效果方便很多，而且讓不懂編程的用戶也能輕松為自己的網(wǎng)站添加高級(jí)的動(dòng)畫效果。

其實(shí) Dora 原本就是一個(gè)無(wú)代碼網(wǎng)站構(gòu)建平臺(tái)，幫助用戶直接通過(guò)拖拽元素組件創(chuàng)建帶有 3D 元素和動(dòng)畫效果的網(wǎng)站，并借助 Flutter 實(shí)現(xiàn)響應(yīng)式布局，可以適應(yīng)全端排版需求。

Dora 官網(wǎng)：?https://www.dora.run/

Dora 的產(chǎn)品演示

這次發(fā)布的 Dora AI 則是借助現(xiàn)在的 AI 技術(shù)讓網(wǎng)站構(gòu)建變得更加快捷方便。比如快速生成網(wǎng)站配圖、通過(guò)文本指令自動(dòng)完成負(fù)責(zé)指令等，讓每個(gè)人都能通過(guò)自然語(yǔ)言快速制作一個(gè)視覺(jué)效果優(yōu)秀、具有 3D 動(dòng)畫和交互功能的網(wǎng)站，這無(wú)疑也是網(wǎng)站設(shè)計(jì)的一大進(jìn)步。