07 · Imagery, Icon & Illustration

影像・圖示・插畫

三個面向共用同一套題材骨架。發包給攝影師、繪師或用 AI 生圖,判準都在這一章。

Three Strands

一套題材骨架
三面向共用

森林、晨曦、露營不是三種風格,是同一段旅程的三個時刻。三個面向各用不同語言複述它們,色彩與情緒才不會走散。

森林

深,是安全感的顏色

樹冠仰視、林間陰影、苔蘚特寫、林徑縱深。moss 的深綠與 cedar 的木質,撐起整套意象最沉靜的底層。逆光是主旋律。

晨曦

光穿葉隙的那一刻

dawn 四階加上 mist 三色,是森林與露營之間的過渡帶。這一股最少單獨成畫,多半以氛圍疊加在另外兩股之上。

露營

回到營地,坐下來

帳篷、營火、樹下家具、暮色返營。cream、cedar、peach 交織出人在自然裡暫居的暖意,也是插畫的主場。

Imagery

光是主角
物是配角,霧是空氣

拍攝題材、光影氛圍、構圖與後製色調的判準。AI 生圖與委外實拍共用同一套驗收標準。

題材選型

每張成品以單一股為主體,至多疊加一股為氛圍,禁止三股同框搶焦。

森林股moss + 部分 cedar
F1
樹冠仰視(林梢交錯、天光縫隙)
F2
林間陰影(光斑落在林地)
F3
苔蘚特寫(石上苔、倒木苔)
F4
林徑縱深(小徑沒入林中)
F5
樹幹樹皮質感(近攝、淺景深)
F6
蕨葉與下層植被(低機位)
F7
林緣望入密林(明暗過渡帶)
F8
雨後葉面水珠(微距、低彩)
晨曦股dawn 4 階 + mist
D1
光穿葉隙(斜射光束)
D2
金光透葉(逆光葉脈)
D3
晨霧繚繞(霧在林間流動)
D4
地平霧線(橫向霧帶)
D5
曙紅粉暈(日出前後天空層次)
D6
霧中樹影(遠樹剪影退淡)
D7
光落霧上(光束打亮霧面)
露營股cream + cedar + peach
C1
帳篷外觀(米白帳、樹下紮營)
C2
營火(暮色火光、木柴質感)
C3
樹下家具(木桌椅、燈串不亮)
C4
暮色返營(人影走向暖光營地)
C5
營地晨景(帳篷在晨霧中、露水)
C6
手沖與杯皿(琺瑯杯、晨光側光)
C7
帳內向外望(帳門取景框)
C8
毛毯與織物(亞麻、羊毛特寫)

人物題材邊界:僅以背影、遠景、局部(手部)出現,不拍正面五官、不建立可辨識的固定人物。品牌主角是空間與光,人物是尺度參照。

光影與構圖
光源方向逆光 50 / 側 30 / 順 20
時段分佈晨光 50 / 午後 30 / 暮 20
構圖選型三分 40 / 破版 30 / 對角 20 / 中心 10
視平線與機位低機位 40 / 平視 40 / 仰視 20

負空間:主體面積上限 20 至 30%,其餘留給霧、光、林地與天空,一張照片一個訊息。 景深:特寫題材用淺景深,景觀題材用深景深。出血邊:滿版出血或有機遮罩,構圖預留四邊 10% 安全裁切帶。

禁正午頂光(11 至 14 時不排拍攝)、禁人工閃燈直打、禁俯拍空拍視角。 明度走對比壓平:暗部下限對齊 cedar-900,不出現大面積死黑;亮部上限對齊 cream-100,禁純白。

後製色調

目標是把實景拉向七家族的低飽和區間,不是套濾鏡風格化。AI 生圖也以此表驗收,超出即重生或後製壓彩。

調校項目標對應家族
white balance晨光 5000 至 5600K、暮色 4300 至 5000K,一律偏暖;禁 ≥ 6500K 冷藍全家族皆暖色相
highlights壓低並染暖米,最亮處收於 #FDF7EC 附近,不留純白cream-100
shadows提亮保細節並偏暖棕;綠蔭暗部偏 #243324、木質與暮色偏 #2A2620moss-800 / cedar-900
色相偏移綠色壓向 H 110 至 124、暖光壓向 H 17 至 33、米色壓向 H 36moss / dawn+peach / cream

HSL 飽和度分區目標(中深階 L 20 至 70% 為準):

綠植 · moss8 至 18%
木質 · cedar12 至 26%
米色 · cream18 至 28%
暖光 · peach / dawn38 至 48% 上限

核對方式:後製完成後以吸管抽測畫面五個代表區域的 HSL 值,任一區超出目標即回調。

實拍素材怎麼分派

意象素材承載氛圍(森林、晨曦、露營),實拍素材承載事實(真實空間、真實手技、真實老師)。兩類不互相替代。

事實類位置服務手技、老師人像、空間實景三類一律用實拍,禁用意象素材或 AI 生圖代替。這些位置對讀者是「這家店實際的樣子」的承諾,用示意圖代替即構成誤導。
一照一位置每張實拍認領一個主要承載位置,其餘出現皆為次要引用。照片與內容的對應一旦浮動,讀者無法從照片建立對內容的記憶。
次要引用同一張照片再次出現時,必須改變裁切區域與顯示尺寸,且不落在兩頁的同一版面位置。原樣重複會讓讀者以為誤觸重複頁面。
素材不足時先保證事實類位置各有專屬照片不共用;敘事輔助位置改用色塊、漸層與留白承載——一個沒有照片的段落,好過一張與內容無關的照片。
Mood Board

五張生圖 prompt
可以直接帶走

下列色塊為情緒配色示意,非實際成品。負面提示全張共用,已附在每個 prompt 末端。

M1 · 光穿葉隙(晨曦)· 16:9
樹冠光束

Soft morning sunbeams filtering through forest canopy, gentle mist between trees, muted sage green and warm gold tones, low saturation, flat soft contrast, large negative space, subject occupies lower third, photorealistic, 35mm film look

委外:日出後 1 小時林間逆光光束,霧天優先,主體壓低於下三分之一

複製 prompt
M2 · 苔蘚林徑(森林)· 4:5
雨後石徑

Quiet forest path with moss-covered stones, deep muted green shadows, morning fog in background, desaturated natural tones, soft diffused light, shallow depth of field foreground, photorealistic, calm and still atmosphere

委外:雨後晨間林徑,苔石前景淺景深,遠景霧化退淡

複製 prompt
M3 · 晨霧營地(露營 × 晨曦)· 16:9
霧中帳篷

Cream canvas tent in a misty forest clearing at dawn, soft warm light on fog, beige and warm grey palette, low contrast, dew on grass, large negative space of mist, photorealistic, serene camping scene

委外:晨霧中的米色帳篷遠景,霧帶佔畫面過半,順光平霧

複製 prompt
M4 · 暮色營火(露營)· 4:5
木桌邊的火光

Small campfire glowing at dusk beside a wooden camp table, warm ember light on dark cedar tones, deep brown and muted orange palette, soft glow not harsh flame, surrounding forest fading into darkness, photorealistic, quiet evening mood

委外:日落後 30 分鐘營火與木質家具,火光為唯一光源,暗部保留細節

複製 prompt
M5 · 樹冠仰視(森林 × 晨曦)· 16:9
交錯天光

Looking up at forest canopy, layered branches with soft morning light seeping through, muted green with hints of warm gold, misty atmosphere, flat gentle contrast, no direct sun disk, photorealistic

委外:仰視樹冠交錯,光縫透金但不入太陽本體,霧天散射光

複製 prompt

驗收判準逐張核對:主體面積 ≤ 30%、無純白純黑區塊、五區 HSL 抽測落於分區目標、無 AI 生成的畸變與塑膠質感、與七家族並排比色不突兀。

Iconography

安靜的
功能標示

以 Lucide 為基底,全套 stroke 1.5px、round cap 與 join。八顆通用直用、八顆品牌客製,通用可辨性與品牌語彙各守其位。

尺寸階

viewBox 24 基準,stroke 屬性值不隨尺寸縮放——SVG 等比縮放後 16px 實視約 1px、32px 實視約 2px,視覺重量自然遞進。

16 icon-xs行內附掛
20 icon-sm表單欄位
24 icon-md預設
32 icon-lg區塊標題
48 icon-xl裝飾意象

禁 1px 以下(16px 端渲染發虛)與 2.5px 以上(粗線帶少兒感,與靜謐調性相斥)。 僅 48px 的品牌裝飾 icon 可升 2px。互動 icon 的可點擊區 ≥ 44 × 44px,glyph 尺寸不變、以 padding 擴充。

品牌客製八顆

24 × 24 viewBox、內容安全區 20 × 20、筆畫群 ≤ 5 組。意象取「輪廓與姿態」不取「寫實細節」。

B1 · 帳篷
B2 · 營火
B3 · 樹冠
B4 · 晨霧
B5 · 苔徑
B6 · 光穿葉隙
B7 · 呼吸
B8 · 肩頸
通用八顆(Lucide 直用)

通用慣例優先,不做品牌化改造。驗收標準是「與客製並排無風格斷層」。

menu
x close
arrow-right
chevron-down
check
calendar
clock
map-pin
四種底色情境

dawn 家族與 mist 一律不承載 icon:過淺、對比不足。

cream 畫布
icon.default
moss 深底
icon.on-dark
cedar 夜底
icon.on-dark
dawn 漸層
不承載 icon
通用與意象的分野

一句話判準:使用者「操作」時看到的是通用 icon,「感受」時看到的是意象 icon。一顆 icon 同時想做兩件事,就拆成兩顆。

維度system icondecorative icon
職責功能標示:導覽、操作、狀態意象承載:服務、段落、情緒
來源Lucide 原檔直用,不改造品牌客製八顆
尺寸16 至 32px32 至 48px
色彩default 與 muted,狀態時用 status 家族decorative 與 accent,深底上用 on-dark
語意通用慣例優先:漢堡選單就是漢堡選單品牌語彙優先:營火、樹冠

成套原則:線寬唯一 1.5px、圓角唯一 round、system 筆畫群 ≤ 3 組、客製 ≤ 5 組。 驗收看整組不看單顆——新 icon 與既有 15 顆以上並排陳列,任何一顆「跳出來」就回修。 意象 icon 不作為互動元件的唯一標示,互動一律配文字標籤。

Illustration

晨霧水彩

數位水彩渲染為主體語彙、抽象多色漸層為背景氣氛。濕邊柔染天然無硬邊界,多色相在水中融合,與霞鶩文楷的柔潤筆意同源。

為什麼是水彩
候選判定理由
水彩渲染✓ 定案主體濕邊柔染天然無硬邊界、多色相在水中融合、與楷書血統同源、與 mist 家族的霧氣光學同構
抽象漸層✓ 併入背景層與連續畫布思維同源,作插畫的背景氣氛層;單獨成畫敘事力不足
有機幾何✗ 淘汰幾何拼貼帶扁平設計血統,邊界清晰與「邊界感減弱」相斥,且易滑向套版感
手繪速寫✗ 淘汰線條語彙與 stroke icon 混淆,速寫的隨性與品牌的靜謐克制相斥

形態規格:無外框線;色塊邊緣羽化 8 至 24px(1024px 畫布基準);不加紙紋顆粒;筆觸方向順光線與風向。

色相調用的面積指引

插畫色彩一律取自七家族既有 hex,不新增色票。單張的色相家族 ≤ 4 個(含 cream 底)。

dawn 4 階 · 光線敘事20 至 40%
moss + cedar · 主體30 至 50%
mist · 氛圍霧氣10 至 30%
peach · accent≤ 5%
cream · 底色與留白其餘

淺底插畫的主綠用 moss-500、線條與深部用 moss-600。peach-600 至 800 的深 accent 不入插畫,插畫的暖點由 peach-300 與 500 承載。

邊界怎麼收

首選 羽化出血
插畫邊緣直接暈染融入畫布底色,無可辨識輪廓線,如霧散入空氣。

次選 有機遮罩
不規則圓角遮罩。單一畫面至多 1 處,同畫面其餘插畫一律走羽化出血。

禁矩形硬邊與圓角矩形容器。插畫要承載文字時必疊霧幕(透明度 0.72 至 0.88)並驗合成對比 ≥ 4.5:1——本站所有淺底卡片就是以此技法承載內文。 複雜度上限:單張主體元素 ≤ 3 個,超過即拆為兩張。

Phase 1 hero mood board · 5 張

對應站內五個承載位。下列為色相配置示意,非實際成品。H1 是三股意象唯一允許同框的插畫,因為它承擔 hero 的總覽職責。

H1 · 首頁 hero · 16:9
晨霧營地全景

帳篷立於林緣、晨光穿林、霧帶橫過畫面(三股同景,晨曦主導)

dawn 4 階 + mist + moss 遠景、cream 底

H2 · 服務類型一 · 4:3
密林深處

樹冠層疊、光斑落地(森林股,對應深層放鬆類服務)

moss 500 至 800 + dawn-gold 光斑

H3 · 服務類型二 · 4:3
光穿葉隙的空地

光穿葉隙的林間空地(晨曦股,對應喚醒舒緩類服務)

dawn-gold 與 blush + mist + moss-400

H4 · 服務類型三 · 4:3
樹下木桌毛毯

樹下的木桌與毛毯(露營股,對應日常保養類服務)

cream + cedar 400 至 700 + peach-300 微光

H5 · 關於我們 · 21:9
暮色返營

人影走向亮著暖光的營地(露營股,暮色時刻)

peach-300 微光 + cedar 深階

Matrix

三股 × 三面向
怎麼對上

同一股意象在三個面向各有不同的表達方式。發包前先確認這一格要的是哪一種語言。

影像
圖示
插畫
森林
樹冠仰視、林間光斑、苔蘚特寫。逆光為主,深綠底層。
B3 樹冠、B5 苔徑。輪廓取姿態不取寫實細節。
moss 500 至 800 主體,dawn-gold 作光斑點綴。
晨曦
光束、金光透葉、晨霧繚繞。少單獨成畫,多作氛圍疊加。
B4 晨霧、B6 光穿葉隙。以線條的流動承載光。
dawn 4 階為光線敘事,面積 20 至 40%。
露營
帳篷、營火、樹下家具、暮色返營。承載最多情緒敘事。
B1 帳篷、B2 營火。品牌語彙最濃的兩顆。
cream 底加 cedar 400 至 700,peach-300 作微光。
Do / Don't

三面向共通的紀律

Do
逆光與側逆光優先,讓光與霧成為畫面主角。主體面積壓在 20 至 30%,負空間留給霧、光、林地——留白是內容不是剩餘。
Don't
禁高飽和陽光燦爛調、禁 HDR 與硬質陰影、禁冷藍白平衡與紫色天空。豔陽是別人的品牌。
Do
後製一律對照分區 HSL 抽測核對。色調與 token 對齊,照片放進版面才不打架。
Don't
禁濾鏡感與風格化色偏(teal & orange、褪色假顆粒)。後製只做拉向七家族的校正,不做風格疊加。
Do
icon 成套驗收看整組不看單顆,新的一顆與既有 15 顆並排任何一顆跳出來就回修。插畫邊界首選羽化出血。
Don't
禁同畫面混用兩種 stroke 值、禁 miter 尖角、禁插畫用矩形硬邊與圓角矩形容器。
Don't
禁畫面內出現「鬆鬆」字樣的重繪或手寫再製——LOGO 資產優先,品牌名只以官方資產合成入版面。 禁三股同框搶焦(hero 插畫為唯一例外)。禁正面五官與可辨識的固定人物。