一、AI繪圖背景與趨勢

?

隨著互聯(lián)網(wǎng)行業(yè)發(fā)展和技術的進步，設計師也有越來越豐富的手段來應對多種類型的產(chǎn)品需求。

?

比如說3D渲染、各種自定義的插件已經(jīng)成為設計師的工作日常，在不斷的提高大家的工作效率；包括最近火熱的AI繪圖，也時常出現(xiàn)在設計師的討論話題當中；

?

AI繪圖模型令人嘆為觀止的畫作

?

1.1 模型的種類與畫風

?

目前市面上，AI繪圖在商業(yè)設計領域，目前還鮮有人嘗試。我們團隊通過網(wǎng)上大量的資料和學習，針對AI的先有幾個工具進行了研究和試驗，看看高階的AI模型能否滿足我們的訴求。

?

由于市面上存在大量的AI繪畫工具，每個工具擅長的畫風也各有所長；例如MidJourney；畫面注重細節(jié)的構建和表達；

?

?

Stable Diffusion，畫風更偏寫實；

Disco Diffusion；筆觸較明顯，適合油畫風格；

包括每一類型里不同的模型也會有不同的效果，例如基于Stable-Diffusion開發(fā)的NovelAI Diffusion Models，風格更偏二次元；

?

?

基于AI繪圖具有【低成本、批量輸出】的特征，而商業(yè)化運營需求也帶有【日常、高頻】的屬性，例如日常大促、節(jié)日促銷活動的H5頁面、電商banner等。

?

所以我們想將AI繪圖應用在商業(yè)化設計流程之中。嘗試打破效率邊界，利用低投入高產(chǎn)出的方式為團隊提效。

?

?

二、商業(yè)設計如何擁抱AI

?

在進行具體的AI繪圖實驗之前，我們先把商業(yè)化運營設計需求分類，以活動類型、周期、對應設計復雜程度，可將其分為為S、A、B三個級別。

?

S級別以專題大促為主，頁面以為banner和H5為代表；

A級別以平臺活動為主，同樣是banner和H5需求并存；

B級別為日常促銷，以banner需求居多。

?

?

由于以上幾類日常運營圖的需求頻次較高且生命周期不長，在極快的項目節(jié)奏中會較多占用設計人力及項目時間；同時因為AI繪圖模型具有低成本、批量產(chǎn)出的特征，所以我們嘗試用AI繪圖工具來輔助完成日常的運營設計工作。

?

另外值得一提的是，每類模型的擅長風格不同，我們選用的是時下最火熱，也是學習資料較多的MidJourney來做嘗試。

?

?

三、B類商業(yè)運營設計需求：輕量手段快速達成

?

?

面對常規(guī)運營banner需求，之前團隊合作流程是由產(chǎn)品、運營同學按固定周期提需求到設計部門，按需求排期，定量投入設計人力逐步交付。

?

?

既然工作流程上已是最短路徑，那么我們嘗試把目光聚焦在需求本質上，將banner的結構拆散，可以發(fā)現(xiàn)絕大部分的banner都由這五類元素構成。

?

那么是否能夠利用現(xiàn)有成熟的AI類技術平臺，直接生成商業(yè)運營設計banner成品（或半成品）呢？我們接下來就嘗試一下。

?

3.1 對比和嘗試

?

我們首先橫向對比了國內外智能出圖平臺的各項能力，以關鍵功能類型作為衡量指標，得到了一張能力圖表；

?

?

那么橫向來看，各平臺的能力可以劃分為兩大類模版繪制、AI繪制結合模版設計；

?

第一類在線模版繪制；大量模版可以供挑選并調整，支持線上編輯并輸出；

第二類AI繪制；優(yōu)勢是速度極快快、批量出圖，但圖像的質量沒有保障，

?

需結合模版能力一起使用才能質量可靠的設計圖；綜合效率和結果兩方面來考慮，我們選擇第二類方法，如上圖所示網(wǎng)上有多種平臺可供選擇，大家可以根據(jù)需求自行選擇恰當?shù)钠脚_來進行實驗。

?

3.2 方法總結

?

在具體操作流程上，跟我們常規(guī)的設計作圖略有不同；大概分為2個階段；

?

?

首先我們需要選擇配圖主題類型、活動類型、人群，這決定了圖片風格和商品素材的表現(xiàn)；并輸入對應的文案標題，即banner圖的文案顯示；

?

隨后可得到批量生成的初稿；

?

點擊任一初稿，進入線上編輯環(huán)節(jié)，利用豐富的在線編輯能力對banner圖做調整，例如圖層查找，替換商品素材、裝飾素材，更改字體等等。

?

在智能編輯模塊中簡單處理后即可得到可用的設計圖。經(jīng)過大量實驗后發(fā)現(xiàn)，這類方式更適合于電商類型的banner圖。

?

同時在經(jīng)過對產(chǎn)品、運營同學的簡單培訓后，大家也可以非常迅速的做到上手并產(chǎn)出banner圖；這也與我們的預期判斷是匹配的；

?

?

四、A類商業(yè)運營設計需求：AI輔助生成

?

?

除了B類的日常促銷活動外，我們也會經(jīng)常遇到類似上圖的H5頭圖的運營設計，面對這類需求通常需要在探索風格，繪制畫面細節(jié)上花費較長時間，我們嘗試通過AI模型輔助出圖解決這個難題。

?

4.1 工作流程介紹

?

在正式開始作圖之前，我們需要對MidJourney的能力區(qū)間、工作模式建立基本的認知。

?

?

MidJourney允許用戶以對話的形式，通過以輸入描述詞的方式，經(jīng)過AI模型運算后得到其返回的圖片。

?

4.2 利用MidJourney墊圖能力輔助設計頭圖

?

針對A類平臺活動類運營需求的繪制工作共分為四個步驟，分別是風格定義，墊圖描述，調整與輸出；

首先先通過參考圖，明確出我們傾向的風格和特征；

第二步我們需要用到【以圖生圖】，在discord中將參考圖發(fā)給MidJourney，并結合意向風格，構圖和其他特征添加上恰當?shù)拿枋?，可以得到初稿?/p>

不斷調整圖像與描述詞，最終逐步接近目標效果；

頭圖生成好之后，搭配上文案的字體設計與裝飾元素，可以看到最終的效果如上。利用AI模型輔助生圖，可以使繁瑣的工作量可以得到有效壓縮，從而把大家從繁雜的工作中解放出來。

?

?

五、S類商業(yè)運營設計需求：AI智能生成

?

除了較為基礎的A類運營設計需求外，面對專題大促的運營需求需求，其展示周期更長，且對于設計質量要求更高，常常會涉及到3D場景的搭建和渲染工作，相對于A類需求，S類需求通常排期時間更長，同時對設計師的能力提出更高要求；

那么針對畫面設計要求更高階的運營需求，除依靠設計師個人能力來應對之外，會否有更高效、便捷的辦法呢，我們同樣可以通過AI模型繪制的辦法來嘗試解決這個問題。

?

5.1 工作流程介紹

?

基于前面對于MidJourney的基礎了解，我們接下來看下利用MidJourney輔助輸出運營設計圖的工作流，分別是風格定義、撰寫描述、二次調整、輸出4個步驟；

① 風格定義

首先是風格定義，由于AI繪圖具有高度的隨機性和風格化的特質，而運營設計更注重理性的構圖版式。

?

所以在正式進入繪圖步驟之前，我們需要提前明確畫面大致的風格調性，這樣才能保證后續(xù)AI產(chǎn)出的方向不跑偏，并更準確的獲取我們想要的圖像；

我們以電商運營廣告中最常見的美妝類別舉例，通過觀察可以發(fā)現(xiàn)，美妝類的圖像具有明顯的風格化特征，比如居中或對稱構圖、明亮的環(huán)境光等。

?

所以這些特質就將成為我們輸入的詞匯，同時也是輸出篩選步驟里的重要依據(jù)。

?

② 撰寫描述

MidJourney模型出圖有兩種模式，最常見的是text to img文本生圖；以及img to img以圖生圖；文本生圖即通過一段文本描述告訴AI模型你想要的畫面，由它幫你繪制出來。

?

以圖生圖是通過一份原始圖片，配合文本描述，來繪制跟原始圖片類似風格但又不盡相同的圖片素材；無論哪種方式，都需要明確一個關鍵的概念【Prompt】，也就是【關鍵詞描述】。

Prompt關鍵詞描述可以理解為與AI創(chuàng)作溝通的媒介，我們需要將腦海中構想的畫面用恰當?shù)奶崾驹~（語句）描述出來，并通過它來縮小AI想象的空間，它才能聽懂、理解并產(chǎn)出令人滿意的畫面。

?

另外值得注意的是，相同的描述文本內容，詞語的順序、前后詞匯的關系對于內容的產(chǎn)出影響差異也會非常的大。所以關鍵詞描述的寫法至關重要；

Prompt的大致寫法由幾個部分構成，主體部分，環(huán)境氛圍，構圖，風格化，以及其他設定。我們接下來通過Prompt描述公式，一步步完成一張美妝運營圖的設計。

首先是主體內容的描述，通?？梢圆鸾鉃椋?strong>存在幾個【什么樣的】的主體，在做什么動作，并附帶了其他的什么動作。例如：There was a pink lipstick and a glass bottle of perfume；可以得到如上的主體內容，香水口紅的圖像。

其次是為主體內容添加場景或環(huán)境，例如給定某些地點或物件。比如案例中，我們指定背景花朵、自然植物，以及倒影等詞匯。

?

通過觀察以上四張圖，可以發(fā)現(xiàn)模型中【Nature Plants】這個詞匯對畫面有較大的影響，決定了不同風格的背景以及復雜程度。

?

同時也能發(fā)現(xiàn)，盡管只相差了一個描述詞，但前后結果仍存在較大的差異，所以大家在調試畫面的過程中可以從詞匯逐個調整，以盡量減少畫面的隨機跳變；

然后是構圖與鏡頭，比如左側兩張圖強調景深，右側兩張圖強調了構圖位置等；

接下來是風格化與參考方向，可以添加上藝術家名字或平臺名字，或直接將圖像風格寫出來；比如說3D渲染還是2D畫風，可以從上圖的結果中明顯感覺到兩者的區(qū)別。

最后是圖像的設定，例如--q 5，代表最高圖像質量；同時你也可以通過類似【8k, ultra realistic】這樣的詞匯來對畫質做強調。第二點是畫幅，--ar 3:2 表示橫縱比為3比2的橫幅圖像，--ar 9:16 表示橫縱比為9比16的縱向圖像；-- v4代表最新的第四代計算模型；

?

最終通過以上五個小步驟，我們可以得出一大批風格各異的草圖；

再通過第一步的風格調性做篩選，可以初步得出不同類型的初稿，以滿足不同的品類需求。

?

③ 二次修正，進階調整

當取得滿足需求的初稿之后，我們可以使用MidJourney的進階功能，來提升圖像質量或對圖像畫面做調整；以下是幾個使用頻率最高的的調整功能；

首先是通過點擊成圖下方的U按鈕，可以放大對應序號的圖片的比例，來提高其分辨率；

第二種，通過點擊圖片下方的V按鈕，可以基于原描述詞，生成對應序號圖片的變體，畫面對比母版，圖片的細節(jié)會出現(xiàn)隨機變化，例如上圖的花蕊、香水瓶的外輪廓；

第三種是Light Upscale Redo & Beta Upscale Redo，這兩個功能都可以提升畫質并細化效果；

最后一種也是變體生成方法，值得注意的是，需在【/setting】中開啟【Remix mode】功能后，再次點V功能，此時可以二次編輯關鍵詞；例如上圖就通過【Remix mode】重置了圖像的尺寸比例。

?

④ 調整輸出

將二次修正后的圖像，經(jīng)過設計師輕量化的調整工作，例如修正細節(jié)，添加文案后，即可看到最后的效果。

?

以上就是利用AI繪圖技術輔助生成S類商業(yè)運營設計圖；可以看到其優(yōu)勢是短時間、大批量生成可供選擇的風格背景圖；同時能配合需求本身，通過AI模型的變體加二次描述詞編輯，來滿足我們的個性化要求。

?

?

結語

?

以上則是本文的全部內容，如果你也想通過AI繪圖的形式來輔助提高自己的工作效率，以下幾點值得仔細閱讀，首先MidJourney前期有免費的體驗額度，當額度用完后需要付費使用。

?

其次免費用戶生成的作品不能商用，只有付費用戶才擁有該圖片的所有權。由于AI繪圖的版權政策時常存在變動，所以也請大家關注Midjourney官方信息，以免帶來困擾。

?

隨著AI模型能力的飛速迭代升級，現(xiàn)有的短板能力也會不斷補齊，因此我們可以相信在不遠的將來，設計師利用AI模型來開腦洞并輔助出圖是趨勢所向，但并不是說我們需要完全依賴AI，因為設計本身是理性而浪漫的工作，僅靠隨機性做設計是完全不可取且不靠譜的。

?

更合適的思路應該是，設計師首先定義好規(guī)則與框架，從AI模型提供的成百上千個結果中尋找到最匹配我們訴求的結果，從而輔助我們更快更好的達成目標。

?

另外面對日新月異的的智能工具，我們應該保持終生學習的心態(tài)，做好時刻接受新事物的挑戰(zhàn)，才能在越來越激烈的競爭中立于不敗之地。

?

?

【51Design】整理

本篇文章圖片素材來源自網(wǎng)絡

?