新工匠 DESIGN OBSERVATION · AING WEEKLY SYSTEM · FINAL
AING DESIGN COUNCIL · MASTER REPORT

週報設計手法觀察報告

三位 20 年顧問(編輯設計/資訊層級/雜誌工藝)· 2026-07-08 · v3 檢討 → v4 框架 → v5 密度 → v6 點綴(19 元件定稿)

v3 的錯誤是把「移植」做成了「壓平」——原版週報最有價值的不是文字,是重點的框架:巨型英文開場、編號段首、數字的視覺重量、色翻的節奏。本報告逐代觀察原版手法,據此定義 v4 元件系列,並已全量重生 39 頁。

v3 失敗判定(顧問共識):163 個 h3 被 render 成同一種灰色小標、Signals 數字沒有重量、英文 display 標題直接消失、雙欄佈局變單欄長流——原版的設計智慧被清洗掉了。v4 的原則:手法保留、皮膚統一——結構語彙是內容的一部分,換裝不換骨。
01 / OBSERVATION

原版手法逐代觀察(視覺證據)

May 0522 原版
Singularity 週刊(2026.02–05,14 篇)①巨型英文 display 開場+色彩副題 ②「01 / TREND WATCH」編號段首+左標右文雙欄 ③THREE SIGNALS 數字卡 ④黑色色翻段 ⑤填色金句卡 ⑥結尾滿版宣言+作者欄
Aug W2 原版
八月人物誌(2025.08,5 篇)①單欄置中沉靜排版 ②具名工匠段(Howard/An)③「願景連結」收束帶 ④「重點一/二」卡——人物與觀點是主角
Sep W38 原版
九月長文誌(2025.09,4 篇)①長文密度+小節細分(h3/h4 ×61)②清單條列 ③實戰數字內嵌——資訊量最大的一代
Mar 0320 原版
Singularity 特別版(45X FASTER)①一頁一敘事弧 ②巨數當標題 ③段落節奏快——證明框架容得下變奏

未截圖三代(SPA 直開 404,已由點擊擷取內容):十–十一月報告誌(三 Phase 結構+英文四行大標)、十二月/一月報導誌(引文密集+blockquote ×9)、NEUX DAY 敘事長文(記者體 p×182)。

02 / MAPPING

手法 → v4 元件對映

原版手法v4 元件設計手法定義
巨型英文 display 開場c-heroFraunces 900 英文 clamp(52–110px) 頂天+中文副題(弧線色)+章節 TOC chips——10 秒抓住本期論點
01 / TREND WATCH 編號段首c-sec巨型段號(Fraunces 平印 64px 淡色)+mono 英文 kicker(弧線色)+中文大 serif 標;≥940px 啟用左標右文雙欄(標題欄 sticky)
SIGNALS 三組數字c-sig雙語段首+數字卡列:數值 Fraunces opsz144 clamp(40–64px)、落定 count-up、卡底 hairline——數字必須有重量
黑色色翻段/編者收束c-ink滿版墨帶:kicker+大標白字+內文——每頁至少一次色翻呼吸
填色金句卡c-quote弧線色 8% tint 底卡+粗 serif 大字+出處 mono——金句是卡片不是引縮排
具名工匠段c-craft名字 mono 徽章浮標+思考球+左右交替緣色——人物永遠可辨識
重點一/二卡c-points雙欄卡對,serif 標+sans 文
條列c-list細線列+弧線色破折
結尾滿版宣言+作者欄c-final滿版墨+巨型宣言+本期 meta 欄(卷期/日期/收錄)——每期有正式的謝幕

節奏引擎(防呆版三規則):c-sec 雙欄與單欄交替c-sig/c-ink 永遠滿版切斷長流;同型模組相鄰自動併組。弧線色溫沿用(覺醒琥珀/工具化藍/品味緋/整合力綠)。

02b / LOW-DENSITY

低密度元件家族(第二輪盤查新增)

第二輪盤查發現:原版短段落(如 Singularity 的 01/03/04 段常僅 1–3 句)套雙欄會留下大片空白。編輯設計的正解不是硬塞,是給空間一個設計目的——密度引擎依內文字數自動選型:

密度情境元件設計手法定義v5 實測用量
極短(<100 字)c-band內容即分隔帶:弧線色 5% tint 橫帶、段號+kicker+標題+單行內文同列橫走——短內容變成有內容的節奏線×28
短(<430 字)c-sec--lite收單欄緊排:段號縮小與 kicker 同行、標題緊隨、內文 40em——砍掉空欄不砍層級×58
短+含關鍵數字c-callout「內容少就放大它」:首句升格為 serif 大字主張——文字自己成為視覺×4
相鄰兩短段c-duo雜誌對頁邏輯:兩短段並置為一排雙面板(備妥待觸發,門檻 260 字×相鄰)引擎就緒
全站頁尾c-related本冊其他期卡列:用有用之物填滿收尾——飽和度與動線一次補齊×39 全頁

效果抽驗:May 0522 的 01/03 段由「右欄空蕩的雙欄」轉為 c-band,04 收 lite,頁尾 related ×3——空間飽和度顯著回升、閱讀動線不中斷。

03c / AVANT-GARDE

五顧問前衛點綴輪(39 頁真實觀察後)

39 頁逐一 Playwright 量測(單調指數=最長連續純段落串+文字/視覺件比)抓出 8 頁長文牆(九月長文誌 run 11、45X run 15、NEUX DAY 敘事 run 7–10)。五位顧問各給一件事並全數實做:

顧問點綴手法與實測
編輯體驗(NYT 級)m-miniaing-break短 label 句升格微標題(弧線色縱線,×49);每 5 連續段落插 Aing 換氣點(呼吸球+髮線,×66)——全站最長 run 由 15 → 5
品牌動態(Pentagram 級)Aing 伴讀球masthead 呼吸球隨閱讀進度加快呼吸,讀畢瞬間「想通」轉綠——readbar 的品牌化身,39 頁全掛
互動工程(Awwwards 級)c-sig count-up數字卡進視窗整數前綴 900ms ease-out 滾動落定;prefers-reduced-motion 豁免
資訊便利(NN/g 級)issuenav+閱讀時間上一期/下一期對開卡(39 頁)+ ← → 鍵盤翻期(實測正確落頁)+ kicker「約 N 分鐘」
字體排印(TDC 級)標題平衡全標題 text-wrap:balance;超長英文 display(>24 字)自動降一級 clamp——四行大標不再爆版

尊重 DNA 的邊界:敘事長文(NEUX DAY/九月)保持長文身份,只給換氣與層級,不硬拆成卡片。

03 / RESULT

v4 已全量上線

39 頁以 v4 renderer 重生(同檔名、接線零斷),共用 assets/aing-weekly.css 單一樣式源。抽驗入口: May 0522(Signals 框架)Aug W2(工匠誌)NEUX DAY(敘事長文)