AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

AIGC,即人工智能生成內(nèi)容,是一種利用人工智能技術(shù)來生成內(nèi)容的方法。AIGC 繪畫是 AIGC 的一個分支。在過去的半年里,以 MidjourneyStable Diffusion 為代表的 AIGC 繪畫迎來了爆發(fā)式增長,引發(fā)了一場生產(chǎn)力革命。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

相關(guān)教程:

本篇文章基于WoW Design設(shè)計團隊實際運用案例,帶你了解AIGC繪畫工具,讓它們成為你輔助設(shè)計的神器。通過Midjourney和Stable Diffusion一些已落地項目類型分類,全文大綱如下:

  1. 設(shè)計提效
  2. 設(shè)計素材參考
  3. 節(jié)日海報設(shè)計
  4. 3D-IP 形象設(shè)計
  5. 運營圖素材設(shè)計
  6. 頁面運營圖設(shè)計

一、設(shè)計提效

當(dāng)未使用 Midjourney 和 Stable Diffusion 時,通常設(shè)計師流程如下:

找設(shè)計參考圖&設(shè)計草圖/初稿→業(yè)務(wù)確認風(fēng)格和草圖→設(shè)計建模&細化設(shè)計→設(shè)計定稿

在設(shè)計參考階段,設(shè)計師需要找大量的參考圖,這一過程需要 0.5-1 天。設(shè)計師還需要有個大概的設(shè)計草圖,這一過程至少也需要 0.5-1 天時間,然后設(shè)計師通過相應(yīng)風(fēng)格和線稿的草圖再跟業(yè)務(wù)確認,是否符合業(yè)務(wù)的要求。

而有 AIGC 工具的輔助,可以極大地縮短找參考圖及建模設(shè)計時間,同時也減少了與業(yè)務(wù)反復(fù)溝通確認的時間。如下流程所示:

AIGC 設(shè)計參考圖→業(yè)務(wù)確認風(fēng)格→設(shè)計草圖&AIGC生成→設(shè)計優(yōu)化→設(shè)計定稿

使用 Midjourney 生成設(shè)計參考圖,可以快速與業(yè)務(wù)確認設(shè)計風(fēng)格,繪制線稿草圖后,通過 Stable Diffusion 直接生成設(shè)計圖,設(shè)計師再做細節(jié)優(yōu)化,大大提升了整個設(shè)計流程的效率。

二、設(shè)計素材參考

在設(shè)計前期,設(shè)計師剛接到需求,了解到畫面內(nèi)容元素,設(shè)計風(fēng)格后,會在花瓣等網(wǎng)站找對應(yīng)的參考圖給業(yè)務(wù)方確認,這時候可能還要配合適當(dāng)?shù)牟輬D來表現(xiàn)畫面的構(gòu)圖、元素等。

但這樣的參考圖往往不能很好的傳達設(shè)計師的設(shè)計想法,且找到合適圖的耗時都會比較長,這時候如果通過 Midjonrney 輸入相關(guān)關(guān)鍵詞就可生成靈感參考圖。

人物插畫參考圖:

(關(guān)鍵詞:齊肩凌亂的頭發(fā)、美麗的動漫女孩、發(fā)光,Carne Griffiths 和 Wadim Kashin 的藝術(shù)概念藝術(shù),4k 分辨率,生物發(fā)光,3d 渲染,錯綜復(fù)雜的細節(jié))

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

賽博朋克科技界面(關(guān)鍵詞:虛擬增強現(xiàn)實網(wǎng)絡(luò)、游戲角色,賽博朋克、霓虹燈的氛圍,丙烯畫,體積照明)

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

簡筆寵物 logo(關(guān)鍵詞:貓、logo、線稿、矢量、極簡、等)

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

三、節(jié)日海報設(shè)計

節(jié)日海報我們以二十四節(jié)氣為例,客戶經(jīng)理可以生成一些海報分享朋友圈??梢岳?Midjourney 能力,通過咒語直接生成一些精美的節(jié)氣素材圖片,然后再設(shè)計排版添加下文案等素材

我們以春分為例:

描述方法:

  1. a boy riding his bike with a kite flying under clouds, in the style of digital painting and drawing, yellow and azure, plein air landscapes, hand-drawn animation, illustration, windows xp, dusty piles --ar 41:73
  2. a cartoon picture of a boy riding a bicycle with a yellow kite, in the style of atmosphere landscapes, hand-drawn animation, conceptual painting, cloudcore, sky-blue and green, abstract landscapes, transparency and lightness --ar 41:73
  3. a man on a bike is flying a kite, in the style of digital fantasy landscapes, flat brushwork, stephen hillenburg, e. h. shepard, digital painting, cloudcore, gouache --ar 41:73
  4. a kite is flying in the air near a street scene, in the style of cartoon abstraction, pastoral landscape, speedpainting, atmospheric clouds, whimsical children's book illustrator, plein-air, transparency and lightness --ar 41:73

經(jīng)過多次嘗試生成,素材內(nèi)容基本符合,但是風(fēng)格上還是不太理想:

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

那我們在通過墊圖(參考圖),來優(yōu)化下:

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

墊圖后生成的效果就比較符合我們的要求了:

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

在通過添加相應(yīng)的文案元素進行排版,得到一個氛圍感滿滿的春分節(jié)氣的海報:

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

四、3D-IP 形象設(shè)計

IP 設(shè)計如果是創(chuàng)造新的 IP,那可以通過 Midjourney 進行生成,說清楚你想要的 IP 的要求,Midjourney 可以給生成很多精美的 IP 形象。如下圖

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

當(dāng)然如果你對具體的 IP 形象有一定要求,Midjourney 生成的形象就很隨機,不能滿足你的需求。這時就需要先確定形象大概的輪廓及動作,使用 Stable Diffusion 來生成想要風(fēng)格的 IP 形象。

我們以 WoW Design 的 IP 形象燈泡仔為例:

第一步:首先要繪制角色的線稿

根據(jù)我們 IP 形象繪制線稿,最好把草圖轉(zhuǎn)換成更精細的路徑線稿,這樣 control net 可以識別的更加準(zhǔn)確。

相關(guān)教程:

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

第二步:選擇合適的模型

因為我們是想做泡泡瑪特風(fēng)格的可愛 3d 風(fēng)格的 ip 形象,在 civita 上我們找到對應(yīng)的大模型和 lora 模型,這次我們選擇的是:大模型:revanimated,Lora 模型:blinbox(模型不是絕對的,找到合適的風(fēng)格即可)

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

第三步:反推線稿

運用 sd 反推功能,可以提取出線稿的關(guān)鍵詞,我們再加以修正即可放到文生圖功能使用。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

第四步:文生圖+control net 插件控制外輪廓

反推得到關(guān)鍵詞后,進一步根據(jù)生成效果調(diào)整關(guān)鍵詞。再設(shè)置好選擇的模型(注意 lora 模型有觸發(fā)關(guān)鍵詞,blonbox 的觸發(fā)詞是:chibi)

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

ps:這里必須用到 control net 插件,精準(zhǔn)控制我們出圖效果與線稿的一致性

出圖總結(jié)

我們可以看一下從未選擇 lora 模型-未添加 control net 插件到最終添加 control net 插件后的效果過程。當(dāng)然還需要后期 ps 處理一些細節(jié)問題,以達到滿意的效果。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

五、對公運營圖素材設(shè)計

對公微海報提供統(tǒng)一化、標(biāo)準(zhǔn)化、智能化的微海報營銷工具,產(chǎn)出產(chǎn)品、活動和權(quán)益等類型海報,支持大對公所有業(yè)務(wù)的海報宣傳。借助AI中臺AIGC圖片生成能力,我們正在打造全流程線上化工具,運營人員通過配置節(jié)日、風(fēng)格、形象、動作等即可自動生成運營圖。

1. 可以選擇的設(shè)計草圖示例

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

2. 生成的運營圖

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

雖然生成的圖可能細節(jié)上依然還是有些小問題,但是經(jīng)優(yōu)化后整體效果還是不錯的。

下面是生成調(diào)整后的運營圖和 c4d 建模制作的運營圖的對比

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

六、頁面運營圖設(shè)計

行內(nèi)自研工具「快站」可以完成 UI 界面的配置,只需使用現(xiàn)有的組件及相應(yīng)的切圖,無需開發(fā)即可配置所需要的活動或者 UI 頁面。有了 AIGC 工具后,像頁面中的 Banner 圖也可以進行相應(yīng)的快速生成配置。

快站中配置頁面時,新增 Banner 組件,選擇 AI 生成。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

進入 AI 生成運營 banner 編輯彈窗,可進行:風(fēng)格選擇、圖片需求描述、主標(biāo)題、副標(biāo)題選項的輸入,以生成所需要的 banner 效果。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

可以對相應(yīng)風(fēng)格進行選擇,并輸入對 banner 的圖片需求進行生成。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

生成 Banner 后可輸入主標(biāo)題和副標(biāo)題,實時預(yù)覽 Banner 效果。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

使用 AI 生成的運營 banner,添加到頁面后的效果預(yù)覽。

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

小結(jié)

Midjourney 和 Stable Diffusion 等 AIGC 繪圖工具的崛起,導(dǎo)致很多設(shè)計師焦慮,擔(dān)心被取代。

通過上面的案例可以看出 Midjourney 和 Stable Diffusion 只能完成項目中的一部分,或者一些臨時應(yīng)急對設(shè)計需求要求并不高的項目,如果要求較高還是需要設(shè)計師二次創(chuàng)作及相應(yīng)的優(yōu)化。

預(yù)想將來設(shè)計師使用的工具可能并不只是 Photoshop、Sketch 或者 Figma 等,可能是更多的來訓(xùn)練風(fēng)格模型,然后快速生成設(shè)計所需的素材,再進行二次創(chuàng)作優(yōu)化,快速出圖提高人效。

AIGC 本質(zhì)上還是提效輔助的工具,設(shè)計師需要去掌握更高超的操作技能。

歡迎關(guān)注作者微信公眾號:「CO SPACE對公創(chuàng)新」

AIGC案例實操!大廠設(shè)計師如何用 AI 提高工作效率?

收藏 96
點贊 66

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。