釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

釘釘工作臺作為組織數字化的入口,不同企業通過工作臺打造屬于自己的門戶,不僅可以幫助員工快速找到各種功能,更能成為打造企業組織文化的重要陣地,是企業品牌形象的一塊亮眼招牌。

推薦閱讀

一、為什么要AI生成應用圖標

在客戶案例中,典型行業大客戶的自定義工作臺體現了企業文化和品牌形象,樣式設計也十分豐富多樣。自定義工作臺首頁的圖標通常會進行重新設計和替換,以更好地契合企業的品牌設計和文化氛圍。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

然而在用戶反饋中,我們發現這樣的聲音:有時客戶企業內沒有設計師無法進行個性化設計,又或者自行設計的效果不理想;有時已經進行了圖標設計和替換,但后續有新增的應用,導致新舊圖標混雜。

隨著 AIGC 的火爆,我們在思考:怎樣借助強大的 AI 工具快速生成符合要求的圖標,讓釘釘上的企業也能通過 AI 輕松實現圖標的個性化定制?

二、生成應用圖標可行么?

最開始我們設想的是用 Prompt 生成所需的圖標,例如“幫我生成一套藍色科技風的圖標”。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

然而實際測試發現,僅使用 Prompt 生成的圖標,其內部圖形缺乏具體語意和規則化的形狀,而且不同圖標之間缺乏很好的風格關聯。在加入了釘釘圖標進行墊圖后,雖然不同圖標之間看起來更相似了,但圖標主體形狀仍然缺乏任何明確的語意。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

第三種嘗試是 Prompt +墊圖+關鍵特征,結果發現雖然和翅膀的語意有所關聯,但僅限于單個圖標的生成,難以實現整套工作臺圖標的批量生成,因為我們無法便捷提取工作臺所有圖標的所有特征。

三、如何優化生成質量

想要實現工作臺上的應用圖標的批量生成和替換,最關鍵的問題就是優化圖標的生成質量,使得隨機不可控的結果變得可控。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

我們意識到,最大的問題是圖標主體形狀的語意問題,AI 難以識別每個應用應該對應什么樣的語意。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

而工作臺的原始圖標,應用和圖標語意都是一一關聯的。對于釘釘工作臺的用戶,更多的是基于當前的應用圖標去做風格顏色的替換。

在這個思路下,我們發現 ControlNet 的邊緣檢測 + LoRA 非常滿足這個場景,在主體形狀保留的同時,可以進行不同風格和顏色的變化。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

至此,我們對生成應用圖標這件事有了可落地的方向和信心。但如果想真正在釘釘上線,我們需要自行訓練不同風格的 LoRA 模型。

四、自訓練模型的步驟

模型的訓練大致有以下五步:確定風格—準備數據集—數據集打標— LoRA 訓練— Prompt 調優。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

首先確定圖標的風格,我們選擇了目前 UI 設計中比較常見的圖標風格:毛玻璃、手繪線條、3D 擬物、漸變、和描邊。

同時考慮整套圖標最好能盡量契合不同企業的品牌主色調,以及釘釘圖標的常用色,我們提供了常見的顏色:紅、橙、黃、綠、藍、紫,以及隨機。共 5 種風格 x 7 種顏色 35 種排列組合。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

接下來,就是準備對應風格的數據集。這一步會直接關系到最終的模型質量。每種風格數據集數量一般 30 張左右,切圖背景完整,盡量貼合實際效果,同時避免特殊紋理。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

在數據集打標上我們通過 Blip 和 Deepbooru 自動打標,再人工調整校正的方式進行。

Blip:長句,經測試描述基本都比較準確;

Deepbooru:詞組標簽,但更適合人物相關內容的識別,識別圖標時會有“1girl(女孩)”“long hair(長發)”“close-up(特寫)”等不太準確的識別。需人工刪除錯誤的標簽。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

在 LoRA 訓練完成后,輸入的 Prompt 不同,生成的結果也會有所差異。因此,我們針對 5 種不同的圖標風格,對應其特點進行了 Prompt 優化。

對于開發同學來說,會將用戶選擇的顏色,映射到對應的顏色字段,輸入到 Prompt 里,從而實現不同顏色的匹配生成。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

五、體驗設計

最后說一下 AI 生成應用圖標的體驗設計,在設計時,我們主要考慮了以下幾點:

1. 怎樣緩解等待焦慮?

考慮到大部分企業的工作臺應用數較多,批量生成所有圖標耗時較久。我們在用戶選擇圖標風格和顏色后,會優先隨機生成 4 個圖標進行快速預覽,用戶對生成效果滿意再進行批量生成。

同時也支持訂閱消息通知,在生成結束時自動通過釘釘通知生成結果。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

2. 如何提升管理員操作的安全感?

由于生成圖標是管理員操作,會生效于整個團隊/組織的。在此過程中,我們支持對生成的結果進行實時效果預覽,做到心中有數。同時每次生成都會有對應的記錄,展示生成時間和操作人。圖標替換后支持恢復任意一次歷史效果或恢復釘釘的默認圖標。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

3. 單圖標生成和調優

在批量生成的基礎上,考慮到生成結果抽卡有一定隨機性,我們在批量生成結果頁也支持單圖標的重新生成和調優,操作更靈活。同時工作臺新安裝的應用,支持直接通過工作臺首頁長按進行 AI 生成。

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

結語

釘釘AIGC實踐!如何用AI一鍵設計工作臺應用圖標?

目前釘釘工作臺 AI 生成應用圖標已經上線,多樣風格,批量生成,一鍵替換,省錢又省心,美觀又專業。AI 助力工作臺輕松煥然一新!

當前僅限創業版 / 專業版 / 專屬版釘釘組織管理員,在釘釘移動端使用。

歡迎大家體驗,并反饋建議。未來我們還將繼續優化模型質量,以及提供更多的圖標風格,敬請期待。

收藏 119
點贊 90

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。