在 Axios，他們追求的是「優雅效率」（elegant efficiency）——

設計每張圖時只執著一件事：最乾淨、最銳利、最賞心悅目的呈現方式是什麼？

視覺的兩大原則#

「建立階層、以讀者為先——應該指導你的設計，就像指導你的寫作」

——Axios 視覺主理人 Sarah Grillo

1. 階層（Hierarchy）#

階層是藝術設計的基礎概念——透過尺寸、顏色、對比指引觀看者的眼睛。

跟 Smart Brevity 的寫作階層是同一回事——例如本書每章的開場：一句話引入想法 + 某種「Why it matters」支撐。

判準：

• 好的階層常被忽略（讀者順暢吸收）
• 壞的階層引來不必要的注意

2. 讀者至上#

所有視覺都要從讀者的角度檢驗：

• 概念對新讀者也說得通嗎？
• 所有元素清楚可辨嗎？
• 版面充分傳達內容嗎？

一張強的插圖——也許連標題與文章都不需要就能傳達概念。

公式#

Smart Brevity 視覺三步驟：

1. 從強概念開始
2. 編輯掉多餘元素
3. 永遠從觀看者角度評斷

案例：德州大象#

Axios 一篇報導《Texas Republicans Admit There’s a Problem》——關於六位德州共和黨眾議員退休——構想：一隻大象揮舞小小的德州州旗，象徵舉旗投降。

第一版的問題#

• 大象身體龐大，州旗被比例壓縮成事後想起的東西
• 視覺階層上讀者第一眼看到的是大象的頭——旗子被忽略
• 旗子相對太小，部分讀者根本看不見

為什麼第二版有效#

• 放大元素 + 裁掉大象身體大部分——成功翻轉
• 元素間取得平衡，階層更強
• 多餘的元素就是「大象的身體」
• 大量留白也比第一版更平衡

同樣的邏輯也應用在 Axios 的手機版頁面與電子報條目（他們稱為「screen」）——花了好幾個月雕琢每一個像素，避免塞滿、頭暈的版面。

Sarah 的五個小技巧#

➊ 用視覺與文字抓人#

PowerPoint 簡報、學校作業——一樣適用。

➋ 直接——藝術、設計、語言#

➌ 建立階層引導觀眾#

確保最重要的視覺線索抓住讀者的眼。

➍ 提供脈絡#

可以是顏色、深度或視覺場景。

➎ 尊重觀眾#

抽象、雜亂、混淆——是敵人。