Illustration Style Guide

插畫風格指南

The Pass 的插畫不是在描述新聞,而是在詮釋新聞帶來的感受。每張圖都在替讀者問一個問題。

01 風格定義

一句話:利落線條 × Risograph 印刷感 × 有態度的人物。

The Pass 的插畫是編輯評論的延伸——不是在「描述」新聞裡發生了什麼事,而是在「詮釋」這則新聞帶來的感受。每張圖都在替讀者問一個問題。

風格定位

街頭藝術 meets 編輯插畫
人物有態度、有個性,不討好但讓人記住
Risograph 印刷的平面色彩與半色調質感
不是水彩、不是油畫、不是數位平塗
確認的插畫風格方向:利落線條、平面色塊、有態度的人物
確認的方向:利落線條 + 平面色塊 + 有態度的人物

02 線條規則

粗細:自信、果斷的黑色線條,像簽字筆或刷子一筆畫出
質感:不是完美的向量線,但也不是水彩暈染。介於手繪和印刷之間
禁止:毛茸茸的邊緣、模糊的線條、過度平滑的數位線條

線條比較

✓ 利落的墨水線條

果斷、有粗細變化、像手繪。線條帶著速度感和自信,彷彿一筆成形。粗細的變化來自手的力道,不是軟體的設定。

✕ 水彩風格

太軟、太暈、缺乏態度。線條的邊緣像被水泡過,沒有果斷感。整體看起來溫柔有餘,力量不足。

✕ 純數位向量

太乾淨、太完美、沒有個性。線條均勻到像是從模板裡拉出來的,看不出任何人的手感。


03 色彩系統

主要印刷色(Risograph 疊色)

Teal
#2B8C8C
科技、監控、數位
Burnt Orange
#D4713D
溫暖、人味、食物
Ochre / Gold
#C49B2A
品牌色呼應
Cream / Beige
#FAF8F3
背景色,留白要多

應用方式

色彩以平面色塊出現,不做漸層
可以有半色調網點(halftone dots)質感
色塊之間的疊印效果是特色,不是錯誤
背景永遠是 cream/beige (#FAF8F3),留白要多

色彩可以變化:不同主題可以調整主色調,但永遠保持 Risograph 的平面印刷感。


04 人物設計

最高原則:有態度,但看不出國籍。

✓ 可以看出來的
  • 性別(男/女)
  • 年齡(年輕/年長)
  • 職業(廚師帽、圍裙、白袍、農夫帽)
  • 情緒和態度(透過姿勢和簡單表情)

五官規則

眼睛:窄窄的、微瞇的,可以表達厭世、懷疑、不以為然
嘴巴:一條簡單的線,微微向下或平直
鼻子:極簡或省略
整體:人物的個性靠姿勢和配件表達,不靠臉

態度感

人物不害怕 AI,但他們也不覺得 AI 很厲害。他們的表情永遠帶著一點「嗯......你確定嗎?」的微妙懷疑。這是 The Pass 的人物簽名。

風格定位

不可愛,不寫實,而是在兩者之間——有足夠的細節讓你感受到態度,但不多到讓你注意到種族。厭世但有個性,帶著一點街頭感和獨立刊物的氣質。

現代感優先

人物的穿著、髮型、配件都要是當代的。廚師穿的是現代廚師服,不是古代的。農夫戴的是棒球帽,不是斗笠。整體氣質要像獨立雜誌或街頭潮牌的插畫,不是傳統文化繪本。絕對不要中國風、水墨風、東方古典風。


05 構圖原則

核心原則:人才是主角

The Pass 的插畫不是在展示 AI 有多強大,而是在講人的故事。AI 是背景、是氛圍、是一個「你會注意到的暗示」——但畫面的主角永遠是人。

AI 不需要畫得很大才有壓迫感。有時候它在角落、輕描淡寫地存在,反而更有力量——因為它不需要很大,就已經在那裡了。

構圖語言

人是視覺重心 — 佔據畫面主要位置,AI 是陪襯或背景
AI 元素可大可小 — 大小不代表權力,表達方式可以是諷刺、暗喻、留白
人物的姿態和視線方向在說故事 — 抱胸、低頭、斜眼看,都是觀點
背景極簡,留白要多 — 讓主體呼吸,讓讀者有想像空間
畫面要能帶出諷刺、哲理或暗喻 — 不是新聞配圖,是視覺評論

構圖在說故事

構圖本身就是一種觀點表達。不是在描述新聞,而是用空間關係傳達 The Pass 想問的那個問題:

廚師 vs 監視之眼
廚師 vs 監視之眼 — AI 在上方看著人
受測者 vs 科學家
受測者 vs 科學家 — 人被研究
拉麵師傅 vs AI 螢幕
拉麵師傅 vs AI 螢幕 — 人看著機器
農夫 vs 機器手臂
農夫 vs 機器手臂 — 人與機器並排

06 禁止事項

不要放文字
除非是經過設計的字體排版,否則畫面上不出現任何文字
不要水彩或油畫感
線條要利落,不要暈染
不要可愛風
不要 kawaii、不要卡通、不要圓滾滾
不要寫實
不要攝影風、不要 3D 渲染
不要企業感
不要 stock illustration、不要 corporate flat design
不要特定種族特徵
人物不能看出是哪國人
不要太完美
略帶粗糙和不完美是這個風格的特色,不是缺陷
不要太多細節
背景要素、留白要多
不要中國風 / 東方古典風
不要水墨、不要書法筆觸、不要傳統紋樣。整體要現代、當代、國際感

被拒絕的風格範例

被拒絕的水彩風格
太水彩、太像手繪畫
被拒絕的平淡風格
太平淡、缺乏態度和特色

07 使用規範

基本規格

項目規範
每期配圖數量2 張 — 對應兩篇長文(Mise 的今日觀察)
快訊不配圖
比例16:9(橫幅)
頁面位置標題下方、文章內容上方

AI 生成的 Prompt 模板

注意:出菜框和桌鈴要寫進 prompt 裡,跟圖一起生成。不要用 CSS 後加。框是插畫的一部分,應該有跟插畫一樣的 Risograph 質感和手繪感。

Prompt TemplateEditorial illustration with crisp ink lines on cream paper. [場景描述 — 人物在做什麼、AI 元素是什麼]. The character has [情緒 — skeptical/annoyed/thoughtful] expression, minimal face with narrow squinting eyes and simple line mouth. Bold confident black outlines, NOT watercolor. Colors are flat and graphic — [主色描述] applied as solid risograph-style overlapping shapes with visible halftone dots. Background is flat cream/beige with subtle ink splatters and print marks. Street art meets editorial print style. FRAMING: The entire illustration is contained within a subtle hand-drawn rectangular border — like a kitchen pass/service window. The border has the same risograph print texture as the illustration. In the bottom-left corner, a small dome-shaped service bell (the kind you press on a counter) sits as a tiny signature mark, drawn in the same ink line style as the rest of the illustration. Scene-appropriate text (like signs, labels on objects) is OK. NO captions, titles, or explanatory text outside the scene.

Negative Prompt 模板

Negative Promptwatercolor, painterly, soft edges, blurry, pastel, gradient, realistic, photography, 3D, anime, cute, caption text, title text, typography, oil painting, corporate illustration, Chinese ink painting, oriental, traditional Asian art, calligraphy brush, digital frame, clean geometric border, CSS-style border

08 品牌固定元素 — 出菜框與桌鈴

The Pass 的名字來自廚房的「出菜口」。每張插畫都是從出菜口端出來的一道資訊。

出菜框(The Pass Frame)

每張插畫外圍都有一個明確可見的邊框。這個框是 The Pass 最重要的視覺簽名——讀者看到框就知道是 The Pass 的插畫。

抽象化:框的設計是抽象的,不是一個具象的廚房窗口。讀者會覺得「這個框蠻特別的」,但不會第一時間聯想到廚房。只有知道 The Pass 概念的人才會會心一笑。
明確存在:框要讓人清楚看到,不是若有似無的留白。它是一個有存在感的設計元素。
不搶戲:框不能干擾插畫本身。它是畫面的外圍結構,不是主角。
可以變化:框的線條粗細、顏色、圓角可以隨主題微調。例如食安議題可以帶一點紅色張力,節慶特別期可以多一點裝飾。但基本形態不變。

桌鈴(Service Bell)

每張插畫的角落都有一個小小的出菜桌鈴(dome-shaped service bell)。這是 The Pass 的標記——「叮!你的資訊好了。」

風格一致:桌鈴的畫法要跟插畫風格一致——線條利落、復古印刷感。它是一個標誌性的符號,不是寫實的物件。
小而存在:桌鈴是一個「你注意到就會微笑」的細節,不是畫面的主角。大小約佔畫面的 3-5%。
可以有微變化:也許某一期桌鈴被畫得歪歪的,某一期旁邊多了一隻手正要去按它。微妙的變化讓讀者每期都會多看一眼角落。
可以變成 icon / favicon:桌鈴本身可以獨立抽出來,作為 The Pass 的品牌 icon。

固定的 vs 可變的

永遠不變(品牌記憶)可以變化(保持新鮮)
每張插畫都有框框的線條粗細、顏色、圓角
每張插畫都有桌鈴桌鈴的畫法、角度、位置微調
框 + 鈴的位置關係配合主題的氣氛做細微變化

09 動態插畫 — 讓靜態圖動起來

不是每篇都需要動態。有動態的那篇,自動成為本期主打。

產製流程

步驟工具說明
1. 靜態插圖Nanobanana(Google Imagen)依照本指南風格詞生成 risograph 風格插圖
2. 加上標題手動排版在插圖上配置該篇文章的標題文字
3. 標題轉譯手動 / AI 輔助將讀者視角的標題轉為畫面描述(見下方規則)
4. 生成動態Google Flow(Veo)將靜態圖 + 轉譯後的 prompt 輸入,生成動態影片

標題轉譯規則

文章標題是寫給讀者的(常用「你」),但 AI 影片生成工具需要的是畫面描述。直接用標題當 prompt,AI 不知道「你」是誰,生成結果會出錯。

把「你」換成具體人物:用圖中實際出現的角色描述(「一位廚師」「圖中的女性受試者」「一位客人」)
把抽象概念換成可見動作:「被看了」→「攝影機亮起紅燈」;「知道你想喝什麼」→「螢幕跳出一杯拿鐵」
保持場景一致:轉譯後的描述必須跟靜態插圖中的人物、場景、物件一致
文章標題(給讀者看)動態 Prompt(給 AI 看)
你的大腦覺得植物肉很好吃,但你的腦波說不是坐在椅子上的女孩,大腦覺得肉好香,但她的腦波說⋯⋯
廚師一走進去就被「看」了廚師推開廚房的門,覺得有什麼東西正在看著他
走進首爾這間咖啡廳,店員已經知道你今天想喝什麼一位客人剛走進咖啡廳,咖啡已經做好了等著他,但他覺得怪怪的

使用策略

項目靜態插圖動態影片
數量每期 2 張(每篇長文各一)每期 0-1 支(最有故事性的那篇)
位置文章開頭文章中段(場景描寫之後)
Email 版直接嵌入用靜態圖 + 「▶ 觀看動態版」連結導回網頁

影片規格

格式:H.264 MP4,1280×720 或 1920×1080
長度:5-10 秒,設定為 loop 循環播放
檔案大小:控制在 5MB 以內(網頁載入速度)
播放設定:autoplay loop muted playsinline
音效:允許背景音效(SFX)和環境音(ambient sounds)。禁止任何人聲,包含配音、旁白和對白。

風格一致性

動態影片的視覺風格必須與靜態插圖完全一致——因為它本身就是從同一張靜態圖生成的。確認以下幾點:

色彩不變:動態化過程中不能出現原圖沒有的顏色
線條風格不變:不能從 risograph 變成 3D 渲染或寫實風格
動態要克制:微動即可(人物輕輕轉頭、蒸氣升起、光線變化),不要劇烈動作
出菜框和桌鈴保留:動態化後仍要看得到品牌元素

10 視覺變化策略 — 統一但不重複

風格是文法,色調和構圖是詞彙。文法固定,但每篇文章用不同的詞彙,讀者就不會覺得在讀同一句話。

不能變的(品牌記憶)

Risograph 印刷質感 + halftone 點
線條的利落感(不能變塗鴉或水彩)
桌鈴永遠在
出菜框永遠在
不用純黑,不用寫實風格

色調 — 跟著編輯走

每位編輯的文章有自己的色彩傾向,讓讀者從色調就能感覺到「這是誰寫的」。三色都在品牌的 teal + orange + cream 體系裡,只是比例不同。

編輯主色調感覺
Mise(長文)偏暖 — orange / amber 為主溫暖、人的故事
Passe(快訊)偏冷 — teal / 灰藍為主俐落、事實
Fumet(提問)偏土 — sage green / 大地色沉靜、哲學

構圖 — 跟著主題走

主題類型構圖方式
人物故事特寫,人物佔畫面 60%+
科技 / 系統俯瞰、鳥瞰圖、圖表感
文化 / 哲學大量留白,人物很小,空間很大
對比 / 衝突畫面分割,左右對照

出菜框 — 跟著議題情緒走

情緒框的變化
中性報導標準框、均勻線條
有張力的議題框線略粗、帶一點紅色調
溫暖的故事框角更圓、線條更柔
諷刺 / 荒謬框歪歪的、不完美

每期插圖配置

區塊插圖尺寸色調
今日觀察(Mise 長文 01)大圖 × 1全寬視主題而定(暖或冷)
今日觀察(Mise 長文 02)大圖 × 1全寬與第一張形成對比
本期快訊(Passe)選用 — spot illustration × 0-1小尺寸(寬度 40-60%),橫式 3:2偏冷(teal / 灰藍)
留一個問題(Fumet)

Passe 快訊 Spot Illustration 規格

數量:每期 1 張,放在「本期快訊」區塊標題下方
尺寸:比長文插圖小,寬度約佔版面 40-60%,居中或偏左
內容:不描述單一則快訊,而是抓本期快訊的整體氛圍(例如「速度」「數字」「機器」)
色調:以 teal / 灰藍為主,與 Mise 長文的暖色調形成對比
風格:比長文插圖更簡潔——更少細節、更多留白、更像一個「符號」而非場景
出菜框:可以用簡化版的框(更細的線、更小的桌鈴),跟長文大圖的框有區隔