v3 的錯誤是把「移植」做成了「壓平」——原版週報最有價值的不是文字,是重點的框架:巨型英文開場、編號段首、數字的視覺重量、色翻的節奏。本報告逐代觀察原版手法,據此定義 v4 元件系列,並已全量重生 39 頁。
原版手法逐代觀察(視覺證據)
未截圖三代(SPA 直開 404,已由點擊擷取內容):十–十一月報告誌(三 Phase 結構+英文四行大標)、十二月/一月報導誌(引文密集+blockquote ×9)、NEUX DAY 敘事長文(記者體 p×182)。
手法 → v4 元件對映
| 原版手法 | v4 元件 | 設計手法定義 |
|---|---|---|
| 巨型英文 display 開場 | c-hero | Fraunces 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 永遠滿版切斷長流;同型模組相鄰自動併組。弧線色溫沿用(覺醒琥珀/工具化藍/品味緋/整合力綠)。
低密度元件家族(第二輪盤查新增)
第二輪盤查發現:原版短段落(如 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——空間飽和度顯著回升、閱讀動線不中斷。
五顧問前衛點綴輪(39 頁真實觀察後)
39 頁逐一 Playwright 量測(單調指數=最長連續純段落串+文字/視覺件比)抓出 8 頁長文牆(九月長文誌 run 11、45X run 15、NEUX DAY 敘事 run 7–10)。五位顧問各給一件事並全數實做:
| 顧問 | 點綴 | 手法與實測 |
|---|---|---|
| 編輯體驗(NYT 級) | m-mini+aing-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/九月)保持長文身份,只給換氣與層級,不硬拆成卡片。
v4 已全量上線
39 頁以 v4 renderer 重生(同檔名、接線零斷),共用 assets/aing-weekly.css 單一樣式源。抽驗入口:
May 0522(Signals 框架)/
Aug W2(工匠誌)/
NEUX DAY(敘事長文)。