2023-9-8 ui設(shè)計(jì)分享達(dá)人
前言
從幾個(gè)月前AIGC的興起到現(xiàn)在，各行各業(yè)已經(jīng)有許多團(tuán)隊(duì)將之運(yùn)用在工作流程當(dāng)中。其中，Midjourney的到來(lái)，不僅在一定程度上提升了設(shè)計(jì)師們的工作效率，也為設(shè)計(jì)師提供了更多設(shè)計(jì)方式上的可能性。其快速出圖的特點(diǎn)幫助設(shè)計(jì)師節(jié)省了設(shè)計(jì)初稿的時(shí)間，可圈可點(diǎn)的畫(huà)面構(gòu)圖與光影關(guān)系又給設(shè)計(jì)師帶來(lái)許多靈感與參考。那么，到底該如何運(yùn)用Midjourney來(lái)幫助我們將一個(gè)項(xiàng)目落地呢？本文將以一個(gè)大型活動(dòng)的主視覺(jué)設(shè)計(jì)案例，解析如何利用Midjourney，來(lái)幫助我們從最初的構(gòu)思到最后項(xiàng)目落地。
01 項(xiàng)目背景
520發(fā)布會(huì)以線上節(jié)目形式呈現(xiàn)，需設(shè)計(jì)品牌的主視覺(jué)海報(bào)，用于發(fā)布會(huì)視頻節(jié)目轉(zhuǎn)場(chǎng)展示，并在520發(fā)布會(huì)及周年慶期間作為傳播素材使用。
02 制作前期構(gòu)思與參考
需求方希望畫(huà)面能展現(xiàn)出品牌的社交感，以“游戲伙伴”為主題，畫(huà)面表達(dá)各種不同類型游戲伙伴，因我們的產(chǎn)品而相聚的場(chǎng)景。同時(shí)希望畫(huà)面中的人物能做出擊掌（GIVE ME 5）的動(dòng)作，以此呼應(yīng)品牌發(fā)布會(huì)的主題。
在對(duì)關(guān)鍵詞的提取與發(fā)散，并進(jìn)行頭腦風(fēng)暴后，我們還需要結(jié)合大量?jī)?yōu)秀案例參考來(lái)確定主視覺(jué)的基調(diào)與風(fēng)格。下圖為優(yōu)秀案例參考：
03 確定風(fēng)格&AI初步運(yùn)用
1.風(fēng)格確定
視覺(jué)風(fēng)格上，我們通過(guò)對(duì)同類型活動(dòng)的主視覺(jué)風(fēng)格提取共性，結(jié)合過(guò)往大神品牌主視覺(jué)案例，最終確定畫(huà)面風(fēng)格整體偏向三維感。按以往的思路，那肯定是毫不猶豫打開(kāi)三維軟件建模渲染一頓操作，但此次，團(tuán)隊(duì)決定嘗試使用AI去幫助我們快速確定畫(huà)面構(gòu)圖、光影、甚至是整體畫(huà)面基調(diào)。
2.AI初步運(yùn)用
在前期，我們對(duì)構(gòu)想的畫(huà)面進(jìn)行關(guān)鍵詞的描述：“可愛(ài)帥氣的男女孩子們一起玩手機(jī)，開(kāi)心地微笑著，舉起手歡呼，溫暖的房間，大型落地窗?！睂㈥P(guān)鍵詞翻譯后放入Midjourney中進(jìn)行煉圖，最終篩選了幾張氛圍還不錯(cuò)的進(jìn)行下一步操作。
雖然這幾張圖的氛圍感不錯(cuò)，但光有氛圍感是遠(yuǎn)遠(yuǎn)不夠的，基于對(duì)此次需求的理解，我們列舉了幾個(gè)篩選圖片的標(biāo)準(zhǔn)：
首先，風(fēng)格上還是比較貼近的，造型方面的問(wèn)題不大。主要問(wèn)題存在于元素與本次主題的相關(guān)性比較弱，光影上整體偏暗，視角上，我們希望畫(huà)面具有一定的張力，而目前煉出的圖的視角都過(guò)于平淡，焦距過(guò)大，透視不強(qiáng)，主體占據(jù)畫(huà)面的面積過(guò)大，考慮到后期可能沒(méi)有合適的位置放置文案。
綜上，我們得出以下結(jié)論：
元素上需要加強(qiáng)與主題的關(guān)聯(lián)，例如游戲機(jī)、手機(jī)等。光影上，希望畫(huà)面明亮一些，可以嘗試在白天的環(huán)境下。視角上，希望加強(qiáng)畫(huà)面的透視感，視角也不一定是平視，可以帶一些仰視或者俯視使得畫(huà)面更加活潑。
緊接著我們用之前篩選出來(lái)的其中一張或多張圖片，在Midjourney中進(jìn)行墊圖，根據(jù)之前所得結(jié)論對(duì)關(guān)鍵詞進(jìn)行優(yōu)化，再開(kāi)始新的一輪煉圖。（關(guān)鍵詞增加了“中景”、“展示整個(gè)房間”、“透視感”、“畫(huà)面明亮”。）
以下為部分煉圖輸出展示。（由于AI出圖的隨機(jī)性還是比較強(qiáng)的，因此避免不了消耗一定的時(shí)間進(jìn)行大量的煉圖。）
在Midjourney輸出大量圖片之后，結(jié)合畫(huà)面給到的靈感，得到了下面這張靈魂草圖。
大概描繪了幾個(gè)伙伴在組隊(duì)玩游戲，因?yàn)楂@得了勝利相互擊掌（give me 5）的輕松愉快的畫(huà)面。周圍有一些和游戲相關(guān)的元素，IP形象也在畫(huà)面中心露出，強(qiáng)調(diào)與品牌之間的關(guān)系。
接著，我們篩選一張之前煉出的，接近這張草圖畫(huà)面的圖（如下圖所示），通過(guò)調(diào)整關(guān)鍵詞繼續(xù)煉圖，直到煉出的圖片畫(huà)面構(gòu)圖逐漸貼近這張草圖。
04 AI運(yùn)用&后期制作
經(jīng)過(guò)不斷的調(diào)整關(guān)鍵詞并持續(xù)的煉圖，最終得到了一張各方面都較為貼合要求的圖片（左圖）。在確定以這張圖為主視覺(jué)底圖的條件下，通過(guò)畫(huà)草圖線稿的方式，將畫(huà)面大致修改方向確定下來(lái)，下圖為修改示例（右圖）。
將草圖發(fā)給需求方后，需求方提出了幾個(gè)要點(diǎn)。
確定好修改方向后，我們回到Midjourney中，設(shè)置好混音模式Remix mode，修改關(guān)鍵詞對(duì)畫(huà)面中元素進(jìn)行替換。
1.Remix混音模式介紹
Remix混音模式的功能是保持起始圖像的基本構(gòu)圖不變，通過(guò)更改提示關(guān)鍵詞、參數(shù)、模型版本或尺寸，重新混合成為新的圖片。
也就是說(shuō)，當(dāng)我們確定了一張圖，想要在不破壞這張圖的構(gòu)圖布局的情況下更改圖中的某個(gè)元素，此時(shí)開(kāi)啟混音模式，更改關(guān)鍵詞再生成，就能達(dá)到單純替換元素的效果。
那么如何開(kāi)啟并使用呢？首先，在對(duì)話框中輸入/settings，選擇綠色圖標(biāo)：
然后選擇Remix mode，當(dāng)圖標(biāo)顯示為綠色就代表該模式已啟用。
回顧之前《ASAK｜全面解析Midjourney參數(shù)和指令》的案例，使用的步驟如下：點(diǎn)擊Make variations，在彈出窗口中修改或輸入新的提示。例如在輸入框里輸入pile of cartoon owls（一堆卡通貓頭鷹）。最終生成的圖片對(duì)應(yīng)的貓頭鷹代替南瓜。
2.Remix mode模式的使用
回到Midjourney，對(duì)主視覺(jué)底圖使用混音模式。
為了讓畫(huà)面中出現(xiàn)女性，且人物形象偏向亞洲人面孔，我們將關(guān)鍵詞中的主體修改為一對(duì)中國(guó)情侶，并重復(fù)多煉幾遍。
通過(guò)篩選之后，最終我們得到下面這幾張圖，其中這幾個(gè)人物形象還是比較貼近亞洲面孔的，且比較符合需求方的要求。因此我們將這幾張圖通過(guò)PS進(jìn)行人物頭部的替換。
在混音模式下不會(huì)破壞原本的構(gòu)圖，并且光影關(guān)系也都保持一致，人物的位置以及光影也都相對(duì)穩(wěn)定不變，所以替換人物也比較方便。
同理，原圖中也有許多地方存在畸形、錯(cuò)亂、殘缺的部分。我們也可以用這種方式，多煉幾次圖，把不好的地方替換掉。
替換并進(jìn)行了一些簡(jiǎn)單的加工之后，我們得到了下面這張圖。
在此基礎(chǔ)上，我們進(jìn)一步優(yōu)化畫(huà)面，將畫(huà)面中一些不合理的元素運(yùn)用上述同樣的方式替換掉，并把文案擺放至畫(huà)面中看看整體的效果。如下圖所示：
有些地方讓AI實(shí)現(xiàn)還是比較困難的，比如使確定角色不變的情況下舉起一只手，以及手的一些bug。因此，在個(gè)別地方還是需要想辦法自行處理，例如手繪或者模型加后期合成等等。在本次案例中，手部的動(dòng)作就是通過(guò)手繪的方式進(jìn)行調(diào)整的。
3.后期制作
到了后期制作階段，主要任務(wù)是提升畫(huà)面豐富度以及整體質(zhì)感。我們將需求方提供的一些游戲素材、游戲周邊通過(guò)后期合成的方式融入進(jìn)畫(huà)面中。
另外，一些零散的部件我們還是可以通過(guò)AI快速生成的。例如游戲機(jī)以及手柄，通過(guò)Midjourney就可以快速生成。
在這里給大家介紹一個(gè)AI自動(dòng)摳圖網(wǎng)站——https://pixian.ai/，
只需把圖丟上去就能迅速摳出畫(huà)面主體，非常方便。最后我們要將IP形象霸哥融入進(jìn)畫(huà)面，因?yàn)镮P形象是特定的，所以在這我們使用三維軟件去進(jìn)行IP形象動(dòng)作的調(diào)整。
導(dǎo)出霸哥動(dòng)作文件并置入主視覺(jué)海報(bào)中進(jìn)行融合，接著處理畫(huà)面整體色調(diào)以及一些細(xì)節(jié)，最終得到下面的圖片。
得到這張圖后，覺(jué)得畫(huà)面左上角部分有些空白，為了襯托歡快聚會(huì)的氛圍，我們決定在左上方加上掛旗。方法也是運(yùn)用Midjourney的混音模式。在關(guān)鍵詞中加入“屋子里掛著彩旗”。
快速煉出部分圖后，篩選出其中一張，提取圖中的彩旗部分進(jìn)行融圖。
最后的最后，處理好每一部分細(xì)節(jié)然后輸出得到最終的版本。
05 總結(jié)
AI的出現(xiàn)給設(shè)計(jì)師們帶來(lái)更多的可能性，像這樣一張三維質(zhì)感的運(yùn)營(yíng)主視覺(jué)海報(bào)，真正使用了三維軟件的部分只有對(duì)IP形象進(jìn)行動(dòng)作的調(diào)整。
在AI給我們帶來(lái)更多便捷與可能性的同時(shí)，設(shè)計(jì)師們更加需要鞏固加強(qiáng)自己的專業(yè)實(shí)力與技術(shù)，畢竟AI也不是萬(wàn)能的。
AI能為我們提供非常驚艷的作品，但在這基礎(chǔ)之上，是設(shè)計(jì)師們需要擁有好的審美、創(chuàng)意、想法，而如何結(jié)合AI提供的圖片從而實(shí)現(xiàn)項(xiàng)目落地，則就更加考驗(yàn)設(shè)計(jì)師們的專業(yè)技能。
作者：ASAK設(shè)計(jì)
鏈接：https://www.zcool.com.cn/article/ZMTU1NDkzNg==.html
來(lái)源：站酷
著作權(quán)歸作者所有。商業(yè)轉(zhuǎn)載請(qǐng)聯(lián)系作者獲得授權(quán)，非商業(yè)轉(zhuǎn)載請(qǐng)注明出處。
藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群，每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì)，如果有興趣的話，可以進(jìn)入一起成長(zhǎng)學(xué)習(xí)，請(qǐng)加藍(lán)小助，微信號(hào):ben_lanlan，報(bào)下信息，藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢～希望得到建議咨詢、商務(wù)合作，也請(qǐng)與我們聯(lián)系01063334945
分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍(lán)藍(lán)設(shè)計(jì)尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題，請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系，我們立即更正或刪除。
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)、UI設(shè)計(jì)公司、界面設(shè)計(jì)公司、UI設(shè)計(jì)服務(wù)公司、數(shù)據(jù)可視化設(shè)計(jì)公司、UI交互設(shè)計(jì)公司、高端網(wǎng)站設(shè)計(jì)公司、UI咨詢、用戶體驗(yàn)公司、軟件界面設(shè)計(jì)公司
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com