2026 設計部｜設計能量補給課程(六)
2026 設計部｜讓網站成為品牌最好的說書人
課程也提醒大家，排版不能只是把文字放上去，而是要像說故事一樣，安排使用者觀看的順序、情緒起伏與閱讀節奏，讓畫面能夠引導瀏覽，也讓品牌內容更容易被理解。
課程主軸：把老闆的抽象形容詞，翻譯成具體設計方法
李翊以設計師常遇到的溝通情境切入，說明客戶口中的「質感」其實不一定是同一件事，不同產業、不同品牌，對於大器、溫馨或高級感的想像都不同，因此設計師需要先把這些感覺拆解成可以執行的設計條件，才能避免畫面方向失焦。
老闆口中的「質感」，需要被具體拆解
客戶在開會時，常會提出「大器、高端、有質感」、「溫馨、療癒、舒服」，或「不要太複雜，但要有說不上來的高級感」這類抽象需求，這些形容詞如果沒有被轉換成明確方向，設計師在製作時很容易變成憑感覺嘗試，最後也容易與客戶期待產生落差。
因此課程中提到，設計師可以把客戶的說法轉換成畫面條件，例如大器代表留白與字距，高級感代表精簡配色與比例控制，溫馨則可以從圓角、暖色與柔和視覺開始調整。
把感覺量化，才能讓設計方向更穩定
「量化」不代表把設計變得制式，而是讓設計師能更清楚知道自己為什麼這樣做，當風格被拆解成留白、配色、字體、圓角、對比與比例，後續在溝通、修改與判斷時，也比較能說明設計依據。
設計師也是風格翻譯者
客戶說的是感覺，設計師要做的是轉換，當我們能把模糊形容詞變成具體畫面語言，就能讓網站更接近客戶想像，也更容易展現專業判斷。
別把網站塞得像合約一樣滿
當使用者一進網站就看到密密麻麻的文字，通常會感到疲憊，甚至直接離開的網頁排版應該先用對比抓住視線，再利用留白讓內容有呼吸空間，最後把按鈕放在視線自然停留的位置，讓使用者能順著畫面完成閱讀與行動。
- 用強烈對比先抓住視線，讓使用者知道第一眼該看哪裡。
- 保留適當留白，避免畫面太滿，降低閱讀壓力。
- 按鈕不只是放上去，而是要順著視線流動放在自然終點。
好的排版，要像音樂一樣有高低起伏
如果整個網站每個區塊都很搶眼，就像一直用高分貝對使用者說話，很快就會讓人疲勞，因此排版需要分配角色，讓 Banner 負責點燃情緒，卡片與清單負責整理細節，並透過緊湊與寬鬆的節奏變化，引導使用者願意繼續往下看。
喝茶是享受，所以畫面不能壅擠
在語林翠案例中，重點不是把所有資訊一次塞滿，而是透過大量留白呈現茶飲的呼吸感，讓奶泡與茶飲本身成為視覺焦點，標題也以圖案化方式呈現，增加品牌識別與精緻感，讓畫面更符合「享受」與「高級」的感受。
用故事輔助畫面製作
在室內設計案例中，李翊先設定一個故事，協助自己安排整體畫面，從 PART1 到 PART3，逐步展現商家與客戶攜手合作，打造一個個溫馨的家；最後再延伸到未來展望，傳達品牌對未來持續發光發熱的期待。
這樣的做法讓網站不只是作品照片排列，而是有情緒、有段落、有方向的內容敘事。課程中也提到，可透過 Hover 光暈感，讓未來展望區塊更有視覺記憶點。
文案很多時，不是直接整段貼上
當客戶提供大量文字時，如果直接整段放上網站，畫面會像文件或合約，使用者很難閱讀，設計師可以先理解文字內容，再將資訊拆成段落、重點、卡片或時間軸，讓文案更好閱讀，也讓畫面產生更多層次。
拆段不只是排版技巧，也是一種資訊整理能力，透過重新分配文字重點，網站可以同時保留完整內容，又避免畫面過於沉重。
文案整理，也是設計的一部分
好的網站不是把資料全部放上去就好，而是要讓使用者看得懂、看得舒服，也願意繼續往下閱讀。當設計師能把文字重新咀嚼、拆解與安排，畫面就會更有重點，也更有說服力。
能聽懂抽象需求，是設計師很重要的價值
李翊在課程中提到，能聽懂老闆抽象的形容詞，並用美感解決商業痛點，是設計師無可替代的價值。網站設計不只是畫面漂亮，而是要能把客戶的需求、品牌的調性與使用者的閱讀體驗串在一起。
排版不是塞內容，而是安排觀看順序
從風格翻譯、留白控制、視覺對比，到案例中的故事設定與文案拆段，這次課程讓大家看見排版背後其實有很多判斷，設計師需要先理解內容，再決定要讓使用者先看什麼、後看什麼，以及在什麼位置產生情緒或行動。
當網站能像故事一樣有起承轉合，也能像音樂一樣有高低節奏，畫面就不只是資訊集合，而會成為真正能引導使用者、傳達品牌價值的設計作品。
把感覺翻譯成畫面，把內容整理成故事
設計師的專業，不只在於會做漂亮畫面，而是在面對抽象需求與大量資訊時，能夠整理、判斷、轉換，最後做出好看、好讀，也真正符合客戶需求的網站。
