一杯咖啡外帶紙杯上的品牌標誌、手機點餐畫面裡的按鈕排列，還有店內排隊動線旁那支寫著「請往這裡走」的指標，這三件東西，可能出自同一位設計師之手，也可能分別交給三個背景完全不同的人負責。哪一件算「平面設計」？哪一件只能被稱為「視覺設計」？同樣掛著「設計」兩個字，名字卻不一樣，問題出在哪裡？
這個謎題背後，藏著一個很多人搞混很久的觀念。視覺設計是什麼，常被直接畫上等號成平面設計，或者被當成兩個各自獨立、互不相干的領域，好像做網頁的是一國、印名片的是另一國。實際上兩者不是平行關係，也沒有誰比較高級，而是「大範疇」和「其中一塊」的關係，平面設計是視覺設計底下的一部分，不是它的對照組。
先把這個框架立好，再回頭看那杯紙杯、那支手機、那面指標，答案會清楚很多。
視覺設計是什麼？
視覺設計（Visual Design）講的是，透過圖像、色彩、字體、排版、留白，甚至動態效果等所有看得到的視覺元素，把一個想法、一個品牌或一項功能清楚地傳達給使用者，同時讓對方看得懂、感受得到、操作起來也順手。換句話說，視覺設計要處理的從來不只是「畫面好不好看」，而是「這個畫面有沒有把該傳達的東西傳達出去」。
一個常見的誤解，是把視覺設計簡化成傳統認知裡的「美工」，覺得找了視覺設計師，產出的就只是幫忙把東西弄漂亮而已。美感確實是視覺設計會用到的手段，卻不是目的，一個排版精美卻讓使用者找不到按鈕在哪的介面，或是一份配色時髦卻讓人看不懂重點的簡報，都稱不上是成功的視覺設計。國際設計教育平台 AND Academy 對這個領域的定義相當直白，視覺設計就是用視覺元素去溝通某個想法、訊息或資訊，定義裡的關鍵字是「溝通」，不是「裝飾」。
也因為目的是溝通，視覺設計必須同時兼顧美感與功能性。好看只是加分，能不能讓人一眼看懂、順手操作，才是及格線。
平面設計是視覺設計的其中一塊，不是它的反義詞
定義釐清之後，下一個常讓人卡住的問題，是視覺設計跟平面設計算不算同一件事。很多人以為兩者是平行、甚至互相排斥的專業，做網站的一國、印名片的一國，兩邊河水不犯井水。這個認知該修正了。平面設計（Graphic Design）專注的是靜態、二維的平面媒介，不管是印出來的紙本，還是排在螢幕上的一張固定圖像，處理的都是「畫面一旦定案就不會再變」的東西；視覺設計則是更上位的概念，除了包含平面設計原本管的這些，還延伸到平面設計管不到的動態、互動，甚至立體場域。
「Graphic design」這個詞其實有明確的身世。根據設計接案平台 Toptal 的整理，這個詞最早出現在美國設計師 William Addison Dwiggins 1922 年一篇談印刷業新設計思維的文章裡，一開始指的就是印刷出版品的設計工作，像書籍、雜誌、報紙、DM、型錄這些。這也是為什麼平面設計師的訓練背景，常常帶著很強的「印刷」思維，版面尺寸固定、規格明確，東西印出來就定案，不能再改。
Toptal 也指出，視覺設計要處理的專案範圍常常比這大得多，不只是單一一件作品，而是要幫一整個品牌或產品建立一套完整的視覺語言，涵蓋的是整個組織在做設計決策時共用的那套邏輯，不侷限在單一產出物上。兩者思考的重點也不一樣，平面設計更在意「這一份訊息有沒有被清楚傳達出去」，一張海報看得懂、一份型錄排版舒服就算及格；視覺設計更在意「整個使用體驗、整套視覺語言有沒有一致」，同一個品牌不管出現在網站、App 還是實體招牌，都要讓人看得出來是同一家。國際線上設計教育機構 UX Design Institute 也點出類似的分界，視覺設計聚焦在數位資產上，這點正好跟傳統上以印刷為主的平面設計區隔開來。
平面設計是視覺設計的其中一塊，不是它的反義詞，差別在於處理的媒介範圍，不在誰的技術含量比較高。
視覺設計涵蓋多廣？三個平面設計沒有涵蓋的場域
只說「視覺設計範圍比較廣」還是太抽象。具體攤開來看，至少有三個場域是平面設計本身管不到、卻確實屬於視覺設計工作範圍的：數位介面、品牌識別，以及空間與環境。這三塊各自跟平面設計都有交集，畢竟都在處理排版、色彩、層級這些基本功，但各自都多了一層平面設計原本不太需要面對的變數，互動、系統化，或者立體空間。拆開來看，會更清楚「原來這些也算視覺設計」。
數位介面：App 和網站的操作畫面
色彩、排版、字體這些平面設計的基本功，數位介面設計一個都不能少，但多了兩件平面設計不太需要處理的事，互動，以及跨螢幕尺寸的調整。平面設計習慣「固定尺寸思維」，一張海報、一份 DM，規格談定、印出來就定案；數位介面卻沒有這種奢侈。
這個差異其實很具體，做平面設計時，通常會拿到很明確的規格，像是海報或橫幅的固定尺寸；但做視覺設計、UI 這塊，重點卻是彈性與可調整性，設計一個視覺元素時，不能只想它在某個螢幕尺寸上長怎樣，還得同時想像它在所有其他可能的尺寸和裝置上該怎麼跟著調整。同一個點餐畫面，得在手機、平板、電腦上都一樣好用，這是數位介面設計要多扛的一層責任。
品牌識別：跨通路要保持一致的視覺語言
同一個品牌的 Logo，出現在官網、社群貼文、包裝、實體招牌上，如果顏色和字體各自不一樣，消費者對這個品牌的印象就會被打散，這正是品牌識別設計要處理的事，顧的是 Logo、色彩、字體怎麼在每一個接觸點上都維持一致。這已經超出平面設計「做好單一一件作品」的範圍，而是一整套要被反覆套用、任何人拿去用都不會走樣的視覺系統。
這種一致性有多重要，看幾個全球知名品牌就懂。提到 Nike 的勾勾標誌、紅底黃色的「M」字，或是常出現在深綠色背景上的那個圖案，幾乎不用看到品牌名稱，就能立刻認出是哪一家，這正是視覺設計要追求的效果，讓品牌在任何地方出現，都能被一眼認出來。要做到這種程度的一致，靠的不是單張作品做得多漂亮，而是一整套規則被不斷重複套用的結果。
空間與環境：從指標系統到展場動線
視覺設計還會延伸到實體空間，像商場、展覽會場、公共空間裡的指標與導視系統。這塊工作把平面上的排版邏輯，層級、對比、留白，搬進三維空間裡，用來引導人流、標示方向，哪個字該最大、哪個顏色該最搶眼、指標之間該留多少距離才不會讓人眼花，背後用的判斷邏輯跟排一張海報其實相通。
這是平面設計完全碰不到的場域，也是最容易被忽略、卻確實存在的視覺設計工作，走進機場找登機門、逛展場找攤位，一路上看到的方向指引，幾乎都是這類設計的成果。
海報、App、指標系統，靠同一套原則運作
把前面三個場域攤開來看，會發現一件事，不管是一張海報、一個 App 畫面，還是一支指標，背後其實共用同一套底層原則。這也呼應了開頭那個謎題，紙杯、點餐畫面、店內指標看起來屬於三種不同專業，但設計師腦子裡在判斷「這樣排對不對、這個顏色夠不夠跳、留白夠不夠」的邏輯，其實是同一套。這也是為什麼熟悉視覺設計的人，通常比較容易跨媒介工作；只熟悉平面設計的人，要跨進數位介面或空間設計，得重新學一部分東西。
這套共通原則，至少包含以下四個：
- 視覺層級（Hierarchy）：重要的東西要先被看到。不管是海報上的主標題、App 裡的主要按鈕，還是指標上最大的那個方向字，都是靠字級大小、位置、色彩對比，讓眼睛先落在最該注意的地方。
- 對比（Contrast）：靠色彩、大小或形狀的差異，讓重點跳出來，同時也提升可讀性。深色背景配亮色文字、大按鈕配小說明文字，都是對比在起作用。
- 一致性與重複（Repetition）：同一套視覺語言要在不同地方重複出現，才會被記住。同一個品牌色、同一種字體、同一種排版邏輯，出現得夠多次，才會累積出辨識度。
- 留白（Space）：留白不是空著沒用，而是讓畫面有呼吸感、幫助使用者聚焦。塞太滿的畫面會讓人不知道該先看哪裡，適度留白反而讓重點更明顯。
這四項只是其中一部分，國際設計教育機構在整理視覺設計原則時，通常還會加上平衡、對齊、比例、動態這些項目，但層級、對比、重複、留白，是跨媒介出現頻率最高，也最容易在海報、App、指標系統裡同時觀察到的四個。
分清楚視覺設計和平面設計，對你有什麼幫助？
原理雖然相通，但「視覺設計」和「平面設計」這兩個詞，還是不能隨便換著用。搞懂「視覺設計是大傘、平面設計是傘下其中一塊」，對非設計背景的人來說，最實際的幫助是能更精準地描述自己要的東西是什麼。舉例來說，同樣是要委託設計，「需要一張固定尺寸的海報」跟「需要一整套跨網站、App、實體空間都保持一致的視覺語言」，是兩件規模完全不同的任務，前者是平面設計範疇裡的單一產出物，後者則牽涉到整套視覺識別系統的規劃。用詞精準，對方才能一次聽懂要的是哪一種規模的工作，少走一輪來回確認的冤枉路。
這也呼應設計社群平台 Dribbble 對兩者職責的整理，平面設計聚焦在視覺溝通本身，視覺設計聚焦的則是整體使用體驗，前者處理的是「這則訊息傳達清楚了沒」，後者處理的是「這一整套體驗順不順」。範圍不同，不代表誰比較厲害，只是任務的顆粒度不一樣。
平面設計和視覺設計的差別，不是誰比較高級，而是任務範圍不同，一個管的是單一畫面，一個管的是整套語言怎麼在各種場合都說得通。
回到一開始那杯咖啡的紙杯、手機裡的點餐畫面，還有店內牆上的那支指標。真正該問的問題，從來不是「哪個設計比較厲害」，而是「這件作品的媒介邊界畫在哪裡」，它是被印出來就定案的固定畫面，還是得在互動、跨裝置，甚至立體空間裡持續變化的一套語言。
下次再聽到「視覺設計」這個詞，先想它涵蓋的範圍有多大，而不是急著套用平面設計的框架去理解它。