火星網(wǎng)校
用這個(gè)神奇工具做UI設(shè)計(jì)，感覺如何？一起來體驗(yàn)一下！
發(fā)布時(shí)間：2024-05-08 12:42:38 瀏覽量：153次
首先，對(duì)比上面這兩個(gè)界面，暫時(shí)不考慮細(xì)節(jié)文字，單單從骨架結(jié)構(gòu)和顏色選擇來看，還是可以的。或許可以以這個(gè)圖片作為我們界面風(fēng)格的參考起點(diǎn)。
在之前的一篇文章中，我們提到了AI能否取代設(shè)計(jì)師的話題。而在未來2024年及更晚的時(shí)候，像ChatGPT這樣的AI工具只是設(shè)計(jì)師的高階助手，能幫助設(shè)計(jì)師更高效地完成設(shè)計(jì)，可以用來探索視覺化的可能性。
那么，今天我們就來嘗試一下這種高級(jí)工具的使用效果，以及如何使用它。
上述的UI生成過程我在MidJourney Map中展開，總共經(jīng)歷了4個(gè)步驟，接下來逐步解釋：
第一個(gè)步驟：
UI UX界面設(shè)計(jì)，采用dribbble的風(fēng)格，主題是戶外步行導(dǎo)航，富有創(chuàng)意和多彩調(diào)色板，正面視圖，無模型 -v 5
簡(jiǎn)單解釋一下：
UI UX界面設(shè)計(jì) = 界面設(shè)計(jì)
dribbble風(fēng)格 = 采用流行的設(shè)計(jì)語言
戶外步行導(dǎo)航 = 主題以戶外步行為導(dǎo)向
富有創(chuàng)意 = 具有創(chuàng)造力
多彩調(diào)色板 = 采用多種顏色
正面視圖 = 以正視角展示
無模型 = 不使用模型
在這些結(jié)果中，我最滿意的是第四個(gè)，希望能生成更多衍生品，于是進(jìn)入下一個(gè)步驟：
點(diǎn)擊V4，V代表衍生品，V4是生成4個(gè)衍生品的意思。
結(jié)果如圖所示：
作為參考，上述幾個(gè)已經(jīng)足夠了，但我覺得第二個(gè)不錯(cuò)，但還不夠完美，所以讓它再生成一次：
繼續(xù)V2，我們得到基于第二個(gè)生成的衍生品：
這時(shí)，明顯看到第二幅圖的卡片結(jié)構(gòu)和按鈕樣式更好，插圖和色彩搭配更吸引人，因此選擇第二個(gè)，這時(shí)候就進(jìn)行Upscale（放大）到U2。
點(diǎn)擊U2，得到以下圖片：
這也是本文開始的圖片。
那么，如何應(yīng)用這樣的AI繪圖結(jié)果呢？
在上圖中，我將MidJourney生成的界面導(dǎo)入了Figma，并進(jìn)行了逆向Lo-Fi級(jí)別的臨摹，得到兩個(gè)抽象的界面框架。
如果以上看法不夠清晰呈現(xiàn)骨架結(jié)構(gòu)，那么打開框架試圖就更能看到我們臨摹出的抽象框架。
這樣的骨架結(jié)構(gòu)，是不是比自己隨意畫的要好很多呢？
總結(jié)一下，如果你有了初步設(shè)計(jì)方向，卻苦于構(gòu)建界面時(shí)沒有靈感，類似MidJourney這樣的工具可以幫助我們畫出“低保真原型草圖”。但是，工具是工具，靈感來源于人，一定要善用工具而不被工具束縛。
點(diǎn)擊咨詢了解更多關(guān)于界面設(shè)計(jì)的內(nèi)容！
熱門課程推薦
熱門資訊
-
1. 華為手機(jī)神奇“AI修圖”功能，一鍵消除衣服！原圖變身大V領(lǐng)深V！
最近華為手機(jī)Pura70推出的“AI修圖”功能引發(fā)熱議，通過簡(jiǎn)單操作可以讓照片中的人物換裝。想了解更多這款神奇功能的使用方法嗎？點(diǎn)擊查看！
-
近年來,人工智能逐漸走入公眾視野,其中的AI圖像生成技術(shù)尤為引人注目。只需在特定軟件中輸入關(guān)鍵詞描述語以及上傳參考圖就能智能高效生成符合要求的...
-
3. 照片變漫畫效果，這4個(gè)方法操作簡(jiǎn)單有效，快來試試吧！
想將照片變成漫畫效果？這篇文章分享了4個(gè)方法，包括Photoshop、聰明靈犀、VanceAI Toongineer、醒圖，簡(jiǎn)單操作就能實(shí)現(xiàn)，快來嘗試一下吧！
-
4. 一款免費(fèi)無限制的AI視頻生成工具火了!國(guó)內(nèi)無障礙訪問!附教程
人人都可以動(dòng)手制作AI視頻! 打開網(wǎng)址https://pixverse.ai/,用郵箱注冊(cè)后,點(diǎn)擊右上角Create,就可以開始創(chuàng)作了。 PixVerse目前有文案生成視頻,和圖片生...
-
5. 趕緊收藏好!這4個(gè)完全免費(fèi)的AI視頻制作網(wǎng)站和工具
以下是一些免費(fèi)的AI視頻制作網(wǎng)站或工具,幫助您制作各種類型的視頻。 1. Lumen5:Lumen5是一個(gè)基于AI的視頻制作工具,可將文本轉(zhuǎn)換為視頻。 用戶可以使...
-
6. 零基礎(chǔ)10分鐘生成漫畫，教大家如何用AI生成自己的漫畫
接下來,我將親自引導(dǎo)你,使用AI工具,創(chuàng)作一本既有趣又能帶來盈利的漫畫。我們將一起探索如何利用這個(gè)工具,發(fā)揮你的創(chuàng)意,制作出令人驚嘆的漫畫作品。讓...
-
就能快速生成一幅極具藝術(shù)效果的作品,讓現(xiàn)實(shí)中不懂繪畫的人也能參與其中創(chuàng)作!真的超贊噠~趣趣分享幾款超厲害的AI繪畫軟件,提供詳細(xì)操作!有需要的快來...
-
8. AI視頻制作神器Viggle：讓靜態(tài)人物動(dòng)起來，創(chuàng)意無限！
Viggle AI是一款免費(fèi)制作視頻的AI工具，能讓靜態(tài)人物圖片動(dòng)起來，快來了解Viggle AI的功能和優(yōu)勢(shì)吧！
-
9. 10個(gè)建筑AI工具，從設(shè)計(jì)到施工全覆蓋!肯定有你從來沒聽過的
講述了建筑業(yè)比較著名的AI公司小庫科技做出的探索,在這兒就不多說了。今天,我們?cè)囍谝?guī)劃設(shè)計(jì)、建筑方案設(shè)計(jì)、住宅設(shè)計(jì)、管道設(shè)計(jì)、出渲染圖、3D掃...
-
10. Logo Diffusion——基于sd繪畫模型的AI LOGO 生成器
這下LOGO設(shè)計(jì)徹底不用求人了。接下來詳細(xì)演示一遍操作流程首先進(jìn)入Logo D... 想學(xué)習(xí)更多AI技能,比如說關(guān)于怎么樣利用AI來提高生產(chǎn)效率、還能做什么AI...
最新文章
