AI在產(chǎn)品視覺設(shè)計流程中的應(yīng)用
點擊 ▲ 三分設(shè) 關(guān)注，和 10 萬設(shè)計師一起成長
三分設(shè) x 群核科技用戶體驗設(shè)計
前言
目前，人工智能技術(shù)的發(fā)展已經(jīng)取得了令人矚目的成就。不論是自然語言處理還是計算機(jī)視覺，人工智能都有了顯著的進(jìn)展。就視覺設(shè)計師而言，我們不得不承認(rèn)AI通過不斷的算法學(xué)習(xí)與技術(shù)更新，其生成的圖像著實令人驚嘆，但我們也不難發(fā)現(xiàn)，當(dāng)下AI繪圖還是有很多的局限性，比如生成質(zhì)量不穩(wěn)定、缺乏抽象能力等。
那么本文也將延續(xù)前文《AIGC對設(shè)計行業(yè)的影響與啟發(fā)》、《AI在UX設(shè)計流程中的應(yīng)用大全》，繼續(xù)談一談AI在視覺設(shè)計工作中的應(yīng)用。
一、AI繪圖能代替視覺設(shè)計師嗎？
在實際使用中我們發(fā)現(xiàn)，AI往往對于具象的需求表現(xiàn)得更好，而對于抽象需求表現(xiàn)得較差?！?/span>
比如，AI可能無法穩(wěn)定地繪制出如下靠左的相機(jī)圖標(biāo)，但可以快而穩(wěn)定地繪制出右邊的相機(jī)圖像，而人工去繪制右邊的相機(jī)可能至少需要一天，還不一定有AI的效果好。
因此作為視覺設(shè)計師，AI繪圖充當(dāng)?shù)囊琅f是協(xié)作伙伴的角色，而實際的產(chǎn)出還是依賴于我們本身的設(shè)計判斷和審美能力。
但哪怕僅僅只是這點，它能所帶來的改變也是無與倫比的。
以往面對大部分的設(shè)計需求，設(shè)計師首先需要在網(wǎng)上搜尋大量的參考，進(jìn)行腦暴、制定情緒版、確定設(shè)計風(fēng)格，然后才能開始設(shè)計。期間還要與需求方唇槍舌戰(zhàn)、來回改稿。而現(xiàn)在我們通過輸入指令、圖片和相關(guān)信息，AI工具就可以快速生成滿足需求的視覺內(nèi)容，這可以極大地縮減整體設(shè)計的時間。
而這種變革與提效，也正是AI為我們帶來的最大價值。
二、什么AI工具更好用？
當(dāng)前市面有非常多的AI繪圖軟件可供選擇，典型如Midjourney、Stable diffusion、Dall E等，多是基于大模型通過文生圖、圖生圖的方式得到結(jié)果。
其中，Stable diffusion的學(xué)習(xí)成本和部署難度不太友好，Dall E的能力和可控度都相對較弱，Midjourney算是其中綜合能力較強(qiáng)且上手難度較低的選擇。
下面我們也將以Midjourney為例，來為大家展現(xiàn)AI工具在視覺設(shè)計需求中的實際使用。
三、如何在產(chǎn)品視覺設(shè)計流程中應(yīng)用AI？
目前在群核科技的視覺設(shè)計團(tuán)隊內(nèi)部，AI輔助設(shè)計工作已經(jīng)有一段時間了，從前期需求溝通到設(shè)計方向確認(rèn)、再到設(shè)計產(chǎn)出和調(diào)整都有對于AI工具的應(yīng)用。
下面我們將從兩個實際案例出發(fā)，來為大家進(jìn)行AI應(yīng)用的展示：
案例一、VIP會員日
Step1 需求溝通
1.使用飛書妙計進(jìn)行會議記錄，并使用ChatGPT總結(jié)需求（示意）
2.使用即時AI/UIzard生成頁面框架，并確定需要由AI生成的主畫面內(nèi)容（示意）
???
Step2 設(shè)計方向
1.使用Chatgpt輔助構(gòu)思核心創(chuàng)意
2.書寫中文自然語言，讓ChatGPT翻譯成標(biāo)準(zhǔn)的提示詞
輸入主畫面描述：
畫面的中心是一個圓形平臺，周圍是城市中的高樓大廈，白色背景和白色建筑
得到英文文案：
The center of the picture is a circular platform surrounded by tall buildings in the city, with a white background and white buildings
添加風(fēng)格，材質(zhì)以及圖像參數(shù)設(shè)定
風(fēng)格：藝術(shù)3D，pop mart，，c4d
材質(zhì)：粘土材料
參數(shù)：高品質(zhì)，8k --s 50 --ar 16:9 --style scenic --niji 5
最終得到完整的提示詞文案：
The center of the picture is a circular platform surrounded by tall buildings in the city, with a white background and white buildings，Pop Mart and Cinema 4D ，create 3D characters with cartoon-style，best quality,clay material,8k --s 50 --ar 16:9 --style scenic --niji 5
3.輸入提示詞，用Midjourney產(chǎn)出相對應(yīng)的風(fēng)格圖片
Step3 設(shè)計素材
1.基于情緒版提案，輸入初步確定方案的提示詞和相關(guān)風(fēng)格圖片，產(chǎn)出對應(yīng)圖片素材
提示詞：
主體：畫面中心是一個圓形平臺，周圍是城市中的高樓大廈
場景細(xì)節(jié)：白色背景和白色建筑，金線裝飾著建筑
風(fēng)格：藝術(shù)3D，pop mart，c4d
材質(zhì)：粘土材料
參數(shù)：高品質(zhì)，8k--s 50-ar 3:4--niji 5--niji 5
The center of the picture is a circular platform surrounded by tall buildings in the city, with a white background and white buildings，Gold lines adorn the building，Pop Mart and Cinema 4D ，3D characters ，best quality,clay material,8k --s 50 --ar 16:9 --style scenic --niji 5
墊圖：
2.多次調(diào)試得到滿意的初稿，挑選合適方向的畫面進(jìn)行二次調(diào)整
3.最終選取以下圖片為最終素材
Step4 設(shè)計產(chǎn)出
1.將選定素材進(jìn)行調(diào)色處理、局部調(diào)整
2.根據(jù)畫面需要，使用MJ生成裝飾圖形，并在群核星辰素材平臺找到適合主題的IP形象
3.合成畫面，加入UI界面元素，整體調(diào)整并輸出最終視覺稿
案例二、認(rèn)證中心探索
Step1 需求溝通
1.使用飛書妙計進(jìn)行會議記錄，并使用ChatGPT總結(jié)需求???????
2.使用即時AI/UIzard生成頁面框架，并確定需要由AI生成的主畫面內(nèi)容
Step2 設(shè)計方向
1.找到合適風(fēng)格和構(gòu)圖的靈感圖
Step3 設(shè)計素材
1.基于情緒版提案，輸入初步確定方案的提示詞和相關(guān)風(fēng)格圖片，產(chǎn)出對應(yīng)圖片素材
主體：魔方顆粒
材質(zhì)：磨砂玻璃白色丙烯酸材料
背景：黑色背景
風(fēng)格：透明科技感
參數(shù)：8k，-iw 1-v 5-q 2-ar 16:9
Rubik's Cube Particle，frosted glass white acrylic material，white beckground，transparent technology sense，8k，—iw 1 —v 5 —q 2 —ar 16:9
墊圖：同上
2.多次調(diào)試得到滿意的初稿，挑選合適方向的畫面進(jìn)行二次調(diào)整
Step4 設(shè)計產(chǎn)出
1.合成畫面，加入UI界面元素，整體調(diào)整并輸出最終視覺稿
四、AI還能為我們帶來什么？
AI工具所能帶來的顛覆性變化毋庸置疑，但我們也發(fā)現(xiàn)了一個問題，在設(shè)計同學(xué)利用AI工具進(jìn)行業(yè)務(wù)產(chǎn)出時，大家的設(shè)計風(fēng)格愈加地不統(tǒng)一，包括每個案例間的共性和差異都是盲盒。
所以我們也藉由AI探索小組的契機(jī)，去對一段時間內(nèi)的產(chǎn)出進(jìn)行了搜集與歸類，并將盲盒拆開，沉淀出了AI指令庫。畢竟業(yè)務(wù)在設(shè)計規(guī)范的框架下，設(shè)計產(chǎn)物都是指向明確且可被復(fù)制的。
而通過AI指令庫，我們可以快速定位到類似案例，并通過指令準(zhǔn)確地生成我們想要的產(chǎn)物。
總結(jié)
以上是我們在視覺設(shè)計工作中應(yīng)用AI的一些探索，雖然AI概念已經(jīng)從熱轉(zhuǎn)冷，但整個行業(yè)其實仍處于起步階段。未來AI會怎么發(fā)展？我覺得大概有三點：
1、能力增強(qiáng)：硬件必然會提升，AI也將持續(xù)提升技術(shù)水平，不僅僅是生圖的快速和準(zhǔn)確，還包括增強(qiáng)學(xué)習(xí)、遷移學(xué)習(xí)和自適應(yīng)學(xué)習(xí)。
2、交互升級：不局限于當(dāng)前文生圖、圖生圖的方式，語音、視頻等自然語言處理技術(shù)的發(fā)展將使人與AI之間的交互更加多變且順暢。
3、門檻降低：隨著行業(yè)發(fā)展和各方入局，未來的使用門檻必定會進(jìn)一步降低，包括也會隨著競爭而使其擁有更準(zhǔn)確和定制化的服務(wù)和產(chǎn)品。
當(dāng)然，時代一直在轉(zhuǎn)，不知道什么時候新的變革就會到來，我們裹挾其間，只能不斷改變自己以更加適應(yīng)時代。
保持熱愛、積極擁抱，謹(jǐn)此獻(xiàn)給仍處一線卻依舊迎難而上的每個我們。
- END -
我們相信設(shè)計師和創(chuàng)造者一樣是思想家
