AI在產品視覺設計流程中的應用

0 評論 3244 瀏覽 20 收藏 13 分鐘

隨著科技的發展,AI人工智能技術也越發先進。下面這篇文章是筆者整理分享的關于AI在產品視覺設計流程中的應用的相關內容,想要了解的同學可以接著繼續往下看看哦!

目前,人工智能技術的發展已經取得了令人矚目的成就。不論是自然語言處理還是計算機視覺,人工智能都有了顯著的進展。

就視覺設計師而言,我們不得不承認AI通過不斷的算法學習與技術更新,其生成的圖像著實令人驚嘆,但我們也不難發現,當下AI繪圖還是有很多的局限性,比如生成質量不穩定、缺乏抽象能力等。

那么本文也將延續前文《AIGC對設計行業的影響與啟發》、《AI在UX設計流程中的應用大全》,繼續談一談AI在視覺設計工作中的應用。

一、AI繪圖能代替視覺設計師嗎?

在實際使用中我們發現,AI往往對于具象的需求表現得更好,而對于抽象需求表現得較差?!?/p>

比如,AI可能無法穩定地繪制出如下靠左的相機圖標,但可以快而穩定地繪制出右邊的相機圖像,而人工去繪制右邊的相機可能至少需要一天,還不一定有AI的效果好。

因此作為視覺設計師,AI繪圖充當的依舊是協作伙伴的角色,而實際的產出還是依賴于我們本身的設計判斷和審美能力。

但哪怕僅僅只是這點,它能所帶來的改變也是無與倫比的。

以往面對大部分的設計需求,設計師首先需要在網上搜尋大量的參考,進行腦暴、制定情緒版、確定設計風格,然后才能開始設計。期間還要與需求方唇槍舌戰、來回改稿。而現在我們通過輸入指令、圖片和相關信息,AI工具就可以快速生成滿足需求的視覺內容,這可以極大地縮減整體設計的時間。

而這種變革與提效,也正是AI為我們帶來的最大價值。

二、什么AI工具更好用?

當前市面有非常多的AI繪圖軟件可供選擇,典型如Midjourney、Stable diffusion、Dall E等,多是基于大模型通過文生圖、圖生圖的方式得到結果。

其中,Stable diffusion的學習成本和部署難度不太友好,Dall E的能力和可控度都相對較弱,Midjourney算是其中綜合能力較強且上手難度較低的選擇。

下面我們也將以Midjourney為例,來為大家展現AI工具在視覺設計需求中的實際使用。

三、如何在產品視覺設計流程中應用AI?

目前在群核科技的視覺設計團隊內部,AI輔助設計工作已經有一段時間了,從前期需求溝通到設計方向確認、再到設計產出和調整都有對于AI工具的應用。

下面我們將從兩個實際案例出發,來為大家進行AI應用的展示:

1. 案例一、VIP會員日

1)Step1 需求溝通

①使用飛書妙計進行會議記錄,并使用ChatGPT總結需求(示意)

②使用即時AI/UIzard生成頁面框架,并確定需要由AI生成的主畫面內容(示意)???

2) Step2設計方向

①使用Chatgpt輔助構思核心創意。

②書寫中文自然語言,讓ChatGPT翻譯成標準的提示詞。

  • 輸入主畫面描述:畫面的中心是一個圓形平臺,周圍是城市中的高樓大廈,白色背景和白色建筑。
  • 得到英文文案:The center of the picture is a circular platform surrounded by tall buildings in the city, with a white background and white buildings添加風格,材質以及圖像參數設定
  • 風格:藝術3D,pop mart,,c4d
  • 材質:粘土材料
  • 參數:高品質,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

③輸入提示詞,用Midjourney產出相對應的風格圖片

3) Step3設計素材

①基于情緒版提案,輸入初步確定方案的提示詞和相關風格圖片,產出對應圖片素材。

  • 提示詞:
  • 主體:畫面中心是一個圓形平臺,周圍是城市中的高樓大廈。
  • 場景細節:白色背景和白色建筑,金線裝飾著建筑。
  • 風格:藝術3D,pop mart,c4d
  • 材質:粘土材料
  • 參數:高品質,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
  • 墊圖:

②多次調試得到滿意的初稿,挑選合適方向的畫面進行二次調整

③最終選取以下圖片為最終素材

4)Step4設計產出

①將選定素材進行調色處理、局部調整

②根據畫面需要,使用MJ生成裝飾圖形,并在群核星辰素材平臺找到適合主題的IP形象

③合成畫面,加入UI界面元素,整體調整并輸出最終視覺稿

2. 案例二、認證中心探索

1)Step1 需求溝通

①使用飛書妙計進行會議記錄,并使用ChatGPT總結需求???????。

②使用即時AI/UIzard生成頁面框架,并確定需要由AI生成的主畫面內

2)Step2設計方向

①找到合適風格和構圖的靈感圖

3)Step3設計素材

①基于情緒版提案,輸入初步確定方案的提示詞和相關風格圖片,產出對應圖片素材

  • 主體:魔方顆粒
  • 材質:磨砂玻璃白色丙烯酸材料
  • 背景:黑色背景
  • 風格:透明科技感
  • 參數: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
  • 墊圖:同上

②多次調試得到滿意的初稿,挑選合適方向的畫面進行二次調整

4)Step4設計產出

①合成畫面,加入UI界面元素,整體調整并輸出最終視覺稿

四、AI還能為我們帶來什么?

AI工具所能帶來的顛覆性變化毋庸置疑,但我們也發現了一個問題,在設計同學利用AI工具進行業務產出時,大家的設計風格愈加地不統一,包括每個案例間的共性和差異都是盲盒。

所以我們也藉由AI探索小組的契機,去對一段時間內的產出進行了搜集與歸類,并將盲盒拆開,沉淀出了AI指令庫。畢竟業務在設計規范的框架下,設計產物都是指向明確且可被復制的。

而通過AI指令庫,我們可以快速定位到類似案例,并通過指令準確地生成我們想要的產物。

五、總結

以上是我們在視覺設計工作中應用AI的一些探索,雖然AI概念已經從熱轉冷,但整個行業其實仍處于起步階段。未來AI會怎么發展?我覺得大概有三點:

  1. 能力增強:硬件必然會提升,AI也將持續提升技術水平,不僅僅是生圖的快速和準確,還包括增強學習、遷移學習和自適應學習。
  2. 交互升級:不局限于當前文生圖、圖生圖的方式,語音、視頻等自然語言處理技術的發展將使人與AI之間的交互更加多變且順暢。
  3. 門檻降低:隨著行業發展和各方入局,未來的使用門檻必定會進一步降低,包括也會隨著競爭而使其擁有更準確和定制化的服務和產品。

當然,時代一直在轉,不知道什么時候新的變革就會到來,我們裹挾其間,只能不斷改變自己以更加適應時代。

保持熱愛、積極擁抱,謹此獻給仍處一線卻依舊迎難而上的每個我們。

作者:不戳、沙拉,公眾號:群核科技用戶體驗設計

本文由 @群核科技用戶體驗設計 原創發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 Unsplash,基于CCO協議。

該文觀點僅代表作者本人,人人都是產品經理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發揮!