設計階段怎麼進行？從風格方向到設計稿確認

好的設計流程，是先談方向再畫圖

設計最容易失控的做法是：直接產出設計稿，然後靠客戶說「不喜歡」來反推方向。這樣改三五次都不奇怪，而且雙方都累。

比較有效的順序，是把「風格方向確認」放在畫設計稿之前。方向對了，設計稿的修改幅度自然小。

設計階段的六個步驟

01 設計訪談

了解品牌個性、目標客群、競爭對手的樣子，以及您希望訪客留下什麼印象。

請準備兩三個您喜歡的網站範例。 比起「要簡約大方」這類形容詞，實際的例子更能讓設計師抓到您的品味——而且請說明「喜歡它哪裡」，是配色、留白、字體，還是動態感。

同樣重要的是說出不喜歡什麼。排除法往往比正面描述更精準。

02 風格方向提案

在畫設計稿之前，先提出方向：配色、字體、視覺調性、動態的強弱。

這個階段調整成本最低。 改一個配色方向只是換幾個色票；等到完整設計稿畫完才要改整體調性，等於重畫。

03 首頁設計稿

依確認的方向產出首頁。首頁決定整個網站的視覺基調，所以通常會在這裡投入最多時間。

04 內頁延伸設計

首頁確認後，把視覺語言延伸到所有內頁，確保整站一致。

這裡有個常見誤解：產品有一百項，不代表要設計一百頁。 明細頁是同一個版型重複套用，只需設計一次。

05 前端實作與動態製作

設計稿轉為實際網頁，包含所有動態與互動效果。

這一步有個關鍵風險：如果設計與前端是不同團隊，可能出現「做出來跟設計稿不一樣」——設計師畫得出來，工程師做不出來，最後被默默簡化。發包時值得問清楚兩者是不是同一組人。

06 跨裝置調整與上線

手機、平板、桌機逐一調整。手機版不是把電腦版縮小，而是重新安排的另一套版面——同樣的內容，在小螢幕上該用什麼順序、什麼比例，需要重新決定。

修改次數怎麼看

設計沒有標準答案，來回修改是常態。但無止盡的修改對雙方都不是好事，它通常代表一開始的方向沒談清楚。

常見的做法是：首頁設計稿包含一定次數的修改，超過部分依實際工時報價。重點不在次數多寡，而在於：

• 事前講清楚——包含幾次、超過怎麼算
• 超過時先告知再動工——不該默默吸收，也不該事後才加價

怎麼讓修改次數變少

一、決策者一起參與

修改次數最多的專案，往往不是設計不好，而是決策者對方向的期待不一致。老闆、行銷主管、承辦人各自想像不同，設計稿就會在中間來回擺盪。

最有效的做法：在設計訪談與風格方向確認時，讓有決定權的人一起在場。

二、用具體的語言回饋

「感覺怪怪的」很難執行。比較有用的說法是：

• 「標題太小，我希望第一眼先看到公司名稱」
• 「藍色太深，看起來太嚴肅，客戶是年輕族群」
• 「這一區想跟第二區對調，服務項目比案例重要」

指出哪裡、為什麼、希望達成什麼，比形容感受有效得多。

三、一次彙整意見

內部先討論收斂，再一次提出。零星回報會讓修改變得沒有效率，也容易前後矛盾。

四、素材提早準備

設計稿用假圖示意，實際圖片放上去卻完全不搭——這種情況很常見。越早提供真實素材，設計稿就越接近最終樣貌。

設計確認後就不要大改

設計稿一旦確認、進入前端實作，再要求變更版面結構，成本會高很多——因為程式已經照該結構寫了。

這不是廠商刁難，是工序的必然。所以確認設計稿時請認真看，包含手機版的示意。有疑慮就在這個階段提出，不要想著「先做做看，之後再改」。

設計確認之後的開發、測試與驗收流程，見網站驗收怎麼做。