2026 設計部|設計能量補給精進課程(四)

首頁 > 最新資訊 > 員工教育 > 2026 設計部|設計能量補給精進課程(四)

最新資訊LATEST NEWS

2026 設計部|設計能量補給精進課程(四)

分享到

2026 設計部|設計之外的20%溝通與效率分享課程

這次設計部課程由佩吟分享「設計之外的20%」,從溝通與效率兩個面向出發,帶大家看見設計工作中除了畫面本身之外,還有哪些細節會影響案件的順利程度與完成品質。

一件作品的完成,不只取決於畫面好不好看,也取決於前期需求是否確認清楚、過程中是否能正確理解問題,以及後續是否能透過流程整理與時間管理,減少來回修改與不必要的試錯。
佩吟
設計之外的20%:關於溝通與效率

作品排名佔 80%,軟實力佔 20%

課程一開始,佩吟先帶大家回到設計成果的評分概念,作品本身的視覺表現當然重要,但在實務工作中,溝通、細心、執行力與創意等軟實力,也會影響案件最後的完成品質。

這 20% 看似不是畫面本身,卻常常決定案件能不能順利推進,當設計師能把需求理解得更準、把流程安排得更好,就能讓作品不只是完成,而是更接近客戶與團隊真正期待的方向。

關於溝通:在設計之前先確認方向

在開始設計前,最重要的是先確認風格表內容,包含頁數、風格、資料完整度與客戶個性,這些資訊若沒有在前期釐清,後續很容易造成畫錯方向、漏資料或反覆修改。

佩吟提醒大家,設計不是拿到資料就直接開始做,而是要先確認案件範圍,例如主選單項目、網站頁數、購物車或詢價車功能、價格與會員需求,以及缺少的資料何時補齊。

確認頁數
先確認主選單、頁面數量與設計範圍,避免製作途中才發現超出原本規劃。
確認風格
檢查客戶提供的參考網站與風格表是否一致,避免理解方向落差。
確認內容
包含功能需求、缺漏資料、客戶喜好與個性,都應在設計前先掌握。

從「聽見」到「聽懂」:挖掘隱藏需求

溝通不是只把對方說的話聽進去,而是要進一步理解對方真正想解決的問題,當規劃師或客戶提出需求時,設計師可以多問自己一句:「為什麼這邊要這麼做?」,例如客戶希望字體更大、按鈕更明顯,表面上看起來只是視覺要求,但背後可能是因為網站受眾多為長輩,或客群偏向中老年人,因此需要更清楚、直接、容易閱讀的畫面。

辨識偽需求,找出真正目的

當客戶提出大量資訊想全部放進同一個區塊時,設計師需要判斷這是不是「偽需求」,真正的目的可能不是把所有文字塞進畫面,而是希望重點能被看見、資訊能被理解。

這時可以透過設計專業提出更合適的做法,例如將重點放在視覺中心,其他內容改用條列、Icon 或分區呈現,讓畫面同時保有資訊完整度與美感。

表面需求
客戶希望增加更多文字、資訊或區塊,認為這樣才完整。
真正目的
讓使用者快速理解重點,因此需要重新整理資訊層級。

減少溝通摩擦:建立個性化溝通策略

每一位規劃師與切版師的邏輯都不同,因此溝通方式也需要依對象調整,佩吟分享透過平時聊天與合作,可以慢慢掌握每個人的工作節奏、在意的重點、容易卡住的地方,以及成就感來源。當彼此建立默契後,就能減少防禦性的溝通,不需要花時間猜測對方語氣,而是能更直接、坦誠地討論方案優劣,讓案件推進更順暢。

個性化溝通 默契紅利 減少誤會 提升合作效率

溝通的重點,是讓大家走在同一條路上

設計師除了完成畫面製作外,也需要與規劃師、切版師及客戶共同推進案件,當前期需求確認清楚、彼此溝通方向一致時,後續的設計與製作流程就能更加順暢,也能減少許多不必要的來回修改與溝通成本。

關於效率
減少試錯、標準化流程與時間管理

減少試錯:提升設計精準度

在效率的部分,佩吟提到設計師要學會減少試錯,面對規劃師時,要做到需求對位、主動潛水與預判節奏;面對切版師時,則要透過圖文說明與時程留白,讓後續製作更容易理解,也能保留品質調整的空間。

面對規劃師
需求對位|確保「畫對」
確認設計方向與客戶需求一致,避免畫面與實際需求產生落差。

主動確認|確保「沒漏」
主動追蹤資料與功能需求,降低遺漏內容或資訊不足的情況。

預判節奏|確保「結案」
提前掌握案件進度與修改狀況,讓案件能更順利推進與完成。
面對切版師
圖文說明|確保「看懂」
提供清楚的圖文標示與設計說明,讓切版師更容易理解畫面邏輯與互動細節。

時程留白|確保「品質」
製作時保留適當調整時間,避免因趕稿造成細節遺漏與品質下降。

標準化流程:把重複工作整理成固定形式

對設計師來說,很多工作其實會不斷重複出現,例如檔案整理、og:image 圖片、小工匠首頁縮圖、側邊按鈕等,若每次都重新思考或重新找素材,就會增加不必要的時間成本。

透過固定命名、固定資料夾形式與常用素材整理,可以讓設計流程更穩定,也能減少遺漏,標準化可以把基礎工作整理的更完整,讓設計師有更多時間處理真正需要判斷的地方。

  • 檔案固定形式|讓案件資料更好找,也方便後續交接與回查。
  • og:image 圖片|提前準備社群分享圖與縮圖,避免上線前臨時補做。
  • 小工匠首頁縮圖|維持固定尺寸與視覺規範,提升整體一致性。
  • 側邊按鈕|整理常用圖示與樣式,減少每次重新製作的時間。

時間管理:每天確認進度與製作範圍

佩吟也分享自己的時間管理方式:每天上班前先確認每個案子的進度,每天下班前則制定隔天的製作範圍,這樣可以讓自己更清楚目前手上案件的狀態,也能避免隔天重新進入狀況時浪費時間。

另外,也可以利用不同顏色區分案件階段,例如已確認、製作中、待補資料、待修改等,讓工作狀態一目了然,減少漏看或忘記追蹤的機會。

上班前
確認每個案子的目前進度,掌握當天優先順序。
下班前
規劃明天的製作範圍,降低隔天重新整理的時間。
顏色管理
用不同顏色區分案件階段,讓進度更清楚。

效率不是做得更急,而是減少不必要的重來

當流程更清楚、資料更固定、時間安排更有節奏,設計師就能減少反覆確認與重複製作,把更多精神留給畫面判斷與細節優化。

AI 與實用小工具
訓練 AI、小工具與小語法應用

訓練 AI:讓工具越用越準

佩吟分享,在使用 Gemini 與 ChatGPT 時,可以同時下指令給不同工具,再把正確的解法貼回到錯誤的 AI 對話框,請它分析錯誤原因。這樣不只可以得到答案,也能讓 AI 後續回覆更貼近自己的需求。

對設計師來說,AI 是可以透過反覆修正與補充脈絡,逐漸變成更懂使用者工作流程的輔助夥伴。

實用小工具:加快判斷與測試

課程中也提到幾個實用小工具,例如螢幕大小辨識、字體大小預覽與 CSS 單位轉換,這些工具能幫助設計師在畫面調整與切版溝通時,更快確認尺寸、比例與單位,減少來回測試。

螢幕大小辨識 字體大小預覽 CSS 單位轉換 切版溝通輔助

小語法應用:讓網頁細節更有記憶點

在小語法分享中,佩吟提到可以將開場特效影片改用 GIF 呈現,或是將滑鼠游標改成小圖示,讓網站在互動細節上更有特色,這些效果雖然不是網站的主要內容,但若使用得當,可以增加瀏覽時的趣味與品牌記憶點,也讓整體網站更有完成度。

設計之外的能力,也是設計品質的一部分

這次課程讓大家看見,設計工作不只是製作畫面,也包含前期確認、需求判斷、跨部門溝通、流程整理與時間管理。這些看似在設計之外的事情,其實都會直接影響作品能不能順利完成,當設計師能在一開始就確認方向,在溝通中理解真正需求,並透過標準化流程與工具輔助減少重工,就能讓案件更有效率,也讓作品更穩定。

課後心得

透過佩吟的分享,也讓大家重新理解,設計的完成度不只來自畫面本身,更來自每一次溝通、每一個流程整理與每一段時間安排,溝通能確保我們走在正確的路上,效率則確保我們用最短的距離抵達終點。

願大家都能在設計工作中更清楚、更有效率,也一起減少不必要的加班與過勞。

課程花絮
課程照片 1
查看原圖
課程照片 2
查看原圖
課程照片 3
查看原圖
課程照片 4
查看原圖
課程照片 5
查看原圖
課程照片 6
查看原圖
TOP