一個人的衣櫥裡，通常不會只有一套西裝。上班穿的正式服、假日窩在家的便服、運動時換上的機能服，各自負責不同場合，沒有人會穿西裝外套去跑步，也沒人會套著運動短褲去開會。
多數人做完一張漂亮的 Logo 檔案，就以為這件事到此結束，其實那頂多是備齊了衣櫥裡的正式服，也就是 Logo 的主版；簡版跟圖標版這兩件便服跟運動服，功課才正要開始。響應式 logo 設計要處理的，正是同一套識別在網站頁首、社群大頭貼、瀏覽器分頁、名片這些完全不同場合裡，該準備幾種版本，彼此又該怎麼分工。版本備不齊，最先出狀況的往往是社群大頭貼跟瀏覽器分頁這類極小版位，Logo 一旦糊掉，品牌辨識度也跟著打折。
先從一張 Logo 檔案為什麼不夠用講起，再一路拆到主版、簡版、圖標版各自該扛下的場合。
一個 Logo，為什麼要準備好幾個版本？
同一個 Logo 檔案，直接塞進網站頁首、換成社群大頭貼、縮成瀏覽器分頁裡的小圖示，或印在店面招牌上，這幾個版位的條件天差地遠。標準字的字級細一點，縮到瀏覽器分頁那麼小，筆畫幾乎全糊在一起；本來留得剛剛好的空白，被硬塞進正方形版位後直接被擠壓變形；主版是橫式比例，遇到接近正方形或直式的版位，兩側不是被裁切，就是留下大片尷尬的空白。
這也是為什麼響應式 logo 設計不是指某個特定的技術名詞，而是一整套依場合分工的版本組合。同一個品牌識別，依照要出現的版位，拆成好幾個各司其職的檔案，而不是只做一張圖，指望它應付所有場合。
實務上還有一個容易被忽略的細節，也就是每一個版本都建議留一份向量格式存底，常見副檔名有 AI、EPS、SVG。向量圖形不像點陣圖由固定像素組成，不管放大或縮小都不會出現鋸齒或模糊，全球資訊網協會（W3C）對 SVG 的定義正是可縮放的向量圖形格式。留一份向量原始檔，之後真的要切出簡版或圖標版，直接從這份原始檔修改即可，不必拿一張已經點陣化的圖硬做，結果只會越改越糊。
主版、簡版、圖標版，各自扛下不同場合
拆解到底，一套完整的響應式 Logo 系統其實只分三個層級：主版、簡版、圖標版。往下走，保留的資訊量會越來越少，辨識度也要越集中在少數幾個視覺重點上，三者不是誰比較好，而是各自負責不同的版位。
| 版本 | 適合版位 | 保留元素 | 拿掉或簡化的元素 | 一句判斷句 |
|---|---|---|---|---|
| 主版 | 網站頁首、名片正面、信紙抬頭、簡報封面 | 圖形加標準字，甚至加上標語 | 幾乎不刪減，資訊量最完整 | 版面夠寬、想把品牌故事講滿就用主版 |
| 簡版 | 社群貼文圖、App 內版頭、包裝側邊 | 圖形加標準字（拿掉標語，或改直式堆疊排列） | 標語，以及部分配色層次 | 版面中等受限、主版塞進去會被擠壓時換簡版 |
| 圖標版 | 瀏覽器分頁、社群大頭貼、App 圖示 | 只留下最具代表性的圖形符號 | 所有文字，包含標準字與標語 | 版位小到接近正方形、容不下文字時才用圖標版 |
這張表也剛好回答了你現在缺哪一版這個問題。先找到品牌實際會出現的版位，對照表格最右邊那欄的判斷句，就知道該補的是哪一層。
主版，資訊最完整卻也最挑空間
主版是整套 Logo 系統裡資訊量最齊全的一版，圖形、標準字，有些品牌還會把標語一起收進來，適合版面夠寬、可以好好把品牌故事講清楚的場合。
元素多，代價就是對空間特別挑剔。一旦被硬塞進比原始設計更小、更窄的版位，最先崩的就是它——標準字的筆畫先糊、標語先讀不出來，因為這一版從來就不是為小尺寸畫的。
簡版，拿掉次要元素照樣認得出來
簡版的重點，在於它不是主版等比例縮小，而是重新安排過的版本。常見做法有兩種：拿掉標語，只留圖形與標準字；或把橫式並排的圖文改成直式堆疊，好塞進方形或直向的版位。
它補的是中間地帶——版面沒寬到擺得下完整主版，卻也還沒小到只剩一個符號可用。在這個地帶把次要元素拿掉，品牌照樣認得出來，就是它存在的理由。
圖標版，只剩一個符號扛起整個品牌
圖標版走到另一個極端，資訊量最少，連標準字都捨去，只靠一個圖形符號扛起整個品牌的辨識度。它能不能成立只看一件事：符號單獨拿出來、不搭任何文字，讀者還認不認得出這是誰——所以動手前得先確認符號本身夠不夠獨立。
除了辨識度，它還有一道實務門檻。Google Search Central 的官方文件建議，網站的瀏覽器分頁圖示維持正方形、大於 48×48 像素，才能在各種介面清楚呈現。換句話說，圖標版不只是要好看，還得撐得過被壓到極小尺寸的場合，才算真正合格。
什麼時候該做簡版，不是把主版直接縮小？
先講清楚，縮小跟簡化其實是兩件不同的事。把主版等比例縮小，圖形跟文字的比例、留白的比例都完全不變，只是整體變小；簡化則是刻意拿掉或調整部分元素，讓版面重新適應新的空間。前者是一個數學動作，後者才是設計判斷。
什麼時候該從縮小換成簡化，有三個訊號可以判斷。第一、標準字的筆劃開始糊在一起，尤其是筆畫較細或字距較窄的字體，縮到一定尺寸以下幾乎必然發生。第二、標語的字級小到讀不出來，這時與其硬留著讀不出來的標語，不如直接拿掉，換成簡版。第三、版位的長寬比例跟主版差太多，例如主版本身是橫式，但要塞進去的版位接近正方形或直式，無論怎麼縮小，兩側都會出現裁切或尷尬的留白。
只要出現這三個訊號的任何一個，代表該做的動作是重新設計一份簡版，而不是把主版檔案硬生生等比例縮小之後直接上場。
圖標版的符號，要從 Logo 裡挑出哪一塊？
圖標版的符號不是憑空另外畫一個新圖案，通常有兩種來源。第一種是主版裡本來就有現成的圖形元素，如果 Logo 本身是圖形加標準字的組合，圖標版多半直接沿用那個圖形，拿掉文字就是了。第二種情況是 Logo 本身只有標準字、沒有獨立圖形，這時圖標版可能改用品牌名稱的字首，或是簡寫來代替一個圖形符號。
挑出符號之後，還有一道實務測試不能省，分別把符號放在深色底跟淺色底上檢查，確認拿掉文字、拿掉背景色之後，這個符號單獨存在依然看得出品牌，而不是只有搭配標準字時才認得出來。
2019 年由設計顧問 Pentagram 操刀的 Mastercard 品牌識別更新，是圖標版走到最徹底的一個例子。他們把品牌名稱的標準字整個拿掉，只留下紅黃雙圓交疊的圖形，當作往後唯一的品牌標記。Mastercard 當時公布的市場調查顯示，超過八成的消費者不需要看到「Mastercard」這幾個字，也能自發認出這個符號，這份調查結果正是他們敢拿掉文字的底氣。對一般品牌來說，不必等到辨識度做到這種程度才動手，但這個案例點出圖標版真正的判準，拿掉所有文字之後，符號本身撐不撐得住，才是重點，不是符號畫得好不好看。
換了場合，顏色版本也該跟著換
主版、簡版、圖標版處理的是留多少內容，顏色版本處理的是另一個完全獨立的維度，也就是在什麼背景底下。兩者可以交叉搭配，例如同一個圖標版，可能同時存在全彩、反白、單色三種顏色版本。
全彩版是最基本的版本，用在一般、淺色背景的標準情境。不過當背景換成深色，像是深色模式的介面，或是深色底的社群版面，全彩版的配色常常會沉進背景裡，這時需要一份反白（或淺色）版本頂上。另外還有一種極簡的使用情境，像是浮水印，或是單色印章式的蓋印，這類場合連多色彩都嫌多，得靠一份單色版本應付。
記住這是兩個獨立的維度就好，版本決定留多少內容，顏色版本決定在什麼背景底下該換哪一版，兩者可以自由組合。做完版本不代表不用管顏色，顧了顏色也不能省掉版本這一層。
你的品牌，實際該備齊到哪一版？
備到哪一版其實沒有標準答案，得看品牌實際會出現在哪些場合，先盤點，再決定，是唯一該遵守的順序。
純網站曝光的品牌，社群帳號經營得少，也沒有太多實體露出，通常主版搭配一份簡版就夠用。網站頁首撐得住主版的完整資訊，少數需要縮小的版位，用簡版就能應付，不必急著做圖標版。
如果品牌有經營社群帳號，需要固定露出大頭貼、限時動態版位，圖標版就從加分項變成必備項。這些版位小到裝不下標準字，沒有圖標版，大頭貼多半只能將就用一張被硬擠進圓形框裡的主版縮圖，看起來模糊又擁擠。
至於有實體門市招牌、名片、信封信紙這類多元露出場合的品牌，三個版本加上對應的顏色版本，最好一次備齊，並且統一交給同一份規範保管。版位一多，臨時現改現找的成本，遠比一次做齊還高。
備齊到哪一版，從來不是版本越多越專業，而是先看清楚場合，再決定要做到哪一層。
衣櫥裡準備好正式服、便服、運動服，不是因為每天都要穿好穿滿，而是場合來了，不必臨時現改現找。響應式 Logo 系統也是同樣的道理：主版、簡版、圖標版備齊，再搭配好對應的顏色版本，下一次不管是要放上招牌，還是要塞進一個小小的瀏覽器分頁，都不用再臨時把主版硬擠進去。
手上的 Logo 只有一個版本，遇到小尺寸就糊掉嗎？龐果的 Logo 設計服務追求的是在不同媒介與尺寸中都維持一致的視覺張力。