網頁設計作品看再多也選不出來？教你從三個地方看懂一個案例的好壞

你大概已經滑了幾十個網頁設計作品集，Behance、Pinterest、設計公司的案例頁，每個都好看，但你心裡那個問題還是沒解決：所以我到底要哪一種？我遇過很多人卡在這一步，收藏夾裡塞了二十幾個連結，最後只能跟廠商說「我想要那種簡潔的感覺」，然後拿到一個自己也說不上哪裡不對的網站。

問題不在你眼光不好，而在於網頁設計作品被展示出來的方式，本來就只會呈現最好看的那一面：一張筆電模擬圖、一段滑動動畫、一組配色。這些東西可以讓你判斷「我喜不喜歡」，但沒辦法讓你判斷「這個做法有沒有效」。我自己在看案例的時候，視覺是最後才看的，前面有三個地方要先看完。

第一個地方：首頁前三個畫面在講誰的事

打開一個案例，先不要滑到底，就停在最上面，把手機或視窗當成一個真實訪客，問自己三個問題：這個網站是給誰看的？它幫這個人解決什麼問題？我現在該做什麼？

如果前三個畫面（大概就是拇指滑兩下的距離）你都答不出來，那這個作品的視覺再強，也只是一張很貴的海報。我看過非常多「設計得很好但賣不動」的網站，共同點都是首頁在講自己：我們成立於某年、我們堅持職人精神、我們提供全方位服務。這些話對客戶來說是空的。

反過來，好的案例你會看到一種很明確的順序感：先講你的狀況，再講怎麼解，然後才講他是誰、為什麼可信。這個順序不是設計問題，是訊息問題，而它決定了網站有沒有用。所以看案例的時候，把它的文字抄下來排成清單，比看配色有價值得多。

第二個地方：從第一眼到聯絡我，路要走幾步

這是我最在意的部分，也是「動線」這兩個字的來源。一個網站漂亮不漂亮是感受，但訪客能不能順順地走到你希望他去的地方，是可以被檢查的。

看案例時你可以這樣跑一遍：

1. 從首頁最上面開始，只往下滑，不要用選單，看你會不會自然遇到一個明確的下一步（預約、下載、加入名單、看方案）。
2. 算一下從進站到「可以留下聯絡資料」總共要幾次點擊。次數越多，斷點越多。
3. 看服務頁的結尾有沒有出口。很多網站的服務介紹寫得很完整，讀完卻直接接到頁尾，訪客的熱度就在那裡蒸發掉了。
4. 看它有沒有為「還不想聯絡」的人留一條路。不是每個人第一次來就會下單，中間需要一個門檻比較低的選項。

常見的誤解是「加上聯絡按鈕就有動線」。實際上動線是有前後順序的：讀者在看完哪一段之後，才會願意按那顆按鈕？如果他還沒理解你在做什麼，按鈕放再多都沒用。這也是為什麼我不太建議直接照抄別人的版型——版型可以抄，但對方的說服順序是為他的客群設計的，不一定是你的。

第三個地方：這個網站做完之後，誰能繼續動它

這一點在作品集裡幾乎不會被提到，但它是後續最痛的地方。你在案例頁看到的是交付那一天的樣子，看不到半年後的樣子。

我會用幾個角度去推測：

• 它有沒有可以持續累積的內容區？文章、案例、常見問題這類區塊，如果一個網站只有五個靜態頁，那它天生就不會長大，流量只能靠廣告買。
• 它的排版是不是「一頁一個特例」？如果每頁都長得完全不一樣、每個區塊都有獨特動畫，通常意味著新增一頁就要再找設計師一次。
• 手機版是不是被壓縮出來的？把瀏覽器縮窄，看文字會不會擠成一團、按鈕會不會被切掉。多數人是用手機看你的網站，這件事比桌機的華麗程度重要。
• 載入時要不要等？如果一個作品頁自己就跑得很慢，那它交付出去的東西大概也不會快。

能不能自己更新，是把網站當資產還是當支出的分界線。做完就停在那裡沒人接手，是我最常聽到的抱怨，而這個結果在挑作品的階段就已經決定了。

把三個地方變成一張比較表

如果你手上已經有一堆收藏，建議你不要再繼續加，改成做減法。挑出三到五個你最有感覺的網頁設計作品，然後照這個順序寫下答案：

1. 它前三個畫面在對誰說話、解決什麼問題（用一句話寫）。
2. 從進站到能留資料，幾步。
3. 它有沒有內容可以持續累積的地方。
4. 最後才寫：我喜歡它視覺的哪一點。

做完你會發現一件事：原本讓你猶豫不決的那幾個案例，其實有些只是視覺對到你的胃口，訊息結構跟你的生意完全不合。而真正該留下來的，往常不是最炫的那一個。這張表也是你跟設計方溝通時最好的東西，因為你講的不再是「簡潔一點」，而是「我要在滑兩下之內讓對方知道我幫誰解決什麼」。

至於你的網站該用什麼結構、內容要怎麼排、第一步要先做網站還是先做內容，這會依你的專業、客群成熟度和手上已有的素材而定，沒有一套版型可以通用。如果你已經看完一堆案例卻更混亂了，跟我聊聊你的狀況，我們可以先把你的訊息順序整理清楚，再決定要長成什麼樣子。