常常有品牌商拿著一個剛設計好的 logo 來問我：「林克威，我這個 logo 好看嗎？我們要正式上電商了。」我通常會反問一句：那你的商品主圖是什麼色調？momo 的活動 banner 誰在做？蝦皮賣場的頭圖跟你官網長得一樣嗎？包裝上的字體跟你 logo 上的一致嗎？多數人被問到第三個問題就答不出來了。因為他們以為做品牌識別就是做一個 logo，做完就結束了。實際上 logo 只是整套 VI 視覺識別系統裡最小的一塊，真正決定「消費者記不記得你、信不信任你」的，是那一整套視覺語言在每一個接觸點上有沒有守住一致。
我做電商代營運和品牌代理這些年，看過太多品牌卡在同一個地方：產品力不差、廣告也有投，但消費者就是記不住。你去問他們的顧客「你買的那個牌子長什麼樣子」，講不出來。這不是產品的問題，是視覺識別散掉了——官網一個調性、社群一個調性、上架到 momo 又被平台的活動框套成第四種樣子。這篇我想把電商品牌的 VI 系統從頭講清楚：它到底包含哪些東西、為什麼一致性直接影響信任和轉換、電商該先做的最小集是什麼、跨通路怎麼守、品牌規範手冊要放什麼，最後給中小品牌一套有限預算也做得起來的務實做法。
VI 不只是 logo，而是一整套視覺語言
先把觀念校正過來。VI（Visual Identity，視覺識別）指的是品牌對外所有視覺表現的總和，logo 只是其中的一個元件。一套完整的電商 VI 系統，至少包含六個層面。
第一是色彩系統。不是「我的品牌色是藍色」這麼粗，而是主色、輔助色、強調色各是什麼、色票的 HEX 值和 CMYK 值分別是多少、什麼情境用哪個色、背景與文字的對比怎麼配。色彩是消費者記憶一個品牌最快的線索，通常比 logo 形狀還快。
第二是字體系統。品牌用的中文字體、英文字體、數字字體各是哪一套，標題用什麼、內文用什麼、價格數字用什麼。字體的個性其實承載了品牌調性，同樣一句文案，用圓體跟用明體給人的感覺完全是兩個品牌。
第三是圖像風格。你的商品去背圖是純白底還是情境底？插畫風格是扁平還是擬真？有沒有固定的圖形元素、線條、色塊語言？這決定了消費者滑到你的貼文時，能不能不看名字就認出是你。
第四是版型系統。商品主圖的資訊怎麼排、banner 的構圖邏輯、社群貼文的模板、EDM 的版面骨架。版型是最容易被忽略卻最影響「看起來專不專業」的一塊。
第五是包裝設計。從外箱、內襯、緩衝材到卡片、貼紙的視覺處理。電商時代包裝是唯一的實體接觸點，開箱那一刻的視覺，決定了顧客要不要拍照、要不要回購。這一塊我在開箱體驗與包裝設計那篇有更完整的拆解。
第六是攝影調性。商品照的打光、色溫、背景、道具、構圖，模特兒的選角與情緒。攝影調性是很多品牌完全沒管的一塊，結果同一個賣場裡二十張商品照像二十個攝影師各拍各的，整體看起來就很雜、很廉價。
這六塊加起來，才是 VI。它是一種視覺上的語言，讓你不管在哪個接觸點出現，消費者都感覺得到「這是同一個人在講話」。
為什麼視覺一致性直接影響信任與轉換
有人會覺得，這些是不是太細了，消費者真的會在意嗎？我的經驗是：消費者不會「意識到」你的 VI 有多一致，但他們會「感覺到」你可不可信。這兩件事的差別很重要。
視覺一致性影響信任，走的是一條很底層的心理路徑。當一個品牌在官網、社群、商品頁、包裝上呈現出高度一致的視覺，消費者潛意識收到的訊號是「這家公司有在認真經營、有系統、有規模」。反過來，如果每個接觸點都長得不一樣，訊號就變成「這家是不是很隨便、會不會是雜牌、會不會收了錢不出貨」。尤其在電商這種看不到實體店、摸不到人的環境裡，視覺幾乎是消費者唯一能拿來判斷「這家可不可靠」的線索。這跟品牌定位與品牌故事是一體兩面——定位講的是你「是誰」，VI 是讓人「一眼認出你是誰」的外顯。
一致性也直接影響轉換。這裡有一個很實際的機制：消費者的購買決策通常不是一次完成的，他可能先在社群看到你的貼文、幾天後在 Google 搜到你的官網、又過幾天在 momo 看到你的商品。如果這三次接觸的視覺是一致的，這三次曝光就會在他腦中疊加成同一個品牌印象，累積成信任，第四次他就下單了。但如果這三次看起來像三個不同的品牌，那前面三次曝光的預算全都白花，每一次都得從零建立認知。同樣的廣告費，VI 一致的品牌是複利，VI 散掉的品牌是每次歸零。
還有一個常被忽略的點：一致的 VI 會降低消費者的「認知成本」。當版型、色彩、資訊排列都有固定邏輯，消費者第二次逛你的賣場時，眼睛知道去哪裡找價格、去哪裡找規格、去哪裡找優惠，逛起來順、決策快，轉換自然比較好。反之每個商品頁排版都不一樣，消費者每看一個都得重新適應，摩擦一多就流失了。
電商品牌最該先做的 VI 最小集
我知道講完六大層面，很多中小品牌會覺得「這也太多了，我哪有預算一次做完」。所以這裡要講重點：VI 不必一次到位，但有一個「最小集」是上電商前一定要先定下來的，不然後面每一步都會反覆重工。
最小集我通常會這樣排優先序。
第一優先是主色與輔助色。先把品牌的主色定下來，連 HEX 值都要寫死，同時定一到兩個輔助色和一個強調色（通常是給促銷、CTA 按鈕用的）。色彩是投報率最高的一塊，成本低、辨識度貢獻最大，一定先做。
第二優先是標準字與字體。logo 的標準字（品牌名稱怎麼呈現）先定，再選定一套中文標題字體、一套內文字體。字體選開源可商用的就好，不必一開始就買昂貴授權，重點是「選定並固定下來」。
第三優先是商品主圖規範。這是電商的命脈。主圖的底色（純白還是品牌色情境）、去背與否、logo 浮水印位置、資訊標籤的樣式與擺放，先定一個模板，之後所有商品照都套這個模板。這一塊做好，你的賣場列表頁一整排看起來就整齊、專業。
第四優先是社群貼文模板。至少定兩到三種版型：純商品款、促銷款、知識/內容款。定了模板，之後小編或外包每天出圖都有骨架可套，不會每天長不一樣。
這四塊做完，你就有一套能撐住電商日常營運的 VI 最小集了。包裝、完整攝影指南、動態視覺這些，可以等營收起來、品牌站穩了再逐步補。順序千萬別倒過來——我看過品牌花大錢先做華麗的品牌形象影片，結果商品主圖還是自己用手機隨便拍，本末倒置。
跨通路視覺一致的真正挑戰
VI 在單一官網上要守一致其實不難，難的是跨通路。台灣電商品牌的現實是：你不會只待在官網，你會同時上 momo、上蝦皮、經營 Instagram 和 Facebook、跑 LINE、可能還有實體通路的專櫃或快閃。每一個通路都有自己的版位規格、平台框架、活動樣式，這才是 VI 一致性真正的戰場。
先講平台的限制。momo 有它自己的活動主視覺框架，大檔期一到，你的商品會被套進平台統一的紅色促銷框裡，你的品牌色瞬間被吃掉。蝦皮的賣場頭圖、商品標籤、直播框也都是平台說了算。這意味著你不可能在每個平台都 100% 還原官網的視覺，你能做的是守住「品牌辨識的核心元素」——主色、標準字、商品主圖風格——在平台允許的範圍內盡量貫穿。這跟電商品牌重塑改版時要處理的通路一致問題是同一類挑戰，改版時尤其容易顧此失彼。
第二個挑戰是規格差異。同一張主視覺，官網是寬版橫幅，IG 是方形，IG 限動是直式九比十六，momo banner 又是另一個比例。很多品牌的做法是「一張圖硬塞到每個版位」，結果不是被裁掉重點就是留白一大塊。正確做法是在版型系統裡就先規劃好「同一個視覺的不同比例衍生版」，主體、logo、文案在各比例下怎麼重新排，這個要在 VI 規範裡先定義好。
第三個挑戰是人。跨通路一致最大的破口往往不是設計，是「誰在做」。官網是設計外包做的、社群是小編做的、momo 活動圖是行銷助理趕的、包裝是工廠附的印刷廠做的——四組人、四種審美、沒有共同的規範，出來的東西自然四種樣子。這就帶到下一段：品牌規範手冊為什麼是跨通路一致的關鍵。
品牌規範手冊該有什麼
品牌規範手冊（Brand Guidelines）是把 VI 從「設計師腦袋裡的默契」變成「任何人都能照著執行的規則」的那份文件。沒有它，你的 VI 就只活在最初那個設計師身上，一換人就散。我幫品牌建 VI 時，一定會逼著把規範手冊寫出來，哪怕只是一份十幾頁的簡版。
一份夠用的電商品牌規範手冊，通常要包含這幾塊：
logo 使用規範。標準版、橫式、直式、單色版、反白版各是什麼，最小尺寸多少、周圍留白多少、可以放在哪些底色上，還有更重要的——「不可以怎麼用」（不可變形、不可換色、不可加陰影、不可放在雜亂背景上）。錯誤示範這一頁往往比正確示範還有用。
色彩規範。主色、輔助色、強調色的 HEX、RGB、CMYK 值全部列出來，加上使用比例（例如主色佔七成、輔助兩成、強調一成）和搭配情境。
字體規範。中英文字體各是哪套、標題內文價格分別用哪個字重與字級、行距字距怎麼設。
版型與範例。商品主圖模板、banner 構圖網格、社群貼文範本、EDM 骨架，最好直接附上可套用的樣板檔。
攝影與圖像調性。商品照的打光、色溫、背景、後製色調範例，讓不同攝影師拍出來也能對得起來。
包裝規範。如果已經有包裝，把材質、印刷色、字體、擺放邏輯也寫進去。
實務上我建議中小品牌先做一份「精簡版」就好——logo、色彩、字體、商品主圖模板、社群模板，五塊，十幾二十頁，能發給任何外包和小編照著做，就達到目的了。厚厚一本一百頁的品牌聖經，等品牌真的長大再說。手冊的價值不在厚，在於「有沒有人真的照著執行」。
常見的 VI 錯誤
講幾個我最常看到、也最傷品牌的錯誤，你對照一下自己有沒有中。
最常見的第一個：每檔活動換一種風格。很多品牌的行銷是活動導向的，母親節做一套粉色浪漫風、618 做一套電商紅激情風、週年慶又做一套金色奢華風，每一檔的主視覺都很用力、很好看，但湊在一起看就是四個不同的品牌。消費者一年被你「重新介紹」四次，一次都記不住。正確的做法是活動可以有主題，但品牌的核心視覺元素——主色、標準字、圖像語言——要一路貫穿，活動只是換「配菜」，「主食」不能換。
第二個：外包各做各的。前面提過，官網、社群、平台活動、包裝分給不同人做，沒有規範手冊當共同語言，結果就是各憑審美。這個問題的解法不是把所有東西收回自己做，而是把規範手冊建起來，讓每一個外包都在同一套規則下發揮。
第三個：跟風換臉。看到別的品牌換了個很潮的視覺，或某個設計趨勢紅了，就手癢把自己的 VI 也改掉。VI 的價值來自「時間的累積」，你在消費者腦中好不容易建立的辨識，一換就歸零。除非有清楚的策略理由（例如品牌定位真的變了），否則 VI 要能忍住、守得住，比常常換更重要。
第四個：只做視覺、不管落地。花大錢請設計公司做了一套漂亮的 VI 提案，PDF 收下，然後日常營運還是回到老樣子——因為沒有把 VI 拆成小編和外包每天做得到的模板和規則。VI 不是一份提案，是一套要每天被執行的作業系統。
一個匿名實務案例
分享一個實際的例子，細節匿名。我曾接手一個做居家生活用品的品牌，產品設計其實很有品味、質感也好，但線上完全賣不動。我第一次打開他們的各通路一看就懂問題在哪：官網走的是清新木質調、Instagram 是滿版高彩度的促銷貼圖、momo 商品頁被平台紅框套住加上一堆花花綠綠的優惠標、蝦皮的商品照是工廠拍的白底硬照。四個通路，四個品牌，完全對不起來。消費者在社群看到覺得是 A 牌，點到官網以為進錯家，這種割裂讓他們的廣告投報率一直上不去。
我們沒有重做 logo，logo 本身沒問題。我們做的是把 VI 系統補起來：先定死主色和一個輔助色，選定一套中文字體，然後最關鍵的——重做商品主圖模板，統一底色、統一標籤樣式、統一 logo 位置，把所有通路的商品照全部按新模板重拍或重製。接著做了三種社群貼文模板，讓小編每天套。最後寫了一份大約二十頁的精簡規範手冊，發給所有外包和內部行銷。
這個過程大概花了兩個多月。做完之後最直接的變化是，賣場列表頁一整排看起來整齊專業了，消費者停留和點擊都有改善；跨通路的廣告因為視覺一致，開始出現「多次曝光疊加」的效果，投報率在接下來一季有明顯回升。我要強調這不是靠 VI 一件事就翻盤，而是 VI 一致之後，原本每次歸零的行銷預算開始能累積，其他營運動作的效果才跟著被放大。VI 不會直接幫你賺錢，但它會讓你花出去的每一分行銷費更有效率。這也是為什麼我常說，品牌命名、定位、VI 要一起想——你可以先看看品牌命名策略那篇，命名和視覺其實是同一個辨識工程的兩端。
中小品牌用有限預算建立可延展 VI 的務實做法
最後給預算有限的中小品牌一套實際做得起來的路徑，不用一次砸大錢。
第一步，先定最小集。就是前面講的主色輔色、字體、商品主圖模板、社群模板這四塊。這一步找一個靠譜的接案設計師就能做，成本相對可控，但一定要把「規範」也一起交付，不是只交幾張圖。
第二步，選可延展的元素，不要選會綁死你的。色彩選好記好搭的、字體選開源可商用的、圖像風格選你自己每天做得到的（例如你沒有攝影棚，就別把 VI 定成一定要專業棚拍的風格，改成手機也能穩定拍出來的情境風格）。VI 要能被你自己的日常量產能力執行，否則定得再美都會走樣。
第三步，把規範手冊做成「活的」。用一個共用雲端資料夾，放色票、字體檔、可直接套用的模板檔、正確與錯誤示範。任何外包和小編進來，打開資料夾就能照做。這比一份精美但躺在信箱裡的 PDF 有用一百倍。
第四步，先守住再升級。前半年重點是「守一致」，不要手癢改。等品牌站穩、營收起來，再逐步補上包裝、完整攝影指南、動態視覺這些進階項目。VI 是可以分期投資的，關鍵是每一期都在同一條主軸上疊加，不推倒重來。
第五步，把 VI 納入日常檢查。每個月抽看一次各通路——官網、momo、蝦皮、社群——是不是還守在規範上，有沒有哪個接觸點又跑掉了。一致性是「維護」出來的，不是「做完」就結束的。想更了解我怎麼協助品牌從定位、命名到視覺一路整合，可以看關於林克威和品牌代營運服務。
常見問題 FAQ
Q：VI 和 logo 到底差在哪？我已經有 logo 了還需要做 VI 嗎？
logo 是 VI 裡的一個元件，VI 是包含色彩、字體、圖像風格、版型、包裝、攝影在內的一整套視覺語言。有 logo 不等於有 VI。實際上你有 logo 但沒有色彩規範、沒有商品主圖模板、沒有社群版型，那你的品牌在各通路還是會長得不一樣。logo 決定「你的招牌」，VI 決定「你整家店的樣子」，兩者差很多。
Q：預算真的很有限，VI 最少要先做哪些才夠上電商？
先做四塊最小集：主色與輔助色（連 HEX 值定死）、中英文標題與內文字體、商品主圖模板、社群貼文模板。這四塊投報率最高、成本相對可控，而且是電商日常營運天天用得到的。包裝、完整攝影指南、動態視覺這些可以等營收起來再補。順序別倒過來，先把每天在用的商品主圖和賣場視覺弄整齊，比先做華麗的形象影片重要太多。
Q：上了 momo、蝦皮這些平台，視覺一直被平台框架吃掉，怎麼守一致？
你不可能在平台上 100% 還原官網視覺，這要先接受。能守的是「品牌辨識的核心元素」：主色、標準字、商品主圖風格。平台的促銷框、活動樣式改不了，但你的商品照、賣場頭圖、能自訂的區塊要盡量貫穿品牌視覺。重點是抓大放小——守住消費者一眼認得出你的那幾個元素，其他平台限制的部分就順著平台走。
Q：品牌規範手冊一定要做嗎？做起來會不會很貴很厚？
一定要做，但不必厚也不必貴。中小品牌做一份精簡版就好：logo 使用規範、色彩規範、字體規範、商品主圖模板、社群模板，十幾二十頁，能發給外包和小編照著執行就達到目的。手冊的價值不在厚度，在於「有沒有人真的照著做」。一本一百頁沒人翻的品牌聖經，遠不如一份二十頁天天被套用的模板集。
Q：每檔促銷活動都想換不同的視覺風格衝話題，這樣不行嗎？
活動可以有主題、有變化，但品牌的核心視覺元素——主色、標準字、圖像語言——要一路貫穿。你可以把活動想成「換配菜」，但「主食」不能換。每檔活動都換整套風格，等於一年重新介紹自己好幾次，消費者一次都記不住，前面累積的辨識全歸零。有策略地在固定主軸上做季節或檔期變化，才能既有新鮮感又持續累積品牌資產。
Q：VI 做好之後，多久該檢視或更新一次？會不會過時？
VI 的價值來自時間累積，所以原則是「守得住比常常換更重要」，別因為看到新趨勢就手癢改。日常要做的是「維護一致」——每個月抽查各通路有沒有跑掉。至於大改版，通常是品牌定位真的變了、或視覺明顯過時到影響信任時才動，而且要有清楚的策略理由。真的要改版時，跨通路的一致性最容易顧此失彼，這部分建議參考電商品牌重塑改版的完整做法再動手。
結論
VI 視覺識別系統不是設計部門的裝飾工程，它是電商品牌被記住、被信任的底層基礎建設。logo 只是最小的一塊，真正決定成敗的是色彩、字體、圖像、版型、包裝、攝影這一整套視覺語言，能不能在官網、momo、蝦皮、社群、實體每一個接觸點上守住一致。一致性直接影響信任與轉換——它讓你每一次曝光都是複利，而不是每次歸零。對中小品牌來說，不必一次做滿，先定最小集、選可延展的元素、把規範手冊做成活的、先守住再升級，用有限的預算一樣能建起一套能長大的 VI。記住，VI 不是做完就結束的提案，是一套要每天被執行、每個月被檢查的作業系統。
林克威長期協助國際品牌與台灣品牌進行電商代營運、品牌代理與通路拓展，累積超過十年實務經驗，服務涵蓋 Momo、PChome、蝦皮、LINE 禮物、品牌官網及實體零售通路。若您希望了解品牌進入台灣市場或電商成長策略，歡迎與我們聯繫。
