火星網(wǎng)校
用AI快速生成UI設(shè)計稿，你get到了嗎？
發(fā)布時間：2024-05-12 10:46:15 瀏覽量：321次
晨星技術(shù)說
晨星技術(shù)小課堂第二季
譚同學(xué)
- 聯(lián)想晨星用戶體驗設(shè)計師
-【晨星小課堂】講師
對比兩款A(yù)IGC設(shè)計工具，來看看“AI設(shè)計師”的能力邊界。
即時AI
先說說一款國內(nèi)的產(chǎn)品——即時AI。它是一款適合新手的國產(chǎn)云端設(shè)計工具
01
兩種算法模型，各有所長
即時AI目前有兩大生成模型，JS-INNO和JS-UIbotics，對應(yīng)不同設(shè)計需求，在生成AI前，需要選擇對應(yīng)的生成模型。
兩者的側(cè)重有所不同，適合不同的需求。
- JS-INNO模型在簡單的文字描述下，它能夠生成的AI內(nèi)容豐富、風(fēng)格多樣，但是缺點在于排版隨意、缺乏細(xì)節(jié)、可用性不高，只能當(dāng)做提供設(shè)計靈感與思路時使用。
↑ 這是選擇JS-INNO模型生成的界面
- JS-UIbotics模型生成的設(shè)計頁面擁有更規(guī)范的布局、組件、圖標(biāo)、字體、結(jié)構(gòu)功能。梳理清晰、形成初始UI稿，再通過二次編輯，可快速組合頁面元素，產(chǎn)出可用頁面。
↑ 這是選擇JS-UIBOTICS模型生成的界面
嘗試了兩種算法模型后，我們發(fā)現(xiàn)更推薦使用JS-UIbotics模型，它所輸出的界面布局更規(guī)范，結(jié)構(gòu)功能更清晰，能夠大致搭建界面框架，節(jié)約后續(xù)設(shè)計的時間。
02
以“文”成圖，效果如何？
能夠通過文本描述自動生成界面是目前該軟件的最大特點。
- 隨機輸入在文字輸入?yún)^(qū)“/”或點擊左下角骰子圖標(biāo)，獲取文字描述靈感。
- 自定義文字輸入分為兩類結(jié)構(gòu)：概括型、明細(xì)型
比如，我們輸入：生成信息科技公司官網(wǎng)APP的首頁，就會自動生成如下的界面。
對比上述兩種輸入方式，我們可以發(fā)現(xiàn)明細(xì)型所輸出的內(nèi)容更符合我們的需求。
UIzard
UIzard是一款由韓國開發(fā)的在線無代碼AI軟件開發(fā)工具。
與上一款軟件相比，它可以自動將用戶的手繪草圖轉(zhuǎn)換成對應(yīng)的UI設(shè)計元素，并提供相應(yīng)的交互效果和動畫效果。支持屏幕截圖轉(zhuǎn)換為可編輯的設(shè)計等。
通過這種方式，我們可以更快地創(chuàng)建和修改UI，節(jié)省時間和成本、提高設(shè)計效率。
UIzard的功能已經(jīng)十分完備，但它仍然存在一些不足之處，比如：對于復(fù)雜的手繪草圖或者非標(biāo)準(zhǔn)的設(shè)計元素，UIzard可能無法準(zhǔn)確識別和轉(zhuǎn)換，并需要進(jìn)行后續(xù)的手動調(diào)整；在UIzard中，一些高級功能和調(diào)整選項需要用戶具備一定的UI設(shè)計知識和經(jīng)驗才能靈活運用，對于新手用戶來說可能需要一些時間和實踐；UIzard目前是基于云端平臺的，需要穩(wěn)定的網(wǎng)絡(luò)連接和較快的數(shù)據(jù)傳輸速度。同時，如果上傳較多的手繪草圖會占用較大的存儲空間。
總的來說，UIzard是一款非常實用的UI設(shè)計工具，而且通過官方提供的指導(dǎo)視頻能夠快速上手，對于擁有一定UI設(shè)計經(jīng)驗的設(shè)計師而言，它是一款能夠幫助我們快速提高工作效率的平臺工具。
對于一名UI設(shè)計師而言，用AI設(shè)計工具做原型，或者創(chuàng)作一個參考的基礎(chǔ)頁面為后面的排版設(shè)計起引導(dǎo)作用等還是能夠帶來極大地便利性的。
（* 部分圖片來自網(wǎng)絡(luò)，侵刪）
歡迎提問
親，看了上述的內(nèi)容是否你對AIGC對于UI設(shè)計工作的價值有了大致的理解呢？
還有什么關(guān)于本文的問題,歡迎在評論區(qū)留下您的問題~
熱門課程推薦
熱門資訊
-
1. 華為手機神奇“AI修圖”功能，一鍵消除衣服！原圖變身大V領(lǐng)深V！
最近華為手機Pura70推出的“AI修圖”功能引發(fā)熱議，通過簡單操作可以讓照片中的人物換裝。想了解更多這款神奇功能的使用方法嗎？點擊查看！
-
近年來,人工智能逐漸走入公眾視野,其中的AI圖像生成技術(shù)尤為引人注目。只需在特定軟件中輸入關(guān)鍵詞描述語以及上傳參考圖就能智能高效生成符合要求的...
-
想將照片變成漫畫效果？這篇文章分享了4個方法，包括Photoshop、聰明靈犀、VanceAI Toongineer、醒圖，簡單操作就能實現(xiàn)，快來嘗試一下吧！
-
4. 一款免費無限制的AI視頻生成工具火了!國內(nèi)無障礙訪問!附教程
人人都可以動手制作AI視頻! 打開網(wǎng)址https://pixverse.ai/,用郵箱注冊后,點擊右上角Create,就可以開始創(chuàng)作了。 PixVerse目前有文案生成視頻,和圖片生...
-
5. 趕緊收藏好!這4個完全免費的AI視頻制作網(wǎng)站和工具
以下是一些免費的AI視頻制作網(wǎng)站或工具,幫助您制作各種類型的視頻。 1. Lumen5:Lumen5是一個基于AI的視頻制作工具,可將文本轉(zhuǎn)換為視頻。 用戶可以使...
-
6. 零基礎(chǔ)10分鐘生成漫畫，教大家如何用AI生成自己的漫畫
接下來,我將親自引導(dǎo)你,使用AI工具,創(chuàng)作一本既有趣又能帶來盈利的漫畫。我們將一起探索如何利用這個工具,發(fā)揮你的創(chuàng)意,制作出令人驚嘆的漫畫作品。讓...
-
就能快速生成一幅極具藝術(shù)效果的作品,讓現(xiàn)實中不懂繪畫的人也能參與其中創(chuàng)作!真的超贊噠~趣趣分享幾款超厲害的AI繪畫軟件,提供詳細(xì)操作!有需要的快來...
-
8. AI視頻制作神器Viggle：讓靜態(tài)人物動起來，創(chuàng)意無限！
Viggle AI是一款免費制作視頻的AI工具，能讓靜態(tài)人物圖片動起來，快來了解Viggle AI的功能和優(yōu)勢吧！
-
9. 10個建筑AI工具，從設(shè)計到施工全覆蓋!肯定有你從來沒聽過的
講述了建筑業(yè)比較著名的AI公司小庫科技做出的探索,在這兒就不多說了。今天,我們試著在規(guī)劃設(shè)計、建筑方案設(shè)計、住宅設(shè)計、管道設(shè)計、出渲染圖、3D掃...
-
10. Logo Diffusion——基于sd繪畫模型的AI LOGO 生成器
這下LOGO設(shè)計徹底不用求人了。接下來詳細(xì)演示一遍操作流程首先進(jìn)入Logo D... 想學(xué)習(xí)更多AI技能,比如說關(guān)于怎么樣利用AI來提高生產(chǎn)效率、還能做什么AI...
最新文章
