一、前言

人工智能的嶄新概念正在逐漸改變我們對(duì)設(shè)計(jì)的認(rèn)識(shí)和實(shí)踐方式。在這個(gè)數(shù)字化時(shí)代，AI 不再僅僅是一種輔助工具，它已經(jīng)成為設(shè)計(jì)師的得力助手，能夠提供更高效、更智能的設(shè)計(jì)方案。在 B 端設(shè)計(jì)視覺(jué)中，AI 的應(yīng)用為我們開(kāi)辟了一條通向更優(yōu)質(zhì)設(shè)計(jì)的道路，本文將深入探討如何借助 AI 技術(shù)，輔助設(shè)計(jì)師完成 B 端設(shè)計(jì)視覺(jué)。無(wú)論你是剛剛踏入設(shè)計(jì)領(lǐng)域的小白，還是經(jīng)驗(yàn)豐富的資深設(shè)計(jì)師，都可以利用 AI 工具來(lái)提升設(shè)計(jì)效率、優(yōu)化視覺(jué)效果。

更多AIGC應(yīng)用案例：

二、3D 視覺(jué) banner 設(shè)計(jì)

在 B 端項(xiàng)目中，公司通常希望展示自己在技術(shù)和創(chuàng)新方面的實(shí)力，3D 視覺(jué)效果可以賦予設(shè)計(jì)以更高的專(zhuān)業(yè)感和現(xiàn)代感，也更加能夠吸引觀眾的眼球，讓設(shè)計(jì)在競(jìng)爭(zhēng)激烈的商業(yè)環(huán)境中脫穎而出，但很多設(shè)計(jì)師小伙伴苦于不會(huì)建模、渲染，就讓 AI 來(lái)輔助你完成這種棘手的需求吧。

1. 設(shè)計(jì)構(gòu)思與參考

B 端很多都是概念性的需求，所以我會(huì)先去參考網(wǎng)站上尋找參考圖，確定設(shè)計(jì)方向，以暗色系 B 端視覺(jué)為例，我們找到一堆參考圖：

確定參考方向后，腦袋里面大致有了畫(huà)面思路，主視覺(jué)在畫(huà)面右方，螺旋狀背景突出主視覺(jué)，文字排版在左邊，整體色調(diào)為藍(lán)色+青色光感。這里我們對(duì)所選參考圖進(jìn)行拆分：

需要的視覺(jué)元素只有背景和 3D 主視覺(jué)，需要分開(kāi)制作，現(xiàn)在就可以使用 AI 進(jìn)行輔助設(shè)計(jì)了。

2. AI 輔助生成素材

Midjourney 生成圖片有兩條路徑：“文生圖”和“圖生圖”；

文生圖：顧名思義，需要自己腦暴出關(guān)鍵詞出圖，再通過(guò)修改關(guān)鍵詞，不斷踐行嘗試出圖。

生圖：在有參考圖的情況下，用 /describe 圖生文命令，讓系統(tǒng)直接生成關(guān)鍵詞，再通過(guò)修改關(guān)鍵詞，不斷進(jìn)行嘗試；我們先使用這種方式生成背景素材。

參考圖中的背景，我們需要使用 Photoshop Beta 先處理一下參考圖；

我們得到最終的背景圖，就可以在 Midjourney 里進(jìn)行操作了，輸入命令 /describe，把圖片拖入輸入框中，回車(chē)等待系統(tǒng)結(jié)果。

我們看到第一次關(guān)鍵詞直出的效果，并不理想，與我們的參考圖相差甚遠(yuǎn)。

這個(gè)時(shí)候不要慌，也不要著急去改關(guān)鍵詞，我們只需要添加上一個(gè)神奇的后綴“--iw 2”,官方文檔的翻譯中，這個(gè)參數(shù)叫做“圖像權(quán)重參數(shù)”，用來(lái)調(diào)整關(guān)鍵詞中文本與參考圖的相似度，默認(rèn)值為 1，范圍為 0~2，值越高，生成的圖與原圖更像，注意在 V5 和 niji 模型中使用才能生效。

使用 --iw 后綴參數(shù)時(shí)，需要“墊圖”，就是把參考圖的鏈接加到關(guān)鍵詞中，接下來(lái)我們看看關(guān)鍵詞不變的情況下，只加墊圖和后綴參數(shù)，能不能達(dá)到我們想要的效果。

最終關(guān)鍵詞： https://s.mj.run/8rHQ4ehBH-o a black and blue spiral background with blue and blue swirls, in the style of video installation, light purple and purple, pristine geometry, animated gifs, xbox 360 graphics, james turrell, multi-layered figures --iw 2 --v 5.2

盡管 AI 現(xiàn)在可以輔助我們進(jìn)行設(shè)計(jì)，但設(shè)計(jì)師的審美和基本功仍然至關(guān)重要，在輸出核心素材時(shí)，我們需要通過(guò)不斷微調(diào)細(xì)節(jié)，從大量素材中精挑細(xì)選出最合適的那一個(gè)，最終得到我們需要的背景素材圖。

3D 主視覺(jué)我們采用文生圖的方式制作，寫(xiě)關(guān)鍵詞的基本公式參考下圖，具體寫(xiě)關(guān)鍵詞時(shí)，需要靈活進(jìn)行增減，然后不斷嘗試，直到出現(xiàn)自己滿意的效果。

我們大致構(gòu)想一下圖形里面的元素、色彩、風(fēng)格等關(guān)鍵詞，經(jīng)過(guò)不斷嘗試，以下關(guān)鍵詞是我試出來(lái)最符合的：

A 3D cube icon, in the style of white and blue, translucent glass material, macro photography, emitting cyan fluorescent light --ar 3:4 -- v 5.2 一個(gè) 3D 立方體圖標(biāo)，白色和藍(lán)色風(fēng)格，半透明玻璃材質(zhì)，微距拍攝，發(fā)出青色熒光

一般我們生成 B 端視覺(jué)，都是 banner 組圖等，不是單張出現(xiàn)，想要保持風(fēng)格不變的同時(shí)，主題內(nèi)容不同，只需要更改主體關(guān)鍵詞即可實(shí)現(xiàn)，最終我們就得到了下圖需要的所有主視覺(jué)元素。

但是我們發(fā)現(xiàn)現(xiàn)在得到的素材，色調(diào)不統(tǒng)一，有些看起來(lái)也沒(méi)有玻璃質(zhì)感。所以我們還需要在 PS Beta 里面進(jìn)行視覺(jué)合成，讓整體視覺(jué)看起來(lái)更加統(tǒng)一協(xié)調(diào)。

3. 視覺(jué)合成、排版

生成的素材我們需要先用 PS 處理一下，背景素材需要處理的地方：主視覺(jué)多余的部分需要?jiǎng)h掉、色調(diào)處理、圖片比例修改。

3D 主視覺(jué)的部分，我們需要先進(jìn)行摳圖，如果不想使用 PS 手動(dòng)摳圖，這里推薦我常用的一鍵免費(fèi)摳圖網(wǎng)站： https://pixian.ai/ ，處理簡(jiǎn)單的圖片，直接把圖片扔進(jìn)去就好了，簡(jiǎn)單好用~

這一步考驗(yàn)的是設(shè)計(jì)師的審美和手活，我們需要把背景和主視覺(jué)素材，進(jìn)行視覺(jué)合成，其實(shí)也非常簡(jiǎn)單：這里我定的主要色調(diào)是藍(lán)色+青色的光感，首先需要將色調(diào)整體統(tǒng)一；然后想要表現(xiàn)出玻璃質(zhì)感的通透，我們需要加上一些光感；最后文字排版出圖即可~

4. 排版出圖

其他的主視覺(jué)重復(fù)上面的步驟，就可以得到如下的多圖，以后碰到這樣的需求，大家知道如何搞定了吧~

使用 AI 出圖要憑運(yùn)氣，像抽卡一樣，有時(shí)候可能很久才能抽到一張滿意的圖，以上的方法適用于不會(huì)建模渲染，但是工作中拿到了這樣的需求，現(xiàn)學(xué) 3D 軟件肯定是不現(xiàn)實(shí)的，AI 可以幫助我們以最快的時(shí)間搞定這樣的需求；如果你本身是會(huì) 3D 的設(shè)計(jì)師，AI 更適合用來(lái)輔助設(shè)計(jì)尋找靈感。

三、B 端活動(dòng)彈窗設(shè)計(jì)

B 端活動(dòng)彈窗一般需要傳達(dá)專(zhuān)業(yè)、正式的氛圍，符合商業(yè)環(huán)境的要求。顏色使用亮色系，會(huì)給人一種現(xiàn)代感和專(zhuān)業(yè)感，在企業(yè)環(huán)境中，例如亮藍(lán)色、亮橙色、以及漸變等這些顏色可以傳達(dá)創(chuàng)新、前瞻性和高科技的形象，這對(duì)于數(shù)字化轉(zhuǎn)型和業(yè)務(wù)優(yōu)化的主題非常合適。除此之外，中性色如灰色、白色等可以用于平衡設(shè)計(jì)，減少視覺(jué)沖擊，使主要內(nèi)容更突出。插畫(huà)風(fēng)格來(lái)說(shuō)，扁平設(shè)計(jì)風(fēng)格在 B 端設(shè)計(jì)中更為常見(jiàn)，它強(qiáng)調(diào)簡(jiǎn)潔的圖形和顏色，適用于傳達(dá)清晰的信息和數(shù)據(jù)，或者使用抽象的圖形元素和幾何形狀可以營(yíng)造出現(xiàn)代感，同時(shí)為活動(dòng)彈窗帶來(lái)獨(dú)特的視覺(jué)吸引力。

1. 確定創(chuàng)意方向

在沒(méi)有設(shè)計(jì)方向的時(shí)候，不妨讓 AI 大語(yǔ)言模型來(lái)幫助我們，它會(huì)根據(jù)需求的業(yè)務(wù)場(chǎng)景，給出合理的內(nèi)容建議，以及畫(huà)面元素的建議。

在這些回答中，我大致確定了元素和畫(huà)面，標(biāo)題、內(nèi)容、背景圖、按鈕是已經(jīng)在現(xiàn)有需求中的，我們主要聚焦于背景圖的元素生成；元素內(nèi)容：數(shù)據(jù)分析與可視化（在背景中展示一組數(shù)據(jù)圖表，突出數(shù)字化轉(zhuǎn)型后數(shù)據(jù)分析和可視化的能力，如柱狀圖、折線圖等）、移動(dòng)辦公（ 描繪員工在不同地點(diǎn)使用移動(dòng)設(shè)備工作的場(chǎng)景）。

2. AI 輔助生成素材

首先來(lái)生成“移動(dòng)辦公”的場(chǎng)景，主體物的關(guān)鍵詞可以是正在趕路的工作人，拿著公文包，使用手機(jī)處理工作任務(wù)，凸顯出數(shù)字化辦公的優(yōu)勢(shì)，我們直接使用 Midjourney 生成素材。

主題內(nèi)容：A man walking with phone and briefcase

藝術(shù)風(fēng)格：folk-inspired illustrations、animated gif, elegant lines

色彩色調(diào)：blue and light blue

因?yàn)槭菃蝹€(gè)元素生成，背景環(huán)境關(guān)鍵詞可以省略，大家在編寫(xiě)關(guān)鍵詞時(shí)，注意靈活增減，不用一定按照所謂的公式來(lái)寫(xiě)，藝術(shù)風(fēng)格是插畫(huà)素材，我們直接使用 niji 模型，其中 expressive 風(fēng)格會(huì)讓插畫(huà)更加富有表現(xiàn)力，可以直接在關(guān)鍵詞后面加上后綴“--style expressive ”，或者用“/settings”命令，更改設(shè)置。

A man walking with phone and briefcase, in the style of folk-inspired illustrations, animated gif, elegant lines, blue and light blue, illustration --ar 4:3 --niji 5 --style expressive 帶著手機(jī)和公文包行走的男子，民俗風(fēng)格插圖，gif 動(dòng)畫(huà)，優(yōu)雅線條，藍(lán)色和淺藍(lán)色，插圖

數(shù)據(jù)分析與可視化的背景，直接生成數(shù)據(jù)圖表的效果并不是很理想，把辦公室場(chǎng)景全部描繪出來(lái)生成的素材更加符合需求，但是還需要再手動(dòng)對(duì)素材進(jìn)行細(xì)化。

主題內(nèi)容：a office worker standing in front of a dashboard with chart

環(huán)境描述：in front of a dashboard with chart

藝術(shù)風(fēng)格：Flat illustration

色彩色調(diào)：blue and cyan, gradient

Flat illustration of a office worker standing in front of a dashboard with chart, blue and cyan, gradient --ar 4:3 --niji 5 --style expressive 一名辦公室工作人員站在儀表板前的平面圖，上面有圖表、藍(lán)色和青色、漸變

把其中需要 PS 處理的圖片，一樣按照上面教過(guò)的方法進(jìn)行處理就好了~

3. 視覺(jué)合成、排版

最后使用 figma，簡(jiǎn)單合成，排版出圖。

根據(jù)得到的主視覺(jué)，還可以同時(shí)延展出其他物料：

四、總結(jié)

以上案例通過(guò)利用 AI，設(shè)計(jì)師們可以更快速地生成創(chuàng)意、優(yōu)化設(shè)計(jì)，并在不斷的實(shí)驗(yàn)中不斷改進(jìn)。

隨著算力不斷提升，我們將能夠以更快的速度生成大量的設(shè)計(jì)作品。這將進(jìn)一步推動(dòng)創(chuàng)作的效率，使創(chuàng)作者能夠更迅速地實(shí)現(xiàn)他們的創(chuàng)意。盡管 AIGC 在設(shè)計(jì)領(lǐng)域尚處于早期階段，但已經(jīng)展現(xiàn)出對(duì)設(shè)計(jì)帶來(lái)實(shí)質(zhì)性提升和變革的潛力。同時(shí)人工智能也能夠以更豐富的方式生成內(nèi)容，從而為創(chuàng)作過(guò)程增添更多創(chuàng)意的可能性。另外隨著各大公司的涉足，人工智能工具的性能將不斷改進(jìn)，生成內(nèi)容的可控性增強(qiáng)，使用工具的門(mén)檻降低，設(shè)計(jì)師將能夠更輕松地運(yùn)用人工智能工具創(chuàng)作出更高質(zhì)量的作品。

不過(guò)人工智能雖然在設(shè)計(jì)中具有巨大的潛力，但設(shè)計(jì)師的創(chuàng)造力和審美仍然是不可替代的核心因素。技術(shù)和行業(yè)的飛速發(fā)展，設(shè)計(jì)師需要保持持續(xù)學(xué)習(xí)的態(tài)度，以不斷提升自己的認(rèn)知能力，緊跟變化的步伐。AI 只是一個(gè)工具，最終的創(chuàng)作仍需要設(shè)計(jì)師的獨(dú)特思維和藝術(shù)靈感。我們可以期待它與人類(lèi)設(shè)計(jì)師之間更深入的合作，共同創(chuàng)造出更加出色的設(shè)計(jì)作品。