随着網際網路行業發展和技術的進步，設計師也有越來越豐富的手段來應對多種類型的産品需求，最近火熱的AI繪圖，也時常出現在設計師的讨論話題中。那麼，如何運用AI來協助商業設計呢？一起來學習一下吧。
一、AI繪圖背景與趨勢
随着網際網路行業發展和技術的進步，設計師也有越來越豐富的手段來應對多種類型的産品需求；比如說3D渲染、各種自定義的插件已經成為設計師的工作日常，在不斷地提高大家的工作效率；包括最近火熱的AI繪圖，也時常出現在設計師的讨論話題當中。
AI繪圖模型令人歎為觀止的畫作
1. 模型的種類與畫風
由于市面上存在大量的AI繪畫工具，每個工具擅長的畫風也各有所長；例如基于discord架構下的MidJourney，畫面注重細節的建構和表達；
OpenAI的Stable-Diffusion，畫風更偏寫實；
Google的Disco Diffusion，畫風比較均衡；
包括每一類型裡不同的模型也會有不同的效果，例如基于Stable-Diffusion的不同模型：Novel-AI-Leaks：一般簡稱Naifu模型，風格更偏二次元。
2. 原理簡要分析
本質上AI繪圖模型是基于GAN生成對抗網絡(Generative Adversarial Nets,GAN)，是一種基于對抗學習的深度生成模型。
這是一個比較普适性的GAN結構，資訊可以是文字、圖檔、聲音等等。編碼器會把所有類型的資訊都處理成低次元的 Latent，可以了解為抽象成某種抽象思維。再給到解碼器把抽象思維解碼還原成人類能接受的格式，文字、圖檔、聲音等。是以它不僅僅隻能作畫，甚至創作視訊、寫文章，甚至寫歌都是有可能的。
基于AI繪圖具有【低成本、批量輸出】的特征，而商業化營運需求也帶有【日常、高頻】的屬性，例如日常大促、節日促銷活動的H5頁面、電商banner等；是以我們想将AI繪圖應用在商業化設計流程之中。嘗試打破效率邊界，利用低投入高産出的方式為團隊提效。
二、商業設計如何擁抱AI
在進行具體的AI繪圖實驗之前，我們先把商業化營運設計需求分類，以活動類型、周期、對應設計複雜程度，可将其分為為S、A、B三個級别。其中S級别以專題大促為主，頁面以為banner和H5為代表；A級别以平台活動為主，同樣是banner和H5需求并存；B級别為日常促銷，以banner需求居多。
由于以上幾類日常營運圖的需求頻次較高且生命周期不長，在極快的項目節奏中會較多占用設計人力及項目時間；同時因為AI繪圖模型具有低成本、批量産出的特征，是以我們嘗試用AI繪圖工具來輔助完成日常的營運設計工作。另外值得一提的是，每類模型的擅長風格不同，我們選用的是時下最火熱，也是學習資料較多的MidJourney-v4來做嘗試。
三、B類商業營運設計需求：輕量手段快速達成
面對正常營運banner需求，之前團隊合作流程是由産品、營運同學按固定周期提需求到設計部門，按需求排期，定量投入設計人力逐漸傳遞。
既然工作流程上已是最短路徑，那麼我們嘗試把目光聚焦在需求本質上，将banner的結構拆散，可以發現絕大部分的banner都由這五類元素構成；那麼是否能夠利用現有成熟的AI類技術平台，直接生成商業營運設計banner成品（或半成品）呢？我們接下來就嘗試一下。
1. 對比和嘗試
我們首先橫向對比了國内外智能出圖平台的各項能力，以關鍵功能類型作為衡量名額，得到了一張能力圖表；
那麼橫向來看，各平台的能力可以劃分為兩大類模版繪制、AI繪制結合模版設計。
第一類線上模版繪制；大量模版可以供挑選并調整，支援線上編輯并輸出；第二類AI繪制；優勢是速度極快快、批量出圖，但圖像的品質沒有保障，需結合模版能力一起使用才能品質可靠的設計圖；綜合效率和結果兩方面來考慮，我們選擇第二類方法，如上圖所示網上有多種平台可供選擇，大家可以根據需求自行選擇恰當的平台來進行實驗。
2. 方法總結
在具體操作流程上，跟我們正常的設計作圖略有不同；大概分為2個階段。
首先我們需要選擇配圖主題類型、活動類型、人群，這決定了圖檔風格和商品素材的表現；并輸入對應的文案标題，即banner圖的文案顯示；
随後可得到批量生成的初稿；
點選任一初稿，進入線上編輯環節，利用豐富的線上編輯能力對banner圖做調整，例如圖層查找，替換商品素材、裝飾素材，更改字型等等；在智能編輯子產品中簡單處理後即可得到可用的設計圖；經過大量實驗後發現，這類方式更适合于電商類型的banner圖；同時在經過對産品、營運同學的簡單教育訓練後，大家也可以非常迅速的做到上手并産出banner圖；這也與我們的預期判斷是比對的。
四、A類商業營運設計需求：AI輔助生成
除了B類的日常促銷活動外，我們也會經常遇到類似上圖的H5頭圖的營運設計，面對這類需求通常需要在探索風格，繪制畫面細節上花費較長時間，我們嘗試通過AI模型輔助出圖解決這個難題。
1. 工作流程介紹
在正式開始作圖之前，我們需要對MidJourney的能力區間、工作模式建立基本的認知。
MidJourney是基于Discord的AI繪圖模型，允許使用者以對話的形式，通過以輸入描述詞的方式，經過AI模型運算後得到其傳回的圖檔。
2. 利用MidJourney墊圖能力輔助設計頭圖
針對A類平台活動類營運需求的繪制工作共分為四個步驟，分别是風格定義、墊圖描述、調整與輸出。
首先先通過參考圖，明确出我們傾向的風格和特征；
第二步我們需要用到【以圖生圖】，在discord中将參考圖發給MidJourney，并結合意向風格，構圖和其他特征添加上恰當的描述，可以得到初稿；
不斷調整圖像與描述詞，最終逐漸接近目标效果；
頭圖生成好之後，搭配上文案的字型設計與裝飾元素，可以看到最終的效果如上。利用AI模型輔助生圖，可以使繁瑣的工作量可以得到有效壓縮，進而把大家從繁雜的工作中解放出來。
五、S類商業營運設計需求：AI智能自動生成
除了較為基礎的A類營運設計需求外，面對專題大促的營運需求需求，其展示周期更長，且對于設計品質要求更高，常常會涉及到3D場景的搭建和渲染工作，相對于A類需求，S類需求通常排期時間更長，同時對設計師的能力提出更高要求；
那麼針對畫面設計要求更高階的營運需求，除依靠設計師個人能力來應對之外，會否有更高效、便捷的辦法呢，我們同樣可以通過AI模型繪制的辦法來嘗試解決這個問題。
1. 工作流程介紹
基于前面對于MidJourney的基礎了解，我們接下來看下利用MidJourney輔助輸出營運設計圖的工作流，分别是風格定義、撰寫描述、二次調整、輸出4個步驟：
1）風格定義
首先是風格定義，由于AI繪圖具有高度的随機性和風格化的特質，而營運設計更注重理性的構圖版式。是以在正式進入繪圖步驟之前，我們需要提前明确畫面大緻的風格調性，這樣才能保證後續AI産出的方向不跑偏，并更準确的擷取我們想要的圖像
我們以電商營運廣告中最常見的美妝類别舉例，通過觀察可以發現，美妝類的圖像具有明顯的風格化特征，比如居中或對稱構圖、明亮的環境光等。是以這些特質就将成為我們輸入的詞彙，同時也是輸出篩選步驟裡的重要依據。
2）撰寫描述
MIDJourney模型出圖有兩種模式，最常見的是text to img文本生圖；以及img to img以圖生圖；文本生圖即通過一段文本描述告訴AI模型你想要的畫面，由它幫你繪制出來；以圖生圖是通過一份原始圖檔，配合文本描述，來繪制跟原始圖檔類似風格但又不盡相同的圖檔素材；無論哪種方式，都需要明确一個關鍵的概念【Prompt】，也就是【關鍵詞描述】。
Prompt關鍵詞描述可以了解為與AI創作溝通的媒介，我們需要将腦海中構想的畫面用恰當的提示詞（語句）描述出來，并通過它來縮小AI想象的空間，它才能聽懂、了解并産出令人滿意的畫面。另外值得注意的是，相同的描述文本内容，詞語的順序、前後詞彙的關系對于内容的産出影響差異也會非常的大。是以關鍵詞描述的寫法至關重要。
Prompt的大緻寫法由幾個部分構成，主體部分、環境氛圍、構圖、風格化，以及其他設定。我們接下來通過Prompt描述公式，一步步完成一張美妝營運圖的設計。
首先是主體内容的描述，通常可以拆解為，存在幾個【什麼樣的】的主體，在做什麼動作，并附帶了其他的什麼動作。例如：There was a pink lipstick and a glass bottle of perfume；可以得到如上的主體内容，香水口紅的圖像。
其次是為主體内容添加場景或環境，例如給定某些地點或物件。比如案例中，我們指定背景花朵、自然植物，以及倒影等詞彙。通過觀察以上四張圖，可以發現模型中【Nature Plants】這個詞彙對畫面有較大的影響，決定了不同風格的背景以及複雜程度。同時也能發現，盡管隻相差了一個描述詞，但前後結果仍存在較大的差異，是以大家在調試畫面的過程中可以從詞彙逐個調整，以盡量減少畫面的随機跳變。
然後是構圖與鏡頭，比如左側兩張圖強調景深，右側兩張圖強調了構圖位置等；
接下來是風格化與參考方向，可以添加上藝術家名字或平台名字，或直接将圖像風格寫出來；比如說3d渲染還是2D畫風，可以從上圖的結果中明顯感覺到兩者的差別。
最後是圖像的設定，例如–q 5，代表最高圖像品質；同時你也可以通過類似【8k, ultra realistic】這樣的詞彙來對畫質做強調。第二點是畫幅，–ar 3:2 表示橫縱比為3比2的橫幅圖像，–ar 9:16 表示橫縱比為9比16的縱向圖像；– v4代表最新的第四代計算模型；
最終通過以上五個小步驟，我們可以得出一大批風格各異的草圖。
再通過第一步的風格調性做篩選，可以初步得出不同類型的初稿，以滿足不同的品類需求。
3）二次修正，進階調整
當取得滿足需求的初稿之後，我們可以使用MIDJourney的進階功能，來提升圖像品質或對圖像畫面做調整；以下是幾個使用頻率最高的的調整功能。
首先是通過點選成圖下方的U按鈕，可以放大對應序号的圖檔的比例，來提高其分辨率；
第二種，通過點選圖檔下方的V按鈕，可以基于原描述詞，生成對應序号圖檔的變體，畫面對比母版，圖檔的細節會出現随機變化，例如上圖的花蕊、香水瓶的外輪廓；
第三種是Light Upscale Redo & Beta Upscale Redo，這兩個功能都可以提升畫質并細化效果；
最後一種也是變體生成方法，值得注意的是，需在【/setting】中開啟【Remix mode】功能後，再次點V功能，此時可以二次編輯關鍵詞；例如上圖就通過【Remix mode】重置了圖像的尺寸比例。
4）調整輸出
将二次修正後的圖像，經過設計師輕量化的調整工作，例如修正細節，添加文案後，即可看到最後的效果。
以上就是利用AI繪圖技術輔助生成S類商業營運設計圖；可以看到其優勢是短時間、大批量生成可供選擇的風格背景圖；同時能配合需求本身，通過AI模型的變體加二次描述詞編輯，來滿足我們的個性化要求。
結語
以上則是本文的全部内容，如果你也想通過AI繪圖的形式來輔助提高自己的工作效率，以下幾點值得仔細閱讀，首先MidJourney前期有免費的體驗額度，當額度用完後需要按月度進行付費使用。另外是大家關心的版權問題，免費使用者擁有不能商用的授權，隻有付費使用者才能擁有該圖檔的所有權。
随着AI模型能力的飛速疊代更新，現有的短闆能力也會不斷補齊，是以我們可以相信在不遠的将來，設計師利用AI模型來開腦洞并輔助出圖是趨勢所向，但并不是說我們需要完全依賴AI，因為設計本身是理性而浪漫的工作，僅靠随機性做設計是完全不可取且不靠譜的。
更合适的思路應該是，設計師首先定義好規則與架構，從AI模型提供的成百上千個結果中尋找到最比對我們訴求的結果，進而輔助我們更快更好的達成目标。另外面對日新月異的的智能工具，我們應該保持終生學習的心态，做好時刻接受新事物的挑戰，才能在越來越激烈的競争中立于不敗之地。
參考資料：
https://www.bilibili.com/video/BV15g411r7Py/?spm_id_from=333.788&vd_source=3386274efdcf3f1e4f6315676b186bcd
https://www.bilibili.com/video/BV1Wt4y1J7M4/?spm_id_from=333.788.recommend_more_video.2&vd_source=3386274efdcf3f1e4f6315676b186bcd
https://www.bilibili.com/read/cv21710777
https://www.bilibili.com/video/BV1Ad4y1J7pn/?vd_source=3386274efdcf3f1e4f6315676b186bcd
作者：ISUX設計；來源公衆号：騰訊ISUX（ID：tencent_isux），騰訊ISUX使用者體驗與設計部。
本文由人人都是産品經理合作媒體@騰訊ISUX 授權釋出于人人都是産品經理，未經許可，禁止轉載。
題圖來自 Unsplash，基于CC0協定。
該文觀點僅代表作者本人，人人都是産品經理平台僅提供資訊存儲空間服務。