鐵線蕨標本主視覺
Specimen
iHealth 健康文章插圖與資訊編輯
Category
Information Design / Editorial / SEO Content
Location
Taipei, Taiwan
Collection Date
2018 - 2019
Collector
Daco
Role
Visual Design / Editorial Structure / Content Marketing

30 秒看懂這個專案

這些作品的共同任務,是把抽象、專業或資訊量龐大的內容,轉化成容易理解與記憶的視覺語言。我依據受眾、品牌調性與傳播情境,運用插畫、資訊編排、角色與視覺系統,讓內容在保留核心意義的同時更具親近感。這也是我在設計中最重視的能力:讓人看懂,並願意繼續看。

專案類型
品牌視覺/內容設計
我的角色
視覺策略、插畫、圖文整合
核心能力
資訊轉譯、敘事設計、品牌一致性

我如何把複雜事情講清楚

如果說「iHealth 健康報報 SEO 策略案例」談的是我如何理解 SEO 背後真正的問題,這個案例談的就是:我如何把複雜資訊整理成一般人願意看、看得懂,也找得到的內容。

在 iHealth 期間,我不只參與文章主題與內容方向,也實際負責大量健康文章的視覺插圖與編輯整理。面對糖尿病、膽固醇、高血壓這類高競爭關鍵字,我們不是把資訊堆得更滿,而是把它拆得更清楚。

那時候的工作方法很一致:先理解搜尋者真正卡住的是哪一段,再決定哪些資訊應該寫成段落、哪些應該變成圖、哪些應該被重排成更容易掃讀的節奏。圖像不是裝飾,而是把理解成本往下降的工具。

結果也證明這條路是有效的。糖尿病、高血壓、膽固醇等核心主題,都曾經在 Google 自然排序來到前兩名。對我來說,那不是單純的 SEO 成績,而是內容、設計與資訊組織共同發揮作用的結果。

圖1這些插圖不是另外加上去的視覺包裝,而是文章結構的一部分。我的目標是讓讀者在長文裡也能快速抓到重點。

糖尿病是其中最典型的一組案例。這類主題同時牽涉病因、類型、症狀、風險與生理機制,如果只用一串文字講完,讀者很容易在還沒理解之前就先失去方向。

所以我會先把資訊分層。像「胰島素怎麼作用」與「胰島素阻抗是什麼」屬於機制層;「三多一少」屬於辨識層;「四種類型」與「風險族群」則屬於分類層。當資訊先被整理好,圖像才能真正幫助理解,而不是只把文字換成插圖。

圖2糖尿病這組圖把抽象機制、症狀辨識與分類知識拆開處理,讓讀者可以一段一段建立理解,而不是一次吞下全部資訊。

膽固醇文章的挑戰不太一樣。問題通常不是資訊太少,而是大眾對「好膽固醇」與「壞膽固醇」的理解很模糊。這種時候就不能只是增加篇幅,而要先重新定義比較方式。

我會把讀者最常混淆的概念放在同一張圖裡對照,利用形狀、方向、色彩和群組關係建立差異。這其實是在做視覺階層與 chunking:把複雜知識切成幾個容易被腦袋暫存的小單位。

圖3膽固醇主題不是把專業名詞講更多,而是先讓人看懂它們彼此的關係,降低名詞造成的理解摩擦。

高血壓則更偏向行動資訊的整理。讀者想知道的不只是原理,還包括「誰要注意」、「我現在可以做什麼」。因此版面節奏就要從概念說明,轉成風險辨識與預防行動的排列。

這時候我會特別在意掃讀路徑。長文讀者常常不是逐字讀完,而是先找跟自己最相關的段落。所以圖像與標題要能形成清楚的入口,讓人快速找到自己在乎的部分,再往下讀更完整的文字。

圖4高血壓案例的重點是把「高風險族群」與「預防方式」變成很容易掃讀的資訊入口,讓長文依然保有可讀性。

除了這三組核心文章,我也持續把同樣的方法用在其他健康主題上。尿色、喝水量、鹽分攝取、維生素 D、藥品丟棄、ADHD 類型等題目,看起來彼此差異很大,但背後其實都是同一個任務:找出讀者最難理解的地方,然後把它變成可辨識、可比較、可記住的素材。

我也不是只把圖做得「清楚」而已。有些圖我會刻意加入比較有記憶點、甚至帶點玩味的風格,因為有趣的圖像更容易被記住,也更容易被分享出去,而分享本身就是 SEO 以外的另一條擴散路徑。像古畫感、復古遊戲卡匣感這種不那麼標準的說明圖,其實都是為了讓知識內容多一個被轉傳的理由。

圖5不同主題有不同語氣與圖像策略,但都遵循同一個原則:先整理資訊,再決定怎麼表達。

這種能力不只出現在健康內容,也出現在 logo 設計裡。因為 logo 本來就是一種極端濃縮的資訊設計: 你要在非常少的元素裡,留下足夠清楚的辨識、情緒和概念。

圖6三個 logo 都在做同一件事:把複雜的品牌印象壓縮成最少但最有辨識力的形狀。

Phyto 是智慧盆栽品牌,所以我把「向上生長」當成主要動勢,讓字體主幹同時像植物莖節往上延伸;上方的眼睛則加入陪伴感與擬人特質,讓原本偏科技的產品,多了一點親近與互動的印象。這是在符號層把功能、個性與品牌溫度壓進同一個結構裡。

壽司店的 logo 則走另一種方法。因為鮭魚壽司本身就有極高的辨識度,所以我直接取用最典型的視覺原型,把魚肉紋理簡化成幾道水平條紋,再配上穩定、留白感足夠的字體。這是在利用原型理論與圖地關係: 讓人幾乎不用解碼,就能立即聯想到品項與店的氣質。

Perro 則結合了狗的輪廓與對話泡泡的印象。對話泡泡不是裝飾,而是把「寵物美容也是社交場域」這件事放進符號裡,讓品牌不只是在說 grooming,也在說陪伴、互動與認識新朋友。整體線條保持圓潤,是為了讓形象更友善、更容易被喜歡。

我做資訊設計時,最在意的不是資料有沒有放進去,而是人能不能順著它理解下去。

如果一件事很複雜,我不會急著把它說得更多,而是先把它整理成更好的順序。

不管是文章、插圖、版面,還是 logo,本質上都一樣:把關係梳理清楚,讓訊息自然進到人的腦中。

從六個問題,認識我處理產品、系統、內容與成長的方式。