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

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

推薦閱讀

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

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

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

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

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

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

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

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

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

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

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

三、如何優(yōu)化生成質(zhì)量

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

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

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

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

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

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

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

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

四、自訓練模型的步驟

模型的訓練大致有以下五步:確定風格—準備數(shù)據(jù)集—數(shù)據(jù)集打標— LoRA 訓練— Prompt 調(diào)優(yōu)。

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

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

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

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

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

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

在數(shù)據(jù)集打標上我們通過 Blip 和 Deepbooru 自動打標,再人工調(diào)整校正的方式進行。

Blip:長句,經(jīng)測試描述基本都比較準確;

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

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

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

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

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

五、體驗設計

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

1. 怎樣緩解等待焦慮?

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

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

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

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

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

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

3. 單圖標生成和調(diào)優(yōu)

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

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

結語

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

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

當前僅限創(chuàng)業(yè)版 / 專業(yè)版 / 專屬版釘釘組織管理員,在釘釘移動端使用。

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

收藏 119
點贊 90

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