火星網(wǎng)校
用AI輔助進(jìn)行UI界面構(gòu)思是一種什么體驗(yàn)?
發(fā)布時(shí)間：2024-01-23 15:19:16 瀏覽量：194次
首先，看看上述這兩個(gè)界面，文字細(xì)節(jié)先放一邊，單看這個(gè)骨架結(jié)構(gòu)和顏色選取還是相當(dāng)OK的，那么，取這個(gè)圖片作為我們進(jìn)行界面風(fēng)格的起步參考或許是一種明智的做法。
首先，看看上述這兩個(gè)界面，文字細(xì)節(jié)先放一邊，單看這個(gè)骨架結(jié)構(gòu)和顏色選取還是相當(dāng)OK的，那么，取這個(gè)圖片作為我們進(jìn)行界面風(fēng)格的起步參考或許是一種明智的做法。
在之前的文章 AI能代替設(shè)計(jì)師….嗎？中，我們說過在中短期的未來，類似ChatGPT或者其他形式的AI，都只是一種更高階的工具，它可以幫助設(shè)計(jì)師提供效率完成更多的設(shè)計(jì)，可以用來代替設(shè)計(jì)師進(jìn)行一些視覺化的探索。
那今天的這個(gè)文章，我們就來試試這個(gè)高階工具好不好用，要怎么用。
上述的UI生成過程，我在MidJourney Map中進(jìn)行，總共經(jīng)歷了4個(gè)步驟，下面我們一個(gè)個(gè)來看：
1.
UI UX interface design, dribbble style, outdoor walking navigation, creative, colorful palette, front view, no mockup, –v 5
簡(jiǎn)單解釋一下：
UI UX interface design = 界面設(shè)計(jì)
dribbble style = 采用dribbble網(wǎng)站上流行的設(shè)計(jì)語言
outdoor walking navigation = 主題是戶外步行導(dǎo)航
creative = 有創(chuàng)意性
colorful palette = 多彩的主題（調(diào)色板）
front view = 正面視圖
no mockup = 別套樣機(jī)
這些結(jié)果中，第四個(gè)我最為滿意，希望它能夠多做幾個(gè)衍生（variants）, 所以進(jìn)入第二步：
2.
點(diǎn)擊V4，V的意思是 Variants，V4是做4個(gè)衍生。
結(jié)果如圖：
其實(shí)作為界面的參考來說，上述這幾個(gè)已經(jīng)夠了，但看著這幾個(gè)覺得2還不錯(cuò)，但仍不足夠好，不如再讓它生成一輪吧：
3.
繼續(xù)V2，我們得到基于2號(hào)產(chǎn)出的衍生結(jié)果：
這時(shí)，很明顯2圖的卡片結(jié)構(gòu)與按鈕樣式都更好些，插圖與色彩的搭配也更動(dòng)人，不如就選2吧，這時(shí)候，就可以U2了。說明一下，U是Upscale, 意思是
4.
點(diǎn)擊U2，得到如下圖片：
這也是本文開始的圖。
那么，要怎么應(yīng)用這樣的AI繪圖結(jié)果呢？
上圖中，我把MidJourney生成的界面扔進(jìn)了Figma, 并進(jìn)行了反向Lo-Fi 級(jí)別的臨摹，得到兩個(gè)抽象的界面框架。
如果上述看法還不足夠呈現(xiàn)一個(gè)架空的骨骼的話， 那么，打開框架試圖（shift+O）就更能夠看到我們臨摹抽象出的界面框架。
怎么樣？這樣的骨骼結(jié)構(gòu)，是不是比自己瞎畫出來的好多了？
總結(jié)
總結(jié)一下，如果你有了一個(gè)大致的設(shè)計(jì)方向，苦于在初步構(gòu)建設(shè)計(jì)界面時(shí)沒有想法，那么類似MidJourney的工具能夠很好的成為幫助我們畫“低保真原型草圖”的工具。
但，工具是死的，人是活的，一定要利用工具而不是被工具反噬哦。
熱門課程推薦
熱門資訊
-
1. 照片變漫畫效果，這4個(gè)方法操作簡(jiǎn)單有效，快來試試吧！
想將照片變成漫畫效果？這篇文章分享了4個(gè)方法，包括Photoshop、聰明靈犀、VanceAI Toongineer、醒圖，簡(jiǎn)單操作就能實(shí)現(xiàn)，快來嘗試一下吧！
-
2. 華為手機(jī)神奇“AI修圖”功能，一鍵消除衣服！原圖變身大V領(lǐng)深V！
最近華為手機(jī)Pura70推出的“AI修圖”功能引發(fā)熱議，通過簡(jiǎn)單操作可以讓照片中的人物換裝。想了解更多這款神奇功能的使用方法嗎？點(diǎn)擊查看！
-
近年來,人工智能逐漸走入公眾視野,其中的AI圖像生成技術(shù)尤為引人注目。只需在特定軟件中輸入關(guān)鍵詞描述語以及上傳參考圖就能智能高效生成符合要求的...
-
4. AI視頻制作神器Viggle：讓靜態(tài)人物動(dòng)起來，創(chuàng)意無限！
Viggle AI是一款免費(fèi)制作視頻的AI工具，能讓靜態(tài)人物圖片動(dòng)起來，快來了解Viggle AI的功能和優(yōu)勢(shì)吧！
-
5. Logo Diffusion——基于sd繪畫模型的AI LOGO 生成器
這下LOGO設(shè)計(jì)徹底不用求人了。接下來詳細(xì)演示一遍操作流程首先進(jìn)入Logo D... 想學(xué)習(xí)更多AI技能,比如說關(guān)于怎么樣利用AI來提高生產(chǎn)效率、還能做什么AI...
-
6. 零基礎(chǔ)10分鐘生成漫畫，教大家如何用AI生成自己的漫畫
接下來,我將親自引導(dǎo)你,使用AI工具,創(chuàng)作一本既有趣又能帶來盈利的漫畫。我們將一起探索如何利用這個(gè)工具,發(fā)揮你的創(chuàng)意,制作出令人驚嘆的漫畫作品。讓...
-
7. 趕緊收藏好!這4個(gè)完全免費(fèi)的AI視頻制作網(wǎng)站和工具
以下是一些免費(fèi)的AI視頻制作網(wǎng)站或工具,幫助您制作各種類型的視頻。 1. Lumen5:Lumen5是一個(gè)基于AI的視頻制作工具,可將文本轉(zhuǎn)換為視頻。 用戶可以使...
-
8. AI顯卡繪畫排行榜:4090無懸念，最具性價(jià)比出人意料
在AI繪圖領(lǐng)域，Stable Diffusion的顯卡繪圖性能備受關(guān)注。本文整理了Stable Diffusion顯卡的硬件要求和性能表現(xiàn)，以及2023年3月顯卡AI繪圖效率排行榜和性價(jià)比排行榜。歡迎查看最新的AI顯卡算力排行榜。
-
9. 一款免費(fèi)無限制的AI視頻生成工具火了!國內(nèi)無障礙訪問!附教程
人人都可以動(dòng)手制作AI視頻! 打開網(wǎng)址https://pixverse.ai/,用郵箱注冊(cè)后,點(diǎn)擊右上角Create,就可以開始創(chuàng)作了。 PixVerse目前有文案生成視頻,和圖片生...
-
就能快速生成一幅極具藝術(shù)效果的作品,讓現(xiàn)實(shí)中不懂繪畫的人也能參與其中創(chuàng)作!真的超贊噠~趣趣分享幾款超厲害的AI繪畫軟件,提供詳細(xì)操作!有需要的快來...
最新文章
