黑白線稿一鍵出圖,一句話生成品牌視覺(開源附教程)

作者:有料黑科技
日期:2026年5月6日 上午9:48
來源:WeChat 原文

整理版優先睇

速讀 5 個重點 高亮

黑白線稿品牌視覺一鍵生成:editorial-line-system 技能實測與教學

整理版摘要

呢篇文章係由一位 AI 應用愛好者寫嘅,佢見到一個叫 editorial-line-system 嘅開源 WorkBuddy skill,可以輸入一句話就自動生成黑白線稿品牌視覺。原本嘅 skill 由 huxiang1126 從外國大神復刻返嚟,作者再自己優化,話專業審計有 75 分。佢用 Nike 做實測,生咗 6 張圖,包括主視覺海報、生活方式場景、產品特寫同品牌視覺板,風格統一,零設計基礎都用到。佢想解決嘅問題係:點樣快速生成有雜誌感嘅品牌插圖,而唔使手動畫或排版。整體結論係呢個 skill 好實用,而且提供安裝、調用方法同參數調整。

作者強調,呢個 skill 嘅特色係純黑白線稿、柔和色塊、雜誌排版,禁止 3D 同複雜漸變。佢用 WorkBuddy 內置嘅文生圖模型測試,效果已經唔錯,仲可以換 banana 或 gpt-image-2 模型進一步提升。文章詳細列出 6 張生成圖嘅效果同參數,仲有安裝連結同優化版下載。

最後,作者提供咗可調參數,例如尺寸、色塊、場景,同埋一個提示詞骨架,方便大家自訂。佢話記住「黑白線稿、柔和色塊、雜誌排版、禁止 3D」呢四條,大部分場景夠用。

  • editorial-line-system 係一個 WorkBuddy skill,輸入品牌名或描述即可自動生成黑白線稿品牌視覺,無需設計基礎。
  • 實測以 Nike 為例,生咗 6 張風格統一嘅圖,包括主視覺海報、都市街頭、健身房、產品特寫同品牌視覺板。
  • 技能會自動分類輸入(文本/圖片/品牌名/混合),選擇合適嘅路徑輸出,唔使手寫提示詞。
  • 作者優化咗原版 skill,提供咗更精準嘅參數控制,例如尺寸、色塊、場景,仲有提示詞骨架。
  • 呢個 skill 特別適合快速製作品牌提案、社交媒體內容或設計靈感板,可以顯著提升效率。
值得記低
連結 github.com

原版 Skill(GitHub)

huxiang1126 嘅 original editorial-line-system skill,可以直接安裝喺 WorkBuddy。

連結 pan.quark.cn

作者優化版 Skill(夸克網盤)

作者優化後嘅 skill,下載後放喺 WorkBuddy 技能目錄即可使用。

整理重點

乜嘢係 editorial-line-system?

呢個係一個 WorkBuddy 技能,輸入一段文字、圖片或者品牌名,就可以輸出黑白線稿風格嘅插圖,預設係 PNG 格式。所有人物都係純黑白,臉得兩個點,身體用幾何形狀拼成,場景都係日常嘢,例如通勤、健身、購物。背景偶爾加柔和色塊,奶白、淡黃、淺紫,但角色自己唔上色。排版行雜誌路線,留白大,層級分明。

3D、真實光照、複雜漸變——一律禁止,咁先保持到線稿嘅乾淨簡潔。

技能會自動判斷你輸入嘅內容係文本、圖片、品牌名定混合,然後揀最合適嘅輸出路徑。你只要講低需求就得,唔使自己寫 prompt。

整理重點

實測:用 Nike 生成一套品牌視覺

作者用 Nike 做測試,生咗 6 張圖。以下係用 WorkBuddy 內置模型生成嘅效果,作者話如果換成 banana 或者 gpt-image-2,效果會再好幾個檔次。

  • 主視覺海報(1080×1920):都市街頭晨跑,幾何運動員着 Vaporfly,暖奶白背景,大字「Just Do It」加中文標語「都市街頭·速度科技」,雜誌封面感覺。
  • 都市街頭(1080×1920):年輕人着 Air Max 喺城市漫步,淡黃背景,標語「都市生活·步履不停」。建築用極淺灰線條勾勒,角色保持純黑。
  • 健身房(1080×1920)Metcon 訓練場景,淺紫背景,「健身生活·科技支撐」。器械只用輪廓線條,冇搶角色焦點。
  • 產品特寫(1080×1920)Vaporfly NEXT% 2 純幾何線稿,冇人物,淺橙背景,鞋體結構線條精確。
  • 品牌視覺板(1920×1080):5 面板——角色、場景、色板、字體、產品線,一張圖睇曬成個視覺系統。
  • 品牌視覺板 2(1920×1080):左右分屏,左邊大角色,右邊堆疊產品線、色板同字體樣例。
整理重點

點樣安裝同調用?

  1. 1 安裝方法 A:直接去 GitHub 下載原版 skill(https://github.com/huxiang1126/editorial-line-system)放喺 WorkBuddy 技能目錄。
  2. 2 安裝方法 B:下載作者優化版(https://pan.quark.cn/s/3f34ee9ea826),放喺技能目錄即可。
  3. 3 調用:直接描述需求,例如「把 Nike 做成黑白線稿品牌視覺系統,包含主視覺海報、生活方式場景和產品特寫」,技能會自動觸發。

技能會自動推斷品牌調性、揀場景、配背景色,然後出圖。如果想手動控制,可以調整以下參數。

可調參數包括尺寸、色塊、場景,仲有提示詞骨架(如果想自己寫 prompt 嘅話)。

常用參數選項 text
尺寸:垂直海報 1080×1920,品牌板 1920×1080,方形 1024×1024
色塊:cream / pale yellow / light purple / light orange / muted pink
場景:commuting / gym / shopping / walking / reading / working

提示詞骨架範例Modern editorial illustration for [品牌/主題]. Minimalist black-and-white line art characters, flat geometric style. Scene: [具體場景]. Background: [柔和色塊]. Typography: [標語文字]. Layout: editorial, large negative space. NO 3D, NO realistic lighting, NO glossy effects.

整理重點

記住四條核心規則

如果你用嘅模型唔係內置嗰個,而係 banana 或者 gpt-image-2,效果會靚好多,特別係線條精準度同排版平衡感。作者強烈建議換模型試試。

尋日見到一個黑白線稿一鍵出圖skill,呢個技能叫做 editorial-line-system,workbuddy安裝調用之後,輸入一句「將Nike變成黑白線稿品牌視覺」,6張雜誌級品牌圖就會自動生成——主視覺海報、生活方式場景、產品特寫、品牌視覺板,風格統一,零設計基礎。

圖片

雖然呢個skill嘅基礎嚟自huxiang1126,佢都係由國外大神嗰度復刻過嚟嘅,呢度我又做咗優化,專業評分可以去到75分,已經算相當唔錯。(注:文章入面嘅實測截圖係優化前嘅效果,實際效果會比呢個更好

editorial-line-system:一句說話生成品牌視覺

一個WorkBuddy技能。輸入文字、圖片或者品牌名,就可以輸出黑白線稿插圖,預設生成PNG。

佢畫出嚟嘅人物全部係純黑白,塊面得兩個點,身體係幾何形狀拼出嚟嘅。場景都係日常——通勤、健身、購物、喺街度行。背景間中會加一啲柔和色塊,奶白、淡黃、淺紫,但角色本身唔上色。排版行雜誌路線,留白大,層級分明。3D、真實光照、複雜漸變——禁止。

圖片

技能自動分類你嘅輸入(文字/圖片/品牌名/混合),揀合適嘅輸出路徑。描述需求就得,唔使手寫提示詞。

實測:用AI畫一套Nike品牌視覺

我拎Nike做咗一組測試,生成了6張圖。

注:呢個係worbuddy內置文生圖模型生成嘅效果,如果換成banana或者gpt-image-2,效果會提升N個層次。

圖片

主視覺海報(1080×1920)。呢張我最滿意。都市街頭晨跑,幾何運動員着住Vaporfly,暖奶白背景。「Just Do It」大字 + 「都市街頭·速度科技」中文標語,負空間充足,雜誌封面嗰種感覺。

圖片

都市街頭(1080×1920)。年輕人着住Air Max喺城市漫步,淡黃背景,標語「都市生活·步履不停」。建築用極淺灰線條勾勒,角色保持純黑。

圖片

健身房(1080×1920)。Metcon訓練場景,淺紫背景。「健身生活·科技支撐」。呢張嘅器械處理得唔錯,只用輪廓線條,無搶角色。

圖片

產品特寫(1080×1920)。Vaporfly NEXT% 2純幾何線稿,無人物,淺橙背景。鞋體結構線條精確,產品攝影美學。

圖片

品牌視覺板(1920×1080)。5面板——角色、場景、色板、字體、產品線,一張圖睇曬成個視覺系統。

圖片

品牌視覺板2(1920×1080)。左右分屏,左邊大角色,右邊疊起產品線、色板同字體樣例。

以下係banana實測嘅效果圖:

圖片

6張圖風格統一,生成過程全自動,唔需要調色同手動排版。

WorkBuddy安裝同調用

安裝:A:安裝呢度嘅skill

https://github.com/huxiang1126/editorial-line-system

或者

B:下載我優化咗嘅skill,放喺你嘅WorkBuddy技能目錄就得。

調用:

直接描述需求,技能會自動觸發:

「將Nike變成黑白線稿品牌視覺系統,包含主視覺海報、生活方式場景同產品特寫」

技能會自動推斷品牌調性、揀場景、配色塊、出圖。

圖片

可調參數:

參數
選項
尺寸
垂直海報1080×1920,品牌板1920×1080,方形1024×1024
色塊
cream / pale yellow / light purple / light orange / muted pink
場景
commuting / gym / shopping / walking / reading / working

提示詞骨架(想自己寫嘅話):


Modern editorial illustration for [品牌/主題].
Minimalist black-and-white line art characters, flat geometric style.
Scene: [具體場景]. Background: [柔和色塊].
Typography: [標語文字]. Layout: editorial, large negative space.
NO 3D, NO realistic lighting, NO glossy effects.

黑白線稿、柔和色塊、雜誌排版、禁止3D——記住呢四條,大部分場景夠用。

最後

附上我優化好嘅skill

https://pan.quark.cn/s/3f34ee9ea826


圖片

昨天看到一個黑白線稿一鍵出圖skill,這個技能叫 editorial-line-system,workbuddy安裝調用後,輸入一句"把 Nike 做成黑白線稿品牌視覺",6 張雜誌級品牌圖自動生成——主視覺海報、生活方式場景、產品特寫、品牌視覺板,風格統一,零設計基礎。

圖片

雖然,這個skill的基礎來自huxiang1126,它也是從國外大神那裏復刻過來的,這裏我又進行了優化,專業審計可以達到75分,已經相當不錯了。(注:文章中實測截圖是優化前的效果,實際效果要比這個更好

editorial-line-system:一句話生成品牌視覺

一個 WorkBuddy 技能。輸入文本、圖片或品牌名,就能輸出黑白線稿插圖,默認生成 PNG。

它畫出來的人物全是純黑白的,臉就兩個點,身體是幾何形狀拼出來的。場景都是日常——通勤、健身、購物、在街上走。背景偶爾加一點柔和色塊,奶白、淡黃、淺紫,但角色本身不上色。排版走雜誌路線,留白大,層級分明。3D、真實光照、複雜漸變——禁止。

圖片

技能自動分類你的輸入(文本/圖片/品牌名/混合),選合適的輸出路徑。描述需求就行,不用手寫提示詞。

實測:用AI畫一套 Nike品牌視覺

我拿 Nike 做了一組測試,生成了 6 張圖。

注:這是worbuddy內置文生圖模型生成的效果,如果換成banana或者gpt-image-2,效果會提升N個檔次。

圖片

主視覺海報(1080×1920)。這張我最滿意。都市街頭晨跑,幾何運動員穿着 Vaporfly,暖奶白背景。"Just Do It" 大字 + "都市街頭·速度科技"中文標語,負空間充足,雜誌封面那種感覺。

圖片

都市街頭(1080×1920)。年輕人穿 Air Max 在城市漫步,淡黃背景,標語"都市生活·步履不停"。建築用極淺灰線條勾勒,角色保持純黑。

圖片

健身房(1080×1920)。Metcon 訓練場景,淺紫背景。"健身生活·科技支撐"。這張的器械處理得不錯,只用輪廓線條,沒搶角色。

圖片

產品特寫(1080×1920)。Vaporfly NEXT% 2 純幾何線稿,無人物,淺橙背景。鞋體結構線條精確,產品攝影美學。

圖片

品牌視覺板(1920×1080)。5 面板——角色、場景、色板、字體、產品線,一張圖看完整個視覺系統。

圖片

品牌視覺板 2(1920×1080)。左右分屏,左側大角色,右側堆疊產品線、色板和字體樣例。

以下是banana實測的效果圖:

圖片

6 張圖風格統一,生成過程全自動,不需要調色和手動排版。

WorkBuddy安裝與調用

安裝:A:安裝這裏的skill

https://github.com/huxiang1126/editorial-line-system

或者

B:下載我優化後的skill,存放到你 WorkBuddy 技能目錄即可。

調用:

直接描述需求,技能自動觸發:

"把 Nike 做成黑白線稿品牌視覺系統,包含主視覺海報、生活方式場景和產品特寫"

技能會自動推斷品牌調性、選場景、配色塊、出圖。

圖片

可調參數:

參數
選項
尺寸
垂直海報 1080×1920,品牌板 1920×1080,方形 1024×1024
色塊
cream / pale yellow / light purple / light orange / muted pink
場景
commuting / gym / shopping / walking / reading / working

提示詞骨架(想自己寫的話):


Modern editorial illustration for [品牌/主題].
Minimalist black-and-white line art characters, flat geometric style.
Scene: [具體場景]. Background: [柔和色塊].
Typography: [標語文字]. Layout: editorial, large negative space.
NO 3D, NO realistic lighting, NO glossy effects.

黑白線稿、柔和色塊、雜誌排版、禁止 3D——記住這四條,大部分場景夠用。

最後

附上我優化好的skill

https://pan.quark.cn/s/3f34ee9ea826


圖片