2026 設計部｜設計能量補給實務精進課程

設計思維轉變：從「好看」到「有效」

孟翰分享，他剛開始接案時，會把大量心力放在畫面是否「好看、精緻」，非常在意細節、排版，甚至追求 pixel perfect ，在自己的標準裡，作品其實已經完成度很高，但客戶卻常常回覆：「好像哪裡怪怪的」「說不出來，但就是想再改一下」，這樣的情況讓他一度非常挫折，
這樣的情況讓他一度非常挫折，甚至開始懷疑是自己的設計能力不夠？還是彼此的審美真的不同？ 也因為這樣，他開始反思，設計真正要解決的是什麼？
直到後來，他閱讀了 《你可以生氣，但不要越想越氣》（作者：水島廣子），才逐漸找到答案，這本書讓他意識到：很多壓力與衝突，並不是來自問題本身，而是來自「反覆思考」與「情緒放大」。

也因此，他開始理解——
設計不只是讓畫面變好看，而是要幫助客戶達成目標
 

心態與做法的調整：

• 先釐清客戶真正想要的是什麼 - 不只聽表面需求，而是理解背後的目的
• 將抽象需求轉化為可溝通的具體內容 - 讓「感覺不對」變成可以被討論與調整的方向
• 不急著抗拒否定，而是先理解再回應 - 把修改視為資訊，而不是情緒上的打擊

透過實際案例分析設計本質

孟翰把他的各種案子整理後，歸納出三個最實用的做稿準則，在案件製作前先釐清一件事：「這個網站，究竟要幫客戶達成什麼？」
當目標清楚之後，設計就不再只是停留在「好不好看」，而是轉變為一種有方向、有目的的規劃，也因為有了這樣的前提，後續的版面配置、內容安排，甚至每一個視覺決策，都能圍繞著同一個核心去發展，而不是各自為政、憑感覺堆疊。

頁面設計核心：從邏輯到視覺的完整建構

她觀察到一個很常見的狀況——
很多人拿到設計稿就急著挑配色、選字體，但基本的問題還沒想清楚：「這一頁要講什麼？消費者進來之後眼睛會先看哪裡？」
她覺得真正好的網站，往往是「看不見的地方做得很紮實」，結構清楚了，視覺才能加分；動線順了，消費者才會被引導，而這些底層的東西做好，才是把設計品質拉上去的關鍵!

高質感視覺關鍵：版面、配色與字體

整體質感取決於版面、配色與字體的細節處理與一致性，這些細節設計會讓使用者直覺感受到網站的專業度與設計完成度

細節強化體驗：微互動與動態設計

好的動態效果應該要讓人「感覺自然」——
就是那種你不會特別注意到它，但少了它會覺得哪裡怪怪的感覺，每一個小小的動態效果互動感，都在無形中讓整個瀏覽體驗更順、更舒服，她也提醒大家，動態最常見的問題就是太多太繁雜，動態效果是要幫內容加分的，不是用來炫技的。

• Hover互動效果 — 讓消費者知道這個元素可以互動
• 視差和入場動畫點到為止 — 有層次即可，不需要每個元素都在動
• 動態節奏引導視覺焦點 — 利用動畫順序帶出閱讀節奏