【方法教程】如何用AIGC輔助設(shè)計(jì),提高設(shè)計(jì)品質(zhì)和效率
隨著AIGC時(shí)代的到來(lái),互聯(lián)網(wǎng)的發(fā)展進(jìn)步我們有目共睹,我們有更多的手段應(yīng)對(duì)產(chǎn)品需求,近期火熱的AI繪圖也時(shí)常在我們的討論范圍之中。本文將探討如何用AIGC輔助設(shè)計(jì),提高設(shè)計(jì)品質(zhì)和效率,希望對(duì)你有所幫助。
一、AI繪圖背景與趨勢(shì)
隨著互聯(lián)網(wǎng)行業(yè)發(fā)展和技術(shù)的進(jìn)步,設(shè)計(jì)師也有越來(lái)越豐富的手段來(lái)應(yīng)對(duì)多種類(lèi)型的產(chǎn)品需求;比如說(shuō)3D渲染、各種自定義的插件已經(jīng)成為設(shè)計(jì)師的工作日常,在不斷的提高大家的工作效率;包括最近火熱的AI繪圖,也時(shí)常出現(xiàn)在設(shè)計(jì)師的討論話題當(dāng)中。
AI繪圖模型令人嘆為觀止的畫(huà)作
1.1 模型的種類(lèi)與畫(huà)風(fēng)
目前市面上,AI繪圖在商業(yè)設(shè)計(jì)領(lǐng)域,目前還鮮有人嘗試。我們團(tuán)隊(duì)通過(guò)網(wǎng)上大量的資料和學(xué)習(xí),針對(duì)AI的先有幾個(gè)工具進(jìn)行了研究和試驗(yàn),看看高階的AI模型能否滿足我們的訴求。
由于市面上存在大量的AI繪畫(huà)工具,每個(gè)工具擅長(zhǎng)的畫(huà)風(fēng)也各有所長(zhǎng);例如MidJourney;畫(huà)面注重細(xì)節(jié)的構(gòu)建和表達(dá);
Stable Diffusion,畫(huà)風(fēng)更偏寫(xiě)實(shí);
Disco Diffusion;筆觸較明顯,適合油畫(huà)風(fēng)格;
包括每一類(lèi)型里不同的模型也會(huì)有不同的效果,例如基于Stable-Diffusion開(kāi)發(fā)的NovelAI Diffusion Models,風(fēng)格更偏二次元;
基于AI繪圖具有【低成本、批量輸出】的特征,而商業(yè)化運(yùn)營(yíng)需求也帶有【日常、高頻】的屬性,例如日常大促、節(jié)日促銷(xiāo)活動(dòng)的H5頁(yè)面、電商banner等;所以我們想將AI繪圖應(yīng)用在商業(yè)化設(shè)計(jì)流程之中。嘗試打破效率邊界,利用低投入高產(chǎn)出的方式為團(tuán)隊(duì)提效。
二、商業(yè)設(shè)計(jì)如何擁抱AI
在進(jìn)行具體的AI繪圖實(shí)驗(yàn)之前,我們先把商業(yè)化運(yùn)營(yíng)設(shè)計(jì)需求分類(lèi),以活動(dòng)類(lèi)型、周期、對(duì)應(yīng)設(shè)計(jì)復(fù)雜程度,可將其分為為S、A、B三個(gè)級(jí)別。其中S級(jí)別以專(zhuān)題大促為主,頁(yè)面以為banner和H5為代表;A級(jí)別以平臺(tái)活動(dòng)為主,同樣是banner和H5需求并存;B級(jí)別為日常促銷(xiāo),以banner需求居多。
由于以上幾類(lèi)日常運(yùn)營(yíng)圖的需求頻次較高且生命周期不長(zhǎng),在極快的項(xiàng)目節(jié)奏中會(huì)較多占用設(shè)計(jì)人力及項(xiàng)目時(shí)間;同時(shí)因?yàn)锳I繪圖模型具有低成本、批量產(chǎn)出的特征,所以我們嘗試用AI繪圖工具來(lái)輔助完成日常的運(yùn)營(yíng)設(shè)計(jì)工作。另外值得一提的是,每類(lèi)模型的擅長(zhǎng)風(fēng)格不同,我們選用的是時(shí)下最火熱,也是學(xué)習(xí)資料較多的MidJourney來(lái)做嘗試。
三、B類(lèi)商業(yè)運(yùn)營(yíng)設(shè)計(jì)需求:輕量手段快速達(dá)成
面對(duì)常規(guī)運(yùn)營(yíng)banner需求,之前團(tuán)隊(duì)合作流程是由產(chǎn)品、運(yùn)營(yíng)同學(xué)按固定周期提需求到設(shè)計(jì)部門(mén),按需求排期,定量投入設(shè)計(jì)人力逐步交付。
既然工作流程上已是最短路徑,那么我們嘗試把目光聚焦在需求本質(zhì)上,將banner的結(jié)構(gòu)拆散,可以發(fā)現(xiàn)絕大部分的banner都由這五類(lèi)元素構(gòu)成;那么是否能夠利用現(xiàn)有成熟的AI類(lèi)技術(shù)平臺(tái),直接生成商業(yè)運(yùn)營(yíng)設(shè)計(jì)banner成品(或半成品)呢?我們接下來(lái)就嘗試一下。
3.1 對(duì)比和嘗試
我們首先橫向?qū)Ρ攘藝?guó)內(nèi)外智能出圖平臺(tái)的各項(xiàng)能力,以關(guān)鍵功能類(lèi)型作為衡量指標(biāo),得到了一張能力圖表;
那么橫向來(lái)看,各平臺(tái)的能力可以劃分為兩大類(lèi)模版繪制、AI繪制結(jié)合模版設(shè)計(jì);
第一類(lèi)在線模版繪制;大量模版可以供挑選并調(diào)整,支持線上編輯并輸出;第二類(lèi)AI繪制;優(yōu)勢(shì)是速度極快快、批量出圖,但圖像的質(zhì)量沒(méi)有保障,需結(jié)合模版能力一起使用才能質(zhì)量可靠的設(shè)計(jì)圖;綜合效率和結(jié)果兩方面來(lái)考慮,我們選擇第二類(lèi)方法,如上圖所示網(wǎng)上有多種平臺(tái)可供選擇,大家可以根據(jù)需求自行選擇恰當(dāng)?shù)钠脚_(tái)來(lái)進(jìn)行實(shí)驗(yàn)。
3.2 方法總結(jié)
在具體操作流程上,跟我們常規(guī)的設(shè)計(jì)作圖略有不同;大概分為2個(gè)階段;
首先我們需要選擇配圖主題類(lèi)型、活動(dòng)類(lèi)型、人群,這決定了圖片風(fēng)格和商品素材的表現(xiàn);并輸入對(duì)應(yīng)的文案標(biāo)題,即banner圖的文案顯示;
隨后可得到批量生成的初稿;
點(diǎn)擊任一初稿,進(jìn)入線上編輯環(huán)節(jié),利用豐富的在線編輯能力對(duì)banner圖做調(diào)整,例如圖層查找,替換商品素材、裝飾素材,更改字體等等;在智能編輯模塊中簡(jiǎn)單處理后即可得到可用的設(shè)計(jì)圖;經(jīng)過(guò)大量實(shí)驗(yàn)后發(fā)現(xiàn),這類(lèi)方式更適合于電商類(lèi)型的banner圖;同時(shí)在經(jīng)過(guò)對(duì)產(chǎn)品、運(yùn)營(yíng)同學(xué)的簡(jiǎn)單培訓(xùn)后,大家也可以非常迅速的做到上手并產(chǎn)出banner圖;這也與我們的預(yù)期判斷是匹配的。
四、A類(lèi)商業(yè)運(yùn)營(yíng)設(shè)計(jì)需求:AI輔助生成
除了B類(lèi)的日常促銷(xiāo)活動(dòng)外,我們也會(huì)經(jīng)常遇到類(lèi)似上圖的H5頭圖的運(yùn)營(yíng)設(shè)計(jì),面對(duì)這類(lèi)需求通常需要在探索風(fēng)格,繪制畫(huà)面細(xì)節(jié)上花費(fèi)較長(zhǎng)時(shí)間,我們嘗試通過(guò)AI模型輔助出圖解決這個(gè)難題。
4.1 工作流程介紹
在正式開(kāi)始作圖之前,我們需要對(duì)MidJourney的能力區(qū)間、工作模式建立基本的認(rèn)知。
MidJourney允許用戶以對(duì)話的形式,通過(guò)以輸入描述詞的方式,經(jīng)過(guò)AI模型運(yùn)算后得到其返回的圖片。
4.2 利用MidJourney墊圖能力輔助設(shè)計(jì)頭圖
針對(duì)A類(lèi)平臺(tái)活動(dòng)類(lèi)運(yùn)營(yíng)需求的繪制工作共分為四個(gè)步驟,分別是風(fēng)格定義,墊圖描述,調(diào)整與輸出;
首先先通過(guò)參考圖,明確出我們傾向的風(fēng)格和特征;
第二步我們需要用到【以圖生圖】,在discord中將參考圖發(fā)給MidJourney,并結(jié)合意向風(fēng)格,構(gòu)圖和其他特征添加上恰當(dāng)?shù)拿枋?,可以得到初稿?/p>
不斷調(diào)整圖像與描述詞,最終逐步接近目標(biāo)效果;
頭圖生成好之后,搭配上文案的字體設(shè)計(jì)與裝飾元素,可以看到最終的效果如上。利用AI模型輔助生圖,可以使繁瑣的工作量可以得到有效壓縮,從而把大家從繁雜的工作中解放出來(lái)。
五、S類(lèi)商業(yè)運(yùn)營(yíng)設(shè)計(jì)需求:AI智能生成
除了較為基礎(chǔ)的A類(lèi)運(yùn)營(yíng)設(shè)計(jì)需求外,面對(duì)專(zhuān)題大促的運(yùn)營(yíng)需求需求,其展示周期更長(zhǎng),且對(duì)于設(shè)計(jì)質(zhì)量要求更高,常常會(huì)涉及到3D場(chǎng)景的搭建和渲染工作,相對(duì)于A類(lèi)需求,S類(lèi)需求通常排期時(shí)間更長(zhǎng),同時(shí)對(duì)設(shè)計(jì)師的能力提出更高要求;
那么針對(duì)畫(huà)面設(shè)計(jì)要求更高階的運(yùn)營(yíng)需求,除依靠設(shè)計(jì)師個(gè)人能力來(lái)應(yīng)對(duì)之外,會(huì)否有更高效、便捷的辦法呢,我們同樣可以通過(guò)AI模型繪制的辦法來(lái)嘗試解決這個(gè)問(wèn)題。
5.1 工作流程介紹
基于前面對(duì)于MidJourney的基礎(chǔ)了解,我們接下來(lái)看下利用MidJourney輔助輸出運(yùn)營(yíng)設(shè)計(jì)圖的工作流,分別是風(fēng)格定義、撰寫(xiě)描述、二次調(diào)整、輸出4個(gè)步驟;
① 風(fēng)格定義
首先是風(fēng)格定義,由于AI繪圖具有高度的隨機(jī)性和風(fēng)格化的特質(zhì),而運(yùn)營(yíng)設(shè)計(jì)更注重理性的構(gòu)圖版式。所以在正式進(jìn)入繪圖步驟之前,我們需要提前明確畫(huà)面大致的風(fēng)格調(diào)性,這樣才能保證后續(xù)AI產(chǎn)出的方向不跑偏,并更準(zhǔn)確的獲取我們想要的圖像;
我們以電商運(yùn)營(yíng)廣告中最常見(jiàn)的美妝類(lèi)別舉例,通過(guò)觀察可以發(fā)現(xiàn),美妝類(lèi)的圖像具有明顯的風(fēng)格化特征,比如居中或?qū)ΨQ(chēng)構(gòu)圖、明亮的環(huán)境光等。所以這些特質(zhì)就將成為我們輸入的詞匯,同時(shí)也是輸出篩選步驟里的重要依據(jù)。
② 撰寫(xiě)描述
MidJourney模型出圖有兩種模式,最常見(jiàn)的是text to img文本生圖;以及img to img以圖生圖;文本生圖即通過(guò)一段文本描述告訴AI模型你想要的畫(huà)面,由它幫你繪制出來(lái);以圖生圖是通過(guò)一份原始圖片,配合文本描述,來(lái)繪制跟原始圖片類(lèi)似風(fēng)格但又不盡相同的圖片素材;無(wú)論哪種方式,都需要明確一個(gè)關(guān)鍵的概念【Prompt】,也就是【關(guān)鍵詞描述】。
Prompt關(guān)鍵詞描述可以理解為與AI創(chuàng)作溝通的媒介,我們需要將腦海中構(gòu)想的畫(huà)面用恰當(dāng)?shù)奶崾驹~(語(yǔ)句)描述出來(lái),并通過(guò)它來(lái)縮小AI想象的空間,它才能聽(tīng)懂、理解并產(chǎn)出令人滿意的畫(huà)面。另外值得注意的是,相同的描述文本內(nèi)容,詞語(yǔ)的順序、前后詞匯的關(guān)系對(duì)于內(nèi)容的產(chǎn)出影響差異也會(huì)非常的大。所以關(guān)鍵詞描述的寫(xiě)法至關(guān)重要;
Prompt的大致寫(xiě)法由幾個(gè)部分構(gòu)成,主體部分,環(huán)境氛圍,構(gòu)圖,風(fēng)格化,以及其他設(shè)定。我們接下來(lái)通過(guò)Prompt描述公式,一步步完成一張美妝運(yùn)營(yíng)圖的設(shè)計(jì)。
首先是主體內(nèi)容的描述,通??梢圆鸾鉃?,存在幾個(gè)【什么樣的】的主體,在做什么動(dòng)作,并附帶了其他的什么動(dòng)作。例如:There was a pink lipstick and a glass bottle of perfume;可以得到如上的主體內(nèi)容,香水口紅的圖像。
其次是為主體內(nèi)容添加場(chǎng)景或環(huán)境,例如給定某些地點(diǎn)或物件。比如案例中,我們指定背景花朵、自然植物,以及倒影等詞匯。通過(guò)觀察以上四張圖,可以發(fā)現(xiàn)模型中【Nature Plants】這個(gè)詞匯對(duì)畫(huà)面有較大的影響,決定了不同風(fēng)格的背景以及復(fù)雜程度。同時(shí)也能發(fā)現(xiàn),盡管只相差了一個(gè)描述詞,但前后結(jié)果仍存在較大的差異,所以大家在調(diào)試畫(huà)面的過(guò)程中可以從詞匯逐個(gè)調(diào)整,以盡量減少畫(huà)面的隨機(jī)跳變;
然后是構(gòu)圖與鏡頭,比如左側(cè)兩張圖強(qiáng)調(diào)景深,右側(cè)兩張圖強(qiáng)調(diào)了構(gòu)圖位置等;
接下來(lái)是風(fēng)格化與參考方向,可以添加上藝術(shù)家名字或平臺(tái)名字,或直接將圖像風(fēng)格寫(xiě)出來(lái);比如說(shuō)3D渲染還是2D畫(huà)風(fēng),可以從上圖的結(jié)果中明顯感覺(jué)到兩者的區(qū)別。
最后是圖像的設(shè)定,例如–q 5,代表最高圖像質(zhì)量;同時(shí)你也可以通過(guò)類(lèi)似【8k, ultra realistic】這樣的詞匯來(lái)對(duì)畫(huà)質(zhì)做強(qiáng)調(diào)。第二點(diǎn)是畫(huà)幅,–ar 3:2 表示橫縱比為3比2的橫幅圖像,–ar 9:16 表示橫縱比為9比16的縱向圖像;– v4代表最新的第四代計(jì)算模型;
最終通過(guò)以上五個(gè)小步驟,我們可以得出一大批風(fēng)格各異的草圖;
再通過(guò)第一步的風(fēng)格調(diào)性做篩選,可以初步得出不同類(lèi)型的初稿,以滿足不同的品類(lèi)需求。
③ 二次修正,進(jìn)階調(diào)整
當(dāng)取得滿足需求的初稿之后,我們可以使用MidJourney的進(jìn)階功能,來(lái)提升圖像質(zhì)量或?qū)D像畫(huà)面做調(diào)整;以下是幾個(gè)使用頻率最高的的調(diào)整功能;
首先是通過(guò)點(diǎn)擊成圖下方的U按鈕,可以放大對(duì)應(yīng)序號(hào)的圖片的比例,來(lái)提高其分辨率;
第二種,通過(guò)點(diǎn)擊圖片下方的V按鈕,可以基于原描述詞,生成對(duì)應(yīng)序號(hào)圖片的變體,畫(huà)面對(duì)比母版,圖片的細(xì)節(jié)會(huì)出現(xiàn)隨機(jī)變化,例如上圖的花蕊、香水瓶的外輪廓;
第三種是Light Upscale Redo & Beta Upscale Redo,這兩個(gè)功能都可以提升畫(huà)質(zhì)并細(xì)化效果;
最后一種也是變體生成方法,值得注意的是,需在【/setting】中開(kāi)啟【Remix mode】功能后,再次點(diǎn)V功能,此時(shí)可以二次編輯關(guān)鍵詞;例如上圖就通過(guò)【Remix mode】重置了圖像的尺寸比例。
④ 調(diào)整輸出
將二次修正后的圖像,經(jīng)過(guò)設(shè)計(jì)師輕量化的調(diào)整工作,例如修正細(xì)節(jié),添加文案后,即可看到最后的效果。
以上就是利用AI繪圖技術(shù)輔助生成S類(lèi)商業(yè)運(yùn)營(yíng)設(shè)計(jì)圖;可以看到其優(yōu)勢(shì)是短時(shí)間、大批量生成可供選擇的風(fēng)格背景圖;同時(shí)能配合需求本身,通過(guò)AI模型的變體加二次描述詞編輯,來(lái)滿足我們的個(gè)性化要求。
結(jié)語(yǔ)
以上則是本文的全部?jī)?nèi)容,如果你也想通過(guò)AI繪圖的形式來(lái)輔助提高自己的工作效率,以下幾點(diǎn)值得仔細(xì)閱讀,首先MidJourney前期有免費(fèi)的體驗(yàn)額度,當(dāng)額度用完后需要付費(fèi)使用。其次免費(fèi)用戶生成的作品不能商用,只有付費(fèi)用戶才擁有該圖片的所有權(quán)。由于AI繪圖的版權(quán)政策時(shí)常存在變動(dòng),所以也請(qǐng)大家關(guān)注Midjourney官方信息,以免帶來(lái)困擾。
隨著AI模型能力的飛速迭代升級(jí),現(xiàn)有的短板能力也會(huì)不斷補(bǔ)齊,因此我們可以相信在不遠(yuǎn)的將來(lái),設(shè)計(jì)師利用AI模型來(lái)開(kāi)腦洞并輔助出圖是趨勢(shì)所向,但并不是說(shuō)我們需要完全依賴(lài)AI,因?yàn)樵O(shè)計(jì)本身是理性而浪漫的工作,僅靠隨機(jī)性做設(shè)計(jì)是完全不可取且不靠譜的。
更合適的思路應(yīng)該是,設(shè)計(jì)師首先定義好規(guī)則與框架,從AI模型提供的成百上千個(gè)結(jié)果中尋找到最匹配我們?cè)V求的結(jié)果,從而輔助我們更快更好的達(dá)成目標(biāo)。另外面對(duì)日新月異的的智能工具,我們應(yīng)該保持終生學(xué)習(xí)的心態(tài),做好時(shí)刻接受新事物的挑戰(zhàn),才能在越來(lái)越激烈的競(jìng)爭(zhēng)中立于不敗之地。
專(zhuān)欄作家
曉吾,微信公眾號(hào):體驗(yàn)主義,人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。騰訊高級(jí)交互設(shè)計(jì)師,前創(chuàng)新工場(chǎng)、新浪微博交互設(shè)計(jì)師。專(zhuān)注社交創(chuàng)新與娛樂(lè)產(chǎn)品設(shè)計(jì)。
本文由 @曉吾 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自Unsplash,基于CC0協(xié)議。
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
想跟作者取得聯(lián)系,哈哈
寫(xiě)得真好,跟工作場(chǎng)景結(jié)合,很有幫助