2026 設計部｜設計觀察×細節×AI應用實務課程

從客戶需求開始，建立網站設計方向

翊伶以「錢神清酒」作為案例，說明網站設計前期需要先理解客戶的產業、商品特色與視覺偏好，像是日本清酒品牌，本身具有濃厚的文化感與質感氛圍，因此設計時不能只停留在商品呈現，而是要思考品牌想帶給使用者的感受。

從客戶提供的資料、競品參考到風格方向，都可以成為設計判斷的依據，設計師需要將這些資訊整理成清楚的視覺語言，讓網站不只是有畫面，而是能傳達品牌個性。

平面構製化細節，讓畫面更完整

在版面設計上，翊伶提醒大家可以從背景素材、日文語感、裝飾元素與頁面互動細節著手，讓網站整體更有記憶點。
例如使用符合品牌氣質的背景圖、加入與清酒相關的視覺元素，並透過按鈕、箭頭與線條安排，提升畫面的完整度。

依情境調整 Banner 與版面細節

在網站與活動 Banner 的設計中，翊伶也提到可以善用舊圖佔大版面，並搭配合適的情境圖，讓畫面更符合商品或品牌當下要傳達的訊息，每一區塊都不只是放圖片與文字，而是要思考它在整個頁面中的功能。

例如手電版面需要同時注意主視覺、文字與按鈕比例，動態範圍不宜太大，按鈕樣式也要與整體網站一致，才能讓使用者在瀏覽時感受到順暢與完整。

「微調」的力量：網站細節決定整體感

翊伶特別整理了網站微調時需要注意的重點，包括元素與樣式一致、頁面結構調整、字距行距與字體大小，以及切版轉場的細節。這些看似微小的調整，其實會大幅影響網站的完成度。

AI 輔助運用：讓修改與示意更有效率

翊伶也分享 AI 在實務中的輔助方式，例如利用 AI 抓出語法 Bug、協助動畫調整，或是在圖片微調上協助補圖、調整背景與修正素材問題。當網頁中無法出現客戶要得特殊需求時，也能透過 AI 快速做出更接近客戶期待的示意圖。

AI 並不是要取代設計判斷，而是從中協助設計師更快完成修正與測試，讓設計溝通更具體，也讓製作流程更順暢。

觀察業主喜好與客戶族群

瑞語的分享從「觀察」開始，提醒大家設計師在接觸案件時，可以從客戶提供的素材形式、拍攝角度、資料語氣與參考風格中，推測業主偏好的畫面感，並進一步判斷目標客群適合什麼樣的視覺呈現。

例如山茶花中醫的案例中，客戶提供的素材與偏好帶有精品感與精緻感，因此視覺上可透過真實花瓣素材、襯線字體與大量留白，呈現高級品牌的診所印象。

從文字語氣理解品牌理念

在「家家淨」案例中，瑞語提到可以透過風格表裡的文字語氣，去揣摩客戶的經營理念與品牌想傳達的情緒，當品牌本身強調照顧、安心與生活感時，素材就不一定只放打掃特寫，也可以使用人物情境照，讓網站更有溫度。

利用文字組合排版，提升畫面精緻度

當客戶提供的大圖或素材不夠精緻時，瑞語分享可以透過文字排版、留白與局部圖像安排，提升整體畫面的完成度，像是賢治理髮屋案例，透過中英文文字組合、直排與橫排配置，讓畫面即使素材有限，也能呈現更強烈的風格。

文字不只是說明內容，也可以成為畫面的一部分，只要字體、大小、排列與留白處理得好，就能讓畫面更有設計感。

文字與圖形結合，創造品牌記憶點

瑞語也透過綠色工廠與明燈居的案例，說明文字排版可以搭配簡單圖形與變形處理。
例如用鋼筆拉出簡單色塊，示意山的形狀並點綴在文字中，或是將文字建立外框後，針對局部筆畫進行變形與新增元素。

• 賢治理髮屋｜利用文字組合與留白，強化男性專屬、現代與傳統結合的風格。
• 綠色工廠｜以山形色塊與文字排版結合，傳達自然、戶外與露營氛圍。
• 明燈居｜透過文字外框與筆畫變形，讓標題更具品牌辨識度。

AI 輔助：生成圖庫搜尋關鍵字

在 AI 輔助分享中，瑞語提到可以運用 AI 協助生成圖庫搜尋關鍵字，當設計師需要特定族群、情境或人物素材時，可以透過 AI 整理出更精準的英文關鍵字，提高搜尋素材的效率。

例如想找亞洲臉孔作為素材時，可以嘗試以「日本人」相關關鍵字切入，再搭配產業、場景與人物狀態，讓搜尋結果更貼近實際需求。

GEMINI 網頁效果示意

瑞語也分享 Gemini Canvas 在網頁效果示意上的應用，設計師可以將想要的互動效果、版面結構或動態概念輸入工具中，快速生成示意畫面或基礎程式碼，作為與切版溝通時的參考。

這樣的方式能讓抽象的互動效果變得更具體，也能減少設計與切版之間理解落差，讓後續製作更順利。