激情六月丁香婷婷|亚洲色图AV二区|丝袜AV日韩AV|久草视频在线分类|伊人九九精品视频|国产精品一级电影|久草视频在线99|在线看的av网址|伊人99精品无码|午夜无码视频在线

AI指導你實現(xiàn)出色的UI界面設計

發(fā)布時間：2023-12-11 16:59:52 瀏覽量：447次

晨星技術說

晨星技術小課堂第二季

譚同學

- 聯(lián)想晨星用戶體驗設計師

-【晨星小課堂】講師

通過簡單、清晰的語言描述就能夠用幾十秒自動生成一組可編輯的UI界面，AIGC對于UI設計師而言已經(jīng)逐步發(fā)展成了幫助我們高效地進行設計的“好幫手”。

之前AIGC所生成的內(nèi)容，更多的集中在文字、圖片、視頻、音頻等領域，而現(xiàn)在AI已經(jīng)“進化”到能夠快速生成UI設計稿了，這是AI和具體職業(yè)結(jié)合地更加垂直的應用。

下面，我們將對比兩款AIGC設計工具，來看看“AI設計師”的能力邊界。

即時AI

先說說一款國內(nèi)的產(chǎn)品——即時AI。它是一款適合新手的國產(chǎn)云端設計工具，與國外的一些云端設計軟件相比，它不需要開VPN，且頁面完全使用中文。

01

兩種算法模型，各有所長

即時AI目前有兩大生成模型，JS-INNO和JS-UIbotics，對應不同設計需求，在生成AI前，需要選擇對應的生成模型。

兩者的側(cè)重有所不同，可以說各有所長，適合不同的需求。

- JS-INNO模型

在簡單的文字描述下，它能夠生成的AI內(nèi)容豐富、風格多樣，但是缺點在于排版隨意，缺乏細節(jié)，可用性不高，只能當做提供設計靈感與思路時使用。

↑ 這是選擇JS-INNO模型生成的界面

- JS-UIbotics模型

JS-UIbotics模型生成的設計頁面擁有更規(guī)范的布局、組件、圖標、字體、結(jié)構(gòu)功能。梳理清晰、形成初始UI稿，再通過簡單的二次編輯，可快速組合頁面元素，產(chǎn)出可用頁面。

↑ 這是選擇JS-UIBOTICS模型生成的界面

嘗試了兩種算法模型后，我們發(fā)現(xiàn)對于想要用AI來輔助UI界面設計的情況，更推薦使用JS-UIbotics模型，它所輸出的界面布局更規(guī)范，結(jié)構(gòu)功能更清晰，能夠大致搭建界面框架，節(jié)約后續(xù)設計的時間。

02

以“文”成圖，效果如何？

能夠通過文本描述自動生成界面是目前該軟件的最大特點，與ChatGPT一樣，在使用時需要掌握一些技巧和方法，文字的描述目前支持隨機輸入與自定義兩種模式。

- 隨機輸入

在文字輸入?yún)^(qū)“/”或點擊左下角骰子圖標，獲取文字描述靈感。

- 自定義文字輸入

分為兩類結(jié)構(gòu)：概括型、明細型

1）概括型描述結(jié)構(gòu)：主題描述+頁面類型

比如，我們輸入：生成信息科技公司官網(wǎng)APP的首頁，就會自動生成如下的界面。

2）明細型描述結(jié)構(gòu)：主題描述+頁面類型+布局+模塊內(nèi)容，同樣是科技公司APP的首頁，我們可以選擇如下的表述方式。

如：生成信息科技公司官網(wǎng)APP的首頁，首頁內(nèi)容以介紹公司為主，包括技術、產(chǎn)品、解決方案、領域、事跡、合作客戶等模塊。

對比上述兩種輸入方式，我們可以發(fā)現(xiàn)明細型所輸出的內(nèi)容更符合我們的需求。對于AI來說，提示詞是與他們溝通的橋梁，我們要盡可能地用清晰、精準、言簡意賅的方式描述需求，才能讓AI快速且準確地識別我們的需求。

當然，目前在當前AI功能的限制下，畫板大小、頁面風格、插圖、圖標等內(nèi)容暫不支持自定義。所以，我們要注意：

① 文本輸入時，需要編寫重點，盡量不要描述功能；

②描述模塊、內(nèi)容，字數(shù)過多時模型會忽略多余的內(nèi)容，對于否定句，模型理解能力價差，描述時需要排除“沒有”“不要”等詞語使用，文字描述越簡單清晰，模型理解就更好。

下面是官方說明中我認為最重要的幾張?zhí)崾緢D，希望給大家參考：

綜合使用下來，我們的評價是：雖然它投入使用不久，但它的表現(xiàn)已接近初級UI設計師的水平，依舊有許多進步的空間，且對于手稿生成原型、圖生圖的功能尚未開放，但相信等待到所有功能上線后，它能夠有效地減輕設計師的工作量。

UIzard

UIzard是一款由韓國開發(fā)的在線無代碼AI軟件開發(fā)工具。

與上一款軟件相比，它可以自動將用戶的手繪草圖轉(zhuǎn)換成對應的UI設計元素，并提供相應的交互效果和動畫效果。支持屏幕截圖轉(zhuǎn)換為可編輯的設計等。

① 通過掃描的方式，將手繪的原型草圖自動轉(zhuǎn)化為UI

通過這種方式，我們可以更快地創(chuàng)建和修改UI，節(jié)省時間和成本、提高設計效率。

② 同時，它也支持將UI自動轉(zhuǎn)化成原型草圖

可快速生成可編輯交互原型，更方便對界面進行優(yōu)化調(diào)整，提高交互設計效率、易于迭代和修改。

③ 屏幕截圖也可以自動轉(zhuǎn)換為可編輯的設計

設計師可以快速獲得所需的素材并對其進行編輯和修改，減少繁瑣的畫圖時間，提高工作效率。

④ 使用AI，一鍵替換設計風格

在短時間內(nèi)獲得不同類型的設計方案，避免重新設計風格，節(jié)省時間和精力。給設計師提供更多的思路，客戶也可以更快速地確定自己想要的風格。

⑤ 它也可以和即時AI一樣，通過簡單文本描述的方式自動生成用戶界面

設計師可快速將設計意圖傳達給相關人員。節(jié)省大量時間來創(chuàng)建設計原型。為設計者提供靈感和多樣化的設計思路。

UIzard的功能已經(jīng)十分完備，但它仍然存在一些不足之處，比如：

1.對于復雜的手繪草圖或者非標準的設計元素，UIzard可能無法準確識別和轉(zhuǎn)換，并需要進行后續(xù)的手動調(diào)整；

2. 在UIzard中，一些高級功能和調(diào)整選項需要用戶具備一定的UI設計知識和經(jīng)驗才能靈活運用，對于新手用戶來說可能需要一些時間和實踐。

3. UIzard目前是基于云端平臺的，需要穩(wěn)定的網(wǎng)絡連接和較快的數(shù)據(jù)傳輸速度。同時，如果上傳較多的手繪草圖會占用較大的存儲空間。

總的來說，UIzard是一款非常實用的UI設計工具，而且通過官方提供的指導視頻能夠快速上手，對于擁有一定UI設計經(jīng)驗的設計師而言，它是一款能夠幫助我們快速提高工作效率的平臺工具。

對于一名UI設計師而言，我試用了多款AI工具來輔助設計，這些工具大多能夠完成一些初級工作，甚至可以在短時間內(nèi)生成大量的設計稿，極大地提高了設計效率。

但與此同時，我也深切地感受到了UI設計的難點不在于生成界面，而是在于頁面之間的跳轉(zhuǎn)、元素及上下文之間的邏輯關系，如何為客戶提供更好地使用體驗。

作為面向UI設計領域的AI設計工具還有很多技術難關需要被攻克，比如用戶研究與體驗設計、創(chuàng)意設計及細節(jié)處理方面，這些問題需要設計師針對性的進行補充，以實現(xiàn)更好的設計效果。

在未來，AI需要更懂用戶思維，更具備創(chuàng)新能力，由此，AI在未來的發(fā)展趨勢將會更加智能化和自動化。

而對于產(chǎn)品經(jīng)理、UI初級入門設計師而言，用AI設計工具做原型，或者創(chuàng)作一個參考的基礎頁面為后面的排版設計起引導作用等還是能夠帶來極大地便利性的。

（* 部分圖片來自網(wǎng)絡，侵刪）

歡迎提問

親，看了上述的內(nèi)容是否你是否對AIGC對于UI設計工作的價值有了大致的理解呢？

還有什么關于本文的問題,歡迎在評論區(qū)留下您的問題~

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

您已成功報名0元試學活動，老師會在第一時間與您取得聯(lián)系，請保持電話暢通！
確定