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

用AI輔助進行UI界面構思是一種什么體驗?

發(fā)布時間：2024-01-23 15:19:16 瀏覽量：194次

首先，看看上述這兩個界面，文字細節(jié)先放一邊，單看這個骨架結構和顏色選取還是相當OK的，那么，取這個圖片作為我們進行界面風格的起步參考或許是一種明智的做法。

首先，看看上述這兩個界面，文字細節(jié)先放一邊，單看這個骨架結構和顏色選取還是相當OK的，那么，取這個圖片作為我們進行界面風格的起步參考或許是一種明智的做法。

在之前的文章 AI能代替設計師….嗎？中，我們說過在中短期的未來，類似ChatGPT或者其他形式的AI，都只是一種更高階的工具，它可以幫助設計師提供效率完成更多的設計，可以用來代替設計師進行一些視覺化的探索。

那今天的這個文章，我們就來試試這個高階工具好不好用，要怎么用。

上述的UI生成過程，我在MidJourney Map中進行，總共經(jīng)歷了4個步驟，下面我們一個個來看：

1.

UI UX interface design, dribbble style, outdoor walking navigation, creative, colorful palette, front view, no mockup, –v 5

簡單解釋一下：
UI UX interface design = 界面設計
dribbble style = 采用dribbble網(wǎng)站上流行的設計語言
outdoor walking navigation = 主題是戶外步行導航
creative = 有創(chuàng)意性
colorful palette = 多彩的主題（調(diào)色板）
front view = 正面視圖
no mockup = 別套樣機

這些結果中，第四個我最為滿意，希望它能夠多做幾個衍生（variants）, 所以進入第二步：

2.

點擊V4，V的意思是 Variants，V4是做4個衍生。

結果如圖：


其實作為界面的參考來說，上述這幾個已經(jīng)夠了，但看著這幾個覺得2還不錯，但仍不足夠好，不如再讓它生成一輪吧：

3.


繼續(xù)V2，我們得到基于2號產(chǎn)出的衍生結果：


這時，很明顯2圖的卡片結構與按鈕樣式都更好些，插圖與色彩的搭配也更動人，不如就選2吧，這時候，就可以U2了。說明一下，U是Upscale, 意思是

4.


點擊U2，得到如下圖片：


這也是本文開始的圖。

那么，要怎么應用這樣的AI繪圖結果呢？


上圖中，我把MidJourney生成的界面扔進了Figma, 并進行了反向Lo-Fi 級別的臨摹，得到兩個抽象的界面框架。


如果上述看法還不足夠呈現(xiàn)一個架空的骨骼的話， 那么，打開框架試圖（shift+O）就更能夠看到我們臨摹抽象出的界面框架。

怎么樣？這樣的骨骼結構，是不是比自己瞎畫出來的好多了？

總結

總結一下，如果你有了一個大致的設計方向，苦于在初步構建設計界面時沒有想法，那么類似MidJourney的工具能夠很好的成為幫助我們畫“低保真原型草圖”的工具。

但，工具是死的，人是活的，一定要利用工具而不是被工具反噬哦。

熱門課程推薦

熱門資訊

請綁定手機號

獲取驗證碼
x

同學您好！

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