AI 視覺與簡報工作流：Gemini × ChatGPT 打造高說服力商業圖文
104學習
介面設計
介面設計指的是規劃和設計使用者與產品或系統互動的視覺和操作方式，重點在提升使用者體驗和操作效率。好的設計能讓使用者直覺上理解功能，減少學習成本和錯誤，進而提高產品的吸引力和競爭力。在職場上，具備這項技能表示能將需求轉化為易用且美觀的操作介面，對軟體開發、網站建置及行動應用等領域尤其重要，是跨部門溝通與產品成功的關鍵能力。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
商業平面設計｜PS+AI整合進階課
設計師接案必修課：從作品集到報價，系統化讓專業變現｜ 104獨家
不用畫也能設計！AI 繪圖：打造品牌視覺的提案實戰
Illustrator向量平面設計
掌握Claude Code從零打造企業級全端開發應用實戰班
質感商業空間：SketchUP高效出圖｜進階課
Figma新手指南｜UI/UX設計思維
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
商業簡報從0開始
精選證照
考取專業證照，讓能力被市場看見
使用者介面設計 Adobe XD
Adobe XD證照驗證持有人具備使用Adobe XD進行使用者介面設計的專業能力，能有效運用軟體工具進行原型製作、互動設計及視覺布局，提升產品使用者體驗。持證者熟悉設計流程與協作技巧，能與團隊成員順利溝通，確保設計方案符合需求並具備創新性。此證照適合UI/UX設計師、產品經理及相關領域專業人士，提升職場競爭力與專業信譽。
尚未查核發照單位
TQC+ VD-使用者介面設計
為提供產業界符合新時代的專業人才，認證依照職場人才需求趨勢推動「TQC＋專業設計人才認證」，藉由嚴謹的認證職能體系架構與專業完善的考試服務，培育出符合企業職場需要的人才。
財團法人中華民國電腦技能基金會
編排設計InDesign
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力，涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能，適用於出版、廣告及數位媒體領域，有效提升工作效率與作品品質。
尚未查核發照單位
基礎編排設計InDesign
基礎編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行排版與設計的基本能力，涵蓋文字編輯、圖像處理及版面配置等技巧，能有效製作海報、書籍與宣傳品等多種印刷與數位媒體作品，適合從事平面設計及出版相關工作者提升專業技能。
尚未查核發照單位
SSE User Interface Design國際認證
隨著網際網路興起與智慧型手機的出現，人與機器的互動方式一直在不斷的變動。也因為許多企業對於使用者體驗與介面的重視，介面設計相關的人才需求越來越多，平均薪資高也高於其他設計人才，許多人也開始想要轉職為介面設計師。
SSE User Interface Design國際認證針對目前這股潮流趨勢，為求職者與求才者所建構的一項測驗檢定，通過測驗，代表你已具備UI視覺設計的必備技術，將能在UI視覺製作方面獨立工作，並且能與程式設計師協同完成大型UI建置的能力。
Silicon Stone Education (SSE)
SSE Interior Design Using AutoCAD
要成為一名專業專職的高薪室內設計師，AutoCAD是必須要會使用的軟體，只有能夠熟練運用AutoCAD製圖技術，才有可能進入室內設計的業界一展身手。
而同樣是AutoCAD，在室內設計領域所慣用的一些表現方式，也有其特殊性，必須要能畫出符合專業規範的AutoCAD室內設計平面圖及施工圖，才能讓雇主、業主乃至同行，信服你的專業能力，以及更實際的，讓實際施工的團隊，能百分百的完成建案，避免施工錯誤。
本試題即為AutoCAD室內設計的專業檢定，通過本測驗，代表您具有AutoCAD室內設計相關的專業製圖能力，是可以進入室內設計公司任職，即戰力的能力認可。
Silicon Stone Education (SSE)
精選貼文，掌握第一手知識
「接案作品集」怎麼準備？6大要素及不同客戶應對技巧
對自由接案工作者來說，「作品集」往往比履歷更能展現你的專業度與價值。一份好的接案作品集該怎麼準備？作者為軟體工作者，分享好作品集的6大必備要素，並用自身經驗解析技術型、設計導向、非技術型與綜合型客戶的關心重點，幫你打造更有說服力的作品集。本文節錄自《不想上班的勇氣：軟體工作者的第一本接案指南》。
文／陳泰銘（Taiming）
本文目錄（點擊可快速前往）
為什麼需要準備接案作品集？接案作品集準備方向：依照不同接案類型、客戶來調整好的作品集應該具備的6大要素沒有作品集怎麼辦？最好平時就累積Side Project
為什麼需要準備接案作品集？
作品集是接案者的「敲門磚」，能夠幫助潛在客戶快速了解你的能力、風格和經驗。有時候，你的作品集甚至比你的履歷還重要，因為它是最直觀的證明，展示你的專業度和價值。
客戶沒有時間細聊，先看作品決定是否聯繫你
比起履歷，作品集更能說明你的實力
客戶更信任有實際案例的接案者
降低溝通成本，幫助客戶確定風格與需求
讓你在競爭者中脫穎而出
當你在社群平台或論壇上看到有人發問：「有人可以幫我做插畫設計嗎？」如果你只是留言「我可以做」，很容易淹沒在眾多回覆中，客戶也不會特別關注你。但如果你直接附上作品集連結，讓對方點進去就能看到你的實力，成功機率就會大幅提升。這樣的方式不僅能讓你在競爭中脫穎而出，也能迅速抓住客戶的注意力。
接案作品集準備方向：依照不同接案類型、客戶來調整
一開始瞄準方向很重要，因為不同類型的客戶關心的重點不同，你的作品集應該根據你的目標市場來調整。例如：
技術型客戶：展示程式碼品質與技術細節
當你的目標客戶是開發公司或技術團隊時，他們更關心你的技術能力，而不只是表面的作品展示。例如，當一間軟體公司正在尋找後端開發者時，他們不會單純看UI設計，而是會評估你的程式碼品質、架構設計與API文檔。如果你的作品集包含GitHub專案連結、技術架構解析、程式碼片段或效能優化案例，將更能說服這類客戶，讓他們相信你具備專業的開發能力。
非技術型客戶：強調成果與商業價值
當你的客戶是中小企業或個人創業者時，他們通常不懂技術細節，而是關心你的工作能否為他們帶來實際價值。例如，一位餐飲業老闆希望建立線上訂餐系統，但他不懂技術，對「技術堆疊」也沒有興趣。他想知道的是這個系統能否提升業績、減少人工成本、讓顧客更方便。因此，針對這類客戶，你的作品集應該側重於案例說明，包含專案背景、解決的問題、最終成果與數據，例如「這個網站讓客戶下單率提升30%」，而不是單純列出技術細節。
設計導向的客戶：重視視覺呈現與品牌一致性
當你的客戶是品牌商、電商品牌或行銷團隊時，他們關心的是視覺美感與風格統一性，而不是技術實作的細節。例如，一位服飾品牌老闆希望找人設計一組社群貼文模板，他不會關心這些設計是用Photoshop還是Figma製作的，而是想知道你的設計是否符合品牌形象，能否吸引目標受眾。因此，你的作品集應該著重展示設計風格，提供高品質的圖片、完整的設計概念，並附Behance、Dribbble或Figma連結，讓客戶能夠直觀地評估你的視覺風格是否符合需求。
綜合型客戶：需要靈活調整作品集內容
有些客戶的需求涉及多個面向，例如，一家新創公司希望開發一款APP，他們既關心UI設計，也重視技術架構與開發能力。在這種情況下，若你的作品集過於單一，可能無法完整展現你的能力。最佳做法是針對不同領域準備不同版本的作品集，例如一份專注於UI/UX設計，另一份則強調技術架構與開發過程，這樣才能根據不同客戶的需求靈活調整，確保你的作品集能夠精準打動對方。
因此，一開始要明確你的目標客戶，這樣作品集才能精準打動對方，而不會顯得雜亂或無法吸引適合的機會。
好的作品集應該具備的6大要素
一份優秀的作品集，不只是展示你的能力，更應該幫助潛在客戶快速理解你的價值，並建立信任感。以下是作品集應該具備的關鍵要素：
1. 清楚的自我介紹與專業定位
你的作品集應該開門見山地說明你的專業領域，例如「專注於SaaS產品開發的全端工程師」或「專精品牌識別與UI設計的視覺設計師」，讓客戶一眼就能理解你的核心技能與市場定位。
2. 精選案例，而非堆砌大量作品
作品集不應該只是單純堆放所有作品，而是要精選最具代表性的案例，並確保這些案例與你的目標市場匹配。例如，如果你主要服務科技新創，那麼展示SaaS產品設計或開發案例會比一般電商網站更具說服力。
3. 案例背景與解決方案
單純的圖片或程式碼展示不足以吸引客戶，你應該為每個案例補充背景資訊，例如：「這是為某家新創公司開發的會員系統，目標是提升用戶留存率」，然後說明你的解決方案與貢獻，例如：「透過重新設計UI/UX，讓註冊轉換率提升20%。」這樣的敘述能讓客戶更容易理解你的價值。
4. 數據與成果驗證
如果可以的話，加入量化數據來證明你的工作成效，例如「重新設計後的網站，跳出率降低25%」、「API優化後，請求速度提升40%」，這樣的數據能讓你的作品更具說服力，提升客戶的信任度。
5. 直覺且專業的視覺呈現
作品集的排版應該簡潔清晰，避免雜亂無章的內容堆砌。如果你是設計師，這本身就是對你美感能力的考驗；如果你是工程師，也應該讓專案展示清晰易讀，像是使用卡片式設計來分類案例，或提供 GitHub 連結搭配摘要說明。
6. 聯絡方式與行動呼籲（CTA）
無論作品集是網站、PDF還是簡單的Notion頁面，都應該明確提供聯絡方式，例如Email、LinkedIn、或接案平台連結。此外，可以加上一些行動呼籲，例如「有興趣合作嗎？歡迎來信討論！」，讓客戶知道下一步該怎麼與你聯繫。
透過以上這些要素，你的作品集不僅能夠有效展示你的專業能力，也能提升轉換率，讓潛在客戶更容易做出決策，進而提高你的接案成功機會。
沒有作品集怎麼辦？最好平時就累積Side Project
其實，比起事到臨頭才急著找作品集，最有效的方法是平時就主動累積Side Project。不論是為了解決某個小問題、實現自己的點子，還是純粹為了學習新技術，只要能完成、有成果可展示，就能成為你的實戰證明。
Side Project不需要商業化，也不必太龐大，關鍵是能展現你的能力與風格。這些專案可以放在你的個人網站、GitHub、Behance、Notion或Medium等平台，讓潛在客戶在搜尋你的名字時就能看到。
以下是一些常見的發想與執行管道：
解決自己的痛點：把日常遇到的問題變成產品，例如排程工具、記帳App、小型自動化腳本等。
模仿與改造：挑一個你喜歡的網站或應用，試著重製、優化或加入新功能。
開源貢獻：參與GitHub上的開源專案，累積實戰經驗與人脈。
挑戰題目平台：參加如Frontend Mentor、Dribbble Weekly Warm-up、Kaggle等主題挑戰。
幫朋友或社群做東西：主動幫朋友設計海報、開發活動報名網站、製作社群 BOT 等。
紀錄學習歷程：把你學會的新技術或解法整理成部落格、教學影片或Notion範本。Side Project的價值，不只是讓你練功，更是你與客戶溝通時最有說服力的「非商業作品集」。尤其在你還沒太多實戰經驗時，它們能說明你的主動性、邏輯思維、執行力與品味。
節錄自：博碩《不想上班的勇氣：軟體工作者的第一本接案指南》／陳泰銘（Taiming） 著
獨家課程推薦：【設計師接案必修課】從作品集到報價，系統化讓專業變現
[joblist_plugin title='更多104【軟體工程類 接案】工作機會' url='https://www.104.com.tw/jobs/search/?jobcat=2007001000&mode=s&page=1&ro=2&keyword=%E6%8E%A5%E6%A1%88&order=15' amount='4']
更多【自由接案】分享：
上班族也掀「斜槓兼職」熱潮！高薪兼職時薪破千，兼職工作機會懶人包
接案族該如何報稅？一文搞懂「接案外包」的報稅技巧，趕快收藏！
設計接案合約必備5大要素！保護權益必知，終結客戶鬼打牆
接案報價不是憑感覺！給新手的基礎報價公式參考
2025 最完整免費接案平台、接案社群總整理（附設計、行銷外包接案工作機會）
【設計師履歷範本】最忌作品集塞好塞滿！面試官考量大公開
設計師履歷如何像自己腦袋裡的創意一樣吸睛？參考優秀的設計師履歷範本是最快的方法！近幾年台灣扶植文化創意產業，大專院校廣收設計人才，也讓設計師工作競爭激烈。本文專訪未來方案整合傳播集團執行長高文振，他做了20年的廣告與設計，曾在多所大專院校任教，擁有數十間公司，看過的履歷不下千封，以老闆及用人主管的角度，分享寫出快速吸眼球的履歷秘訣。
本文目錄（點選連結可快速跳至該章節閱讀）
設計師履歷開頭就要搶眼，證明「你有想法」設計師作品重要性佔6成，新鮮人可把履歷當創作設計師作品集不用全部塞，展現出最好的部分設計師履歷地雷區，謹慎小心別踩線想爭取到面試機會？你的履歷必須是最特別的那一個
設計師履歷開頭就要搶眼，證明「你有想法」
根據高執行長的經驗，以往每次應徵設計師，大多會收到20到200份不等的履歷，但只會邀請約3到5位求職者進行面試，履歷能不能被打開閱讀就是關鍵，因此履歷表上一定要簡短扼要表現出自己的優勢。
大部分的履歷分為三部分：一、資訊履歷。二、自傳簡介。三、作品集。通常資訊履歷是第一個被看到的，創意相關產業在履歷一開始就要引人注意。通常資歷一兩年的求職者，會跟新鮮人放在一起選，千萬不要放一張大學畢業照，容易跟別人的畢業照混在一起，也會看起來像菜鳥。建議放張看起來像專業設計師的照片，不管是彩色還是黑白都可以，姿勢雙手抱胸展現自信，或是一張高反差的相片。公司對新人最大的疑慮就是可能不夠專業，因此在照片上就要開始證明你有想法。
再來自傳的重點是展現自己的思維不同，切忌寫流水帳。像是：「我生於台北一個小康家庭，在幸福中平安長大….」。這些話無法引起面試官的興趣，最好不要寫。自傳中應該展現的是自己的特質，例如：我總是自願挑戰沒做過的事（展現積極特質）、我很喜歡自助旅行（展現獨立特質）、當過交換學生（表示擁有世界觀）……等等，應該要展現的是你適合這份工作的人格特質而不是生活狀態。
有特殊的學歷或經歷，像是留學或競賽，特殊的專長、興趣、社團等經驗，都可以放在履歷表上，達到引起面試官好奇的效果。面對千篇一律的求職者履歷，面試官審閱時容易感到疲乏，若有這些特殊經驗，能夠幫你加分，尤其是在創意這一行，更容易讓面試官眼睛為之一亮。
▼特殊經歷讓面試官一眼就感受到「你有想法、有創意、有才能」，讓人產生好奇心，就有想進一步面試認識你的機會。
104個人品牌：真實求職者案例，設計師履歷範本提供寫履歷參考
設計師真人履歷範本．看看別人的履歷怎麼寫>>
【免費】與設計師前輩一對一線上諮詢履歷問題>>
設計師作品重要性佔6成，新鮮人可把履歷當創作
設計師相關技能的部分，大部分職缺重視Adobe Photoshop、Illustrator、Office等軟體能力，需要在履歷上呈現。再來就是非常重要的作品集，設計師是創意工作，作品重要性佔6成，其餘是對事物的創新觀點和團隊合作能力。設計師的工作平常就是幫客戶包裝，試想若連自己都推銷不出去，要怎麼幫客戶推銷？建議新鮮人應該把履歷表當成作品的一部分，把創意用在履歷表的呈現上。因為每到求職季，公司就會收到大量履歷表，再好的作品，只要放在一個無趣制式的履歷表裡，就很容易被埋沒。
如果尚未累積夠多好的作品，可以先從履歷表的設計上去包裝自己。像是知名的圖文插畫家馬克，剛出社會時沒有經驗，但為了實現「去廣告公司」的理想目標，他將自己的履歷表精心設計成一個幾可亂真的皮夾，裡面的身分證寫了自己的基本資料，放了35張假鈔代表他期望的薪水，發票上寫了他會的軟體能力跟得獎作品...。經過創意包裝的履歷，很快就吸引公司的目光。
另一個例子是奧美的創意總監，當初應徵奧美的工作時，設計能力算普通，但他做了一本壹週刊。眾所皆知壹週刊裡有滿滿的廣告，當翻開雜誌左頁時，是原本的廣告，右頁則是他重新做過的設計，最後一頁則放上他的履歷表。別出心裁的呈現方式也讓他被錄取，後來一路升到創意總監。
設計這個行業跟其他行業不太一樣，除了既有的能力，我們也重視人才的潛力。縱使你不是那麼符合應徵職缺的能力，如果主管在你身上看到其他可能，也有可能讓你進公司。設計的世界沒有標準答案，我們不需要乖乖牌。能力不止只有一種，如果你進來，能夠讓公司的同事變得更快樂，我們也很有可能錄取你！
設計師作品集不用全部塞，展現出最好的部分
設計師的工作就是設計，把履歷表當作是DM或是一頁式網頁來設計也是很好的方法。現在有很多網站都能上傳你的履歷，變成一個線上瀏覽的小冊子或動態網頁，也有很多網站都能上傳作品，例如：Behance、Dribbble、Adobe Portfolio等，都是設計人可以選擇呈現履歷或作品集的方式。
再來面試官的時間有限，常只用1分鐘時間掃描整份履歷，決定要不要詳讀，所以內容一定要有重點的呈現自己具備的技能專長、能力具體到什麼程度，不要洋洋灑灑像寫長篇論文，有些話等面試再說不遲。
▼作品集很重要，應將線上作品集連結放在履歷開頭；背景圖片可以展示你最具代表性、最好的作品。
104履歷可以上傳背景圖片、新增個人網站連結與特色標籤
作品不用放那麼多，可以將作品分為幾種類型，只放一個最具代表性的、最好的，讓面試官一看就會想邀你來面試的作品。面試官看作品時，會看優點也會看缺點，有時候多放反而多錯，千萬不要把這輩子所有的作品都放進去。
在編排作品集時，說明創作目的與創作理念很重要。如果是有經驗者，可以放過去工作時的作品，如果是新鮮人，曾有獲獎作品可以特別附加說明，因為得獎是最客觀的肯定。但如果沒有也沒關係，做幾張自己滿意的作品放進作品集即可。
▼履歷放上你最有自信的作品或獲獎作品，可以簡述設計構想或成就。
104個人品牌：真實求職者案例，設計師履歷範本提供寫履歷參考
設計師履歷地雷區，謹慎小心別踩線
雖然鼓勵求職者在履歷上發揮創意，但履歷畢竟還是正式文件，面試官通常都比你年紀大，你要想像在跟自己的哥哥、姊姊、甚至爸爸媽媽說話一般，應該要有基本禮節。在還沒見到你之前，面試官就是用文字來判斷你這個人。很多年輕人在社群上發文比較直接，但寫履歷或面試時還是應該用正式的文體與敬語。切忌錯別字、不打標點符號、用字遣詞像在IG發貼文。想要別人多花點時間看你的履歷，記得履歷寫完後自己應該先多看個幾遍。
另外有些事情，也是履歷上不能踩的地雷。像是「我對貴公司很感興趣」、「聽說你們的福利很好」、「我會認真學習」等等，應該要談得是你對公司有什麼貢獻，能在多短的時間內將工作上手，以及你的未來跟公司的未來能不能契合。
在投履歷之前，一定要做功課，對公司的產品及客群等有基本的了解。面試官決定錄取哪一個設計師時，風格也是考量之一，因為視覺風格通常都會跟著產品的消費族群有關，例如媽媽跟企業大老闆適合的風格就完全不同，太過個人色彩或太另類也許就比較難滿足商業需求。
▼作品風格是否符合求職公司的需求，也是面試官的考量之一，應徵前可先了解公司、產品風格，也可以參考職缺開出的工作內容。
104個人品牌：真實求職者案例，設計師履歷範本提供寫履歷參考
再來可以分析什麼是公司需要，但可能是資深同事缺乏，但你能貢獻的能力。像是發現求職公司原本做平面設計，近幾年開始做數位轉型，也許你會做動畫、或是你曾經做過校刊編輯，可以協助公司經營粉絲團等等，這些就可以放在履歷表中，想想自己獨特的優勢，就可能是公司會用你的原因。
另外也不要寫「我熱愛這份工作，不給我錢我也幹。」一個正常的公司，不會差一個員工的薪水，合理的工資是保障你能無所顧忌地投入工作，若是每天都為了餓肚子煩惱，怎麼可能把工作做好？就像將軍要出兵打仗，一定是規劃要跟皇上要多少兵、多少糧草，才能有把握打勝仗。找工作時雖然態度要謙虛，但也不能過度缺乏自信。
想爭取到面試機會？你的履歷必須是最特別的那一個
創意工作的特質就是與眾不同的能力，我們會從大量的履歷表中找出一個我們覺得他最特別的來進行面試，所以展現你跟別人的差異與優勢，就是最重要的事。建議面試前先研究對方的公司，對方公司的案例，模擬對方會問你的問題，也許都能在履歷表上看得出你的用心，也更能打動對方的心。
設計新鮮人的起薪不高，但經驗累積之後，薪水成長的幅度很快。一開始選工作的時候，不要為了薪水差三千元而評斷公司及職缺的好壞，最好是依據自己的興趣做選擇，先求有再求好。工作是歷練的過程，等到累積足夠的作品，身價自然跟著水漲船高。在大公司繼續做更有野心的作品，或是一個人獨立接案、開公司等，都會有不錯的職涯發展。
寫完履歷，別忘了上【104履歷診療室】免費線上履歷健診！
應屆畢業生投履歷沒回應，履歷修改後投5中1｜履歷診療室使用經驗分享
【104履歷範本】精選設計師真人履歷範本，看看別人怎麼寫履歷
104履歷範本：真實求職者案例，設計師履歷範本提供寫履歷參考
[joblist_plugin title='【設計人才請進】精選職缺' url='https://www.104.com.tw/jobs/search/?ro=1&keyword=%E8%A8%AD%E8%A8%88&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=1&asc=0&page=1&jobexp=1&mode=s&recommendJob=0&hotJob=0' amount='3']
推薦閱讀：
面試官怎麼看作品集(上)：作品集除了作品，還要放什麼？
面試官怎麼看作品集(下)：你呈現的是作品集還是產品DM？
「沒有美術背景可以當設計師嗎？」設計長：背景不是重點！能提供符合需求的服務，就是稱職「設計師」
想轉職當UI設計師該怎麼開始？學會觀察身邊事物、不斷吸收設計靈感
【2024履歷範本】最新履歷表範本與撰寫建議（履歷免費下載列印）
IT軟體工程師履歷範本｜５大地雷：形容詞太多、技術名詞太少
行銷企劃履歷範本｜凸顯亮點搏版面，專案經驗是關鍵
零經驗小編跨域轉職產品設計師，撥開產品迷霧 ，看透user痛點
產品設計師、UIUX設計師、視覺設計師，傻傻分不清？！沒有設計師經驗的採訪編輯透過自學也能轉型成為產品設計師！這一集，跟著資深產品設計師Kinny一次搞懂各種設計師的精髓和差異。其中，產品設計師可視為UIXI設計師和視覺設計師的進階職務，光有設計美感還不夠，還要擅長溝通，看透user的痛點，擬定產品策略，讓抽象的概念具體化。
【Pocket Casts這裡聽】 【MixerBox這裡聽】
【本集來賓】Kinny Lai 賴沼彣，104人力銀行設計處平台體驗設計部經理，帶領8位產品設計師，團隊負責104逾20個產品設計。曾擔任視覺設計師、UI設計師，現為產品設計師。
【本集重點】04:33 非典型設計師職涯，網路小編也能當設計師？05:38 視覺設計師重「好看」，產品設計師重「好用」08:15 產品設計師是UI、UX進階職類13:11 網路產品設計師，一條龍前中後都要兼顧。開發前，使用者研究，對齊公司產品與目標15:40 開發中：梳理資訊架構、內容結構，其次是視覺設計、符合品牌調性16:24 上線後才是挑戰，驗證，了解使用者反饋。17:40 前期最困難，溝通最花心力與時間，把模糊需求具體化23:17 具備跨單位溝通能力，產品設計師是橋樑
▍ 開箱更多職務，你別錯過EP466【百工大吉】工程師斜桿自媒體，月增六千零用金。工作療癒系po文，圈粉超自然 EP434 【百工大吉】前端工程師多非本科生？ 說人話、懂人性，決定你的本事 EP427 【百工大吉】開箱show girl (上)：技能篇。選腦子！3C產品主持展示，上場前，先考試
你適合當PM嗎？解析產品經理必備3種特質與溝通心法
產品經理（PM）扮演產品關鍵的橋樑角色，不僅要看懂全局、擬定策略，更需要與設計師、工程師高效溝通，協調各方需求並推動產品前進。哪些人適合PM工作？作者透過實務經驗分享，解析PM必備的3種核心特質，以及在與不同角色協作時應具備的溝通心法。
文／Michelle Chen（軟體業PM產品經理）
本文目錄：3個PM需要的核心特質（點擊可快速前往）
特質1：你是否習慣全局性思考，並以策略性規劃推動執行？特質2：你是否喜歡且習慣站在對方的角度，使用對方的語言溝通？PM與設計師溝通重點PM與前端工程師溝通重點PM與後端工程師溝通重點特質3：你是否接受甚至喜歡改變，且有隨時改變計劃的彈性？
我習慣定期把自己的職涯規劃拿出來review，問問自己對於「現在的狀態」是否還滿意。最近是我在現職公司任職滿一週年的日子，於是又把這個問題拿出來檢視一番。我發現對於做PM打造產品這件事（撇除外在條件，像是workload、手上的案子、公司策略、主管等），過了幾年我仍非常喜歡且享受其中。再往下探索，是什麼個性或是特質讓我喜歡且適合做產品經理呢？今天整理3個我認為最核心的特質，分享給有興趣往PM產品經理發展，或還在思考自己到底適不適合的朋友參考！
特質1：你是否習慣全局性思考，並以策略性規劃推動執行？
作為產品經理你每天要應對來自各方的利害關係人，需求從四面八方而來，每季的Product Roadmap規劃&執行，每月2~3次的Sprint（如果團隊跑Scrum），甚至每天的跨部門Support，PM的日常總是被滿滿的需求與會議轟炸，任務清單中的To-dos & Action Item似乎看不到盡頭。在這種「艱困」的處境下，能習慣「全局性思考」的PM就比較能從容應對，懂得從任務海中抽身，避免無謂地瞎忙。所謂全局性思考有點抽象，換個方式來說就是：從整體，更高維度視角看待事情，而不是深陷於眼前的問題。
舉個例子來說，假設你是一位部門主管，你發現某個專案快到截止日但離完成還有一大段距離，你可以選擇臨時外聘人力，或是給團隊成員加班獎勵鼓勵他們挪出更多的時間工作完成任務，這也許是最快能見效的暴力解法。但如果你採取全局性思考，你會先退一步思考，這個專案的規劃是否合理，是否有可以簡化的部分，或者是否團隊中有某個特定的人遇到瓶頸。如果能協助這位成員解決問題，整個團隊的運行會變得更加順暢，也許就能如期完成專案。
全局性思考的能力能幫助PM有效辨識什麼才是真正需要解決的「關鍵問題」，而不是像在大魯閣打棒球一樣，只是對每個問題隨著出現而進行反應。這種思考方式讓你從整體上把握問題的根源，不是只解決表面的問題。
找到問題後，接下來就要透過策略性規劃來實作，這時候一定要提到常見的80/20法則。
20%的因素，將導致80%的結果。找出那關鍵20%重要的事情並全心投入，往往能帶來大部分的成果。
首先找到那20%重要並值得花團隊全心投入的P0-重要且須馬上行動的事。並懂得拒絕或是取捨那些重要但不急，甚至根本不用解決的問題 。取捨決策是一個好PM必備能力。
另外，作為產品的代言人，PM一定要知道哪些任務可以被整合在一起（甚至延伸成一個epic）；又有哪些tasks可能會因為其他迭代而順勢被解決，因此現階段可以忽略不做；又有哪些可能看似有問題，但其實是故意為之的機制。
有策略、有條理的安排團隊資源，聚焦在關鍵20%重要的問題上，可以讓團隊更有效率且優雅的工作。（非常重要，誰會想要每天灰頭土臉工作，你說是吧）
特質2：你是否喜歡且習慣站在對方的角度，使用對方的語言溝通？
有這個特質的PM絕對會是團隊的寶，而不會變成大家避之唯恐不及的任務交差使者。習慣從對方的角度出發，用對方熟悉的用語溝通，不僅能提升理解效率，還能拉近彼此距離，建立良好互動。這有助於建立信任，讓未來的合作更順利愉快，形成正向循環，培養無敵默契。（每次遇到只是一兩句話一個眼神，團隊內的工程師和設計師就能馬上理解我的意思，就會覺得「哇，你們真的是神隊友，我好幸福啊！」）
這邊簡單舉例與設計師以及前後端工程師討論需求時應該著重的方向：
PM與設計師溝通重點
重視使用者體驗（UX/UI）：需要清楚描述使用者的需求（如果需要可以附上完整的user story），並在需求說明中「用戶使用流程」、「易用性」、「介面設計」以及「資訊呈現方式」等。
【溝通舉例】「我們希望這個功能的流程是：1.先點擊這個按鈕，2.展開選單，3.選單中會有幾個預設選項且我們會幫用戶進行預選，整個操作希望可以在3步內完成。」
特別注意！尊重設計師專業：作為PM一定要尊重團隊內設計師以及工程師的專業。對設計師，請保留讓他們自由發揮的空間。提出的需求絕對不會是硬性規定設計師只是把你想像中的畫面／流程畫出來而已，保留設計彈性通常得到的結果都會比自己發想的還要完整流暢！
【溝通舉例】如果需要做一個活動頁面：「這個頁面會包含A~C 3個大分類的資訊，其中A／B分類會另外連結到C／D頁面。這個主頁面的設計，希望能傳達出現代感，並保留畫面的簡潔性，方便用戶快速找到他們要的資訊。可以參考這個網站的設計風格，但具體的顏色／圖標，分類呈現可以自由發揮。」
PM與前端工程師溝通重點
重視介面與互動：前端工程師負責將設計轉換成可用的介面。他們關注的重點包含介面呈現方式、元件的設計與實現、與後端如何進行資料溝通、並且也要確保網頁可以各種大小的裝置和瀏覽器上都能順利運行。
【溝通舉例】PM：「我們希望在報名頁面上，使用者可以看到所有場次，點擊後展開場次詳細資訊，並透過一個動畫顯示出『點選報名』的CTA 按鈕。這部分在手機的 web view 上也需要保持操作流暢。」前端工程師：「這個顯示CTA的動畫在一些舊瀏覽器上可能無法支援，可能會出現卡頓或不顯示的情況。」PM：「如果確實有這個問題，我們可以考慮用彈出popup的方式替代，重點是整體操作要流暢，並且能有效吸引用戶點擊報名。」
特別注意！技術可行性＆永遠都要準備PlanB：有時PM以及設計師一起討論出的設計可能在技術實現上會有挑戰。作為一個好PM，一定要工程師們討論在技術上的可行，以及如果無法實現，可以被接受的PlanB是什麼，並從中找到最佳解決方案。
PM與後端工程師溝通重點
重視系統穩定性及資料處理：後端工程師主要關注系統的穩定性及資料處理。他們習慣使用「API」、「資料庫」、「伺服器」等術語。作為產品經理，你需要清楚描述系統需求，並確保資料流（information flow）和功能邏輯的合理性。
【溝通舉例】PM：「我們需要建立一個數據報表，數據需要即時更新，並支援查看過去30天和60天的時間範圍。這個報表主要用來追蹤使用者行為趨勢。報表中的欄位定義以是{明確定義數據背後的計算邏輯以及fallback機制}。」後端工程師：「要實現即時更新可能會對系統造成壓力，特別是在高峰期，伺服器負載會增加，影響穩定性。」PM：「那或許我們可以考慮設定一個更新的cutoff point，在該時間點做一次性更新，確保穩定性以及更好管理系統負載。」
特別注意！具體明確制定規則：跟後端工程師討論事情一定要具體明確（制定出規則），不能給模糊的「形容詞」。以要新增檢查用戶註冊時的密碼強度的功能為例：
模糊的需求：「我們需要在用戶註冊時，先檢查密碼是否夠強。如果不夠強就讓他重新設置，夠強就讓他繼續註冊。」
➞這時候工程師一定會問你：密碼強度怎麼樣算夠強？這個檢查是在用戶點擊註冊時還是輸入過程中即時檢查？
明確的需求：「如果密碼長度小於8位或不含大小寫字母和數字，則在用戶按下註冊時阻擋下一步，並顯示錯誤提示並要求用戶重新設置密碼。如果密碼符合這些條件，則允許用戶完成註冊。」
PM的工作內容和模式會隨著產品領域、團隊規模及系統架構等因素而有很大不同。然而，良好的溝通能力，尤其能根據不同溝通對象靈活切換用詞和表達方式，針對不同情境調整思考重點，是做好PM必須具備的。如果你發現這種角色切換對你來說有些困難，或是習慣從單一角度進行思考，那可能就不會那麼享受於PM的日常了。
特質3：你是否接受甚至喜歡改變，且有隨時改變計劃的彈性？
最後一點，「接受改變，且對已經計劃好的事情是否總是能保持隨時調整，甚至需要打掉重練的彈性？」是一個PM是否能樂在其工作中，蠻關鍵的特質。
有PM經驗的都知道（不管是Product or Project）都會面臨到原本說好的方向會需要來個大轉彎，產品策略可能因為市場的變化要做立即的調整（例如AI的快速崛起）。對於比較不喜歡變化，或是對於要臨機應變這件事情比較排斥的人，做PM會比較辛苦（心裡苦的部分）。
No two days are the same for a product manager
如果看到上面這句話，你感到興奮，那恭喜你！你一定能從PM的工作日常中找到許多樂趣！
以上就是我簡單從自己身上總結出為什麼就算有時候遇到再鳥的事情，或是有時候真的工作壓力很大，但終究我還是很享受做PM的3大特質與性格，希望能給還在摸索的人或是猶豫不太清楚自己到底適不適合的人一點小小分享。
（原文標題：你適合當產品經理嗎？3個PM需要的核心特質＆性格解析）
[joblist_plugin title='更多104【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?order=15&page=1&sctp=M&scmin=40000&scstrict=1&jobsource=joblist_search&jobcat=2004003005&keyword=%E7%94%A2%E5%93%81%E7%B6%93%E7%90%86' amount='4']
[course_plugin title='產品經理學習營｜學習推薦' keyword='產品經理學習營' amount=2]
ChatGPT生成圖片別只寫「幫我做海報」！設計師分享提示詞6要素，職場公告、簡報都好用
工作需要用AI做海報公告、簡報封面，不是設計師該怎麼做才專業？本次客座小編「設計Ya黃素」從專業設計師的角度，教大家運用ChatGPT Images 2.0的圖片生成功能，生成職場常用的公司內部公告、海報、簡報美化等，並提供6要素Prompt公式、實作示範對照、以及修改提示詞建議，非設計專業都能馬上上手！
文／設計Ya黃素
本文目錄（點擊可快速前往）
最常見的5種職場設計需求，用AI做出專業視覺！職場圖卡、簡報設計6要素！可直接套用的提示詞範本實測示範：用ChatGPT做公司內部活動宣傳海報進階實測：用ChatGPT美化簡報的視覺風格AI生圖結果不滿意？5種常見問題修正語句對照AI生成圖片好用，但6點提醒得先知道
本文使用工具：ChatGPT是否付費：免費版即可使用ChatGPT Images 2.0功能，但訂閱版支援多圖同步生成的進階功能
最常見的5種職場設計需求，用AI做出專業視覺！
公司要辦活動、HR要推新制度、主管要做內訓……需要製作圖卡或海報公告，但自己不是設計師，也沒有預算外包設計該怎麼辦？以前可能只能用免費素材圖庫、網路哏圖稍微改改，現在可以交給ChatGPT Images 2.0的圖片生成功能幫你做！
以下5種職場常用的視覺產出，都是實際用AI生圖可以處理的情境：
簡報封面／章節頁：新人訓練、主管培訓、年度計畫
內部活動宣導圖：健康月、志工日、家庭日、節慶活動
教育訓練教材配圖：溝通情境、回饋情境、團隊合作情境
制度公告視覺：混合辦公、請假制度、EAP、績效時程
抽象概念圖像化：心理安全感、成長文化、員工體驗、跨部門合作
不論是產出簡報用圖或製作內部活動宣傳視覺，這5種需求的共通點是「讓要宣傳的內容更容易被大家理解」。
本文以ChatGPT圖片生成功能為例，從專業設計師角度分享「如何說清楚需求」，寫出更精準的圖片生成prompt。
圖／設計Ya黃素
職場圖卡、簡報設計6要素！可直接套用的提示詞範本
想用AI生成宣傳圖卡，如果prompt只寫「幫我做一張員工健康月的宣傳圖」，模糊的需求讓AI自由發揮，可能會生成不符實際需求的內容，或是風格不符公司調性。
用AI生圖就像跟一位沒來過你公司的設計師溝通，把指令說得越清楚，AI做出來的東西才會越接近你的需求。
好用的Prompt，只要說清楚6件事：
要素需要回答的問題素材類型我要做簡報圖、海報、公告圖，還是教材配圖？使用場景這張圖會放在哪裡？簡報、公告、內部頻道？目標對象誰會看到？新進員工、主管、全體員工？核心訊息看完希望對方理解什麼？視覺風格要專業、溫暖、活潑、科技感，還是簡潔？版面需求要不要留標題、活動資訊、Logo或CTA空間？
【AI生圖提示詞】可直接套用的Prompt公式範本
提示詞有4個關鍵：把用途說清楚、把受眾說清楚、風格要具體，以及要記得說「保留文字空間」。以下提示詞範本可直接複製使用：
我要製作【素材類型】，使用場景是【簡報封面／內部公告／活動宣導／訓練教材】，目標對象是【新進員工／全體員工／主管／跨部門同仁】，希望傳達【核心訊息】，視覺風格是【3–5個形容詞】，畫面需要包含【人物／場景／元素】，請避免【不要出現的元素】，尺寸為【16:9／A4／1:1／1080x1350】，並保留【標題區／文字區／Logo區】。
補充：因為ChatGPT生成的圖常會是整個滿版，讓整體資訊太滿，預先「保留文字空間」除了可以不要太滿版之外，也能保留後續修改彈性，因此建議生成架構之後再調整圖片。
圖／設計Ya黃素
實測示範：用ChatGPT做公司內部活動宣傳海報
首先實測單張圖卡生成，不論是使用免費版或訂閱版，都能使用ChatGPT Images 2.0的圖片生成功能。
工作情境：下個月公司要推動「員工健康月」，需要一張內部宣導海報，要放在公司公告與Teams頻道。設計需求：看起來專業、有活動感、不能太幼稚、要保留標題與活動資訊空間、符合內部溝通語氣，而且最好今天就能產出第一版。
模糊的提示詞：幫我做一張員工健康月的宣傳圖。⮕需求太模糊，ChatGPT會自由發揮，生成一張滿版的宣傳圖卡。
精準提示詞（套用6要素公式）：生成一張公司內部活動宣導海報。活動主題：員工健康月目標對象：公司全體員工使用場景：內部公告、公司通訊軟體、活動宣傳風格：明亮、友善、專業、溫暖、有活力畫面內容：員工伸展、喝水、步行、健康飲食，呈現健康工作生活版面需求：上方保留主標題區，下方保留活動日期與資訊區色彩：綠色、藍色、白色為主尺寸：A4直式避免：太卡通、太醫療、畫面太擁擠
實際生成結果：
圖／設計Ya黃素
可以發現兩種提示詞的生成結果差很多，模糊提示詞的元素雜、版面滿、不方便再調整文字；而精準版提示詞的圖片，畫面乾淨、留有文字區、風格符合需求的企業內部溝通調性。
若要調整圖片細節，只要在對話框中輸入指令或加入文字即可修改圖片，也可以另外用Canva等工具後製加上文字、公司Logo。
職場力小編補充：以上是專業設計師的建議步驟，若不想生成太多次，也可以一開始就把想好的完整文案、時間資訊等內容寫進提示詞喔！
進階實測：用ChatGPT美化簡報的視覺風格
如果你是ChatGPT訂閱用戶，在選擇「推理（Thinking）」或「Pro」模型時，可以使用多圖同步生成的進階功能，一次最多可生成10張圖片，接下來就實測利用這個功能美化工作簡報。
工作情境：簡報內容和頁數分配都已經完成了，但版面看起來太素，在不改寫簡報內容的情況下，要怎麼用AI讓它變好看？
設計需求：不改寫簡報文字、保留原本的頁面順序和內容架構，只針對視覺做美化，並讓整份簡報的視覺風格一致。風格適合公司內部教育訓練使用，專業、現代、清楚、有信任感；每頁要保留足夠的文字閱讀空間，避免過度裝飾、畫面太滿、商業圖庫感太重。
精準提示詞（套用6要素公式）：根據我上傳的這份簡報進行視覺美化，頁面比例為16:9。保留所有原始文字、頁面順序與內容架構，不要新增、刪除或改寫任何文字。請只針對視覺做優化，包括：- 版面配置- 標題與內文層級- 色彩系統- 圖像元素- 插圖風格- 留白- 整體一致性目標是讓這份簡報更像專業企業內訓教材，適合HR用於公司內部課程。風格請設定為：專業、現代、簡潔、清楚、有信任感。＋上傳現有簡報
實際生成結果：單次最多可生成10張圖片，若簡報較多頁可以分批生成。
圖／設計Ya黃素
AI生圖結果不滿意？5種常見問題修正語句對照
ChatGPT生成圖片不滿意怎麼改？以下整理5種最常見的問題，可直接在ChatGPT對話框中輸入修正語句：
問題修正語句畫面太滿減少畫面元素，保留更多文字空間太像圖庫讓人物互動更自然，避免制式商務感風格太卡通改成更專業、成熟的企業內部溝通風格看起來不像台灣企業讓場景更貼近亞洲企業辦公環境，人物外貌與空間設計符合台灣職場氛圍文字不好讀簡化文字，保留空白讓我後製排版
AI生成圖片好用，但6點提醒得先知道
ChatGPT等AI工具生成圖片很方便，但在工作上使用，仍需注意避免上傳敏感資料、確認肖像授權、維持品牌一致性等原則，整理6點注意事項：
不要上傳敏感資料：不上傳個資、客戶資料、財務數字、內部機密或未公開資訊。
確認肖像授權範圍：使用真實人物、照片或品牌素材前，需先確認授權範圍。
留意刻板印象：留意性別、年齡、職位、外貌或文化背景的呈現，確認沒有偏見。
AI圖先當草稿：適合用來產生視覺方向與初版概念，正式發布前仍需人工檢查。
文字資訊要校稿：日期、制度名稱、數字、聯絡資訊等都要再次核對正確性。
維持品牌一致性：產出圖片仍需符合公司品牌調性、色彩與溝通風格。
推薦閱讀：
AI生圖再進化！ChatGPT Images 2.0生成海報文宣、手繪風塗鴉怎麼做？
OpenAI推出ChatGPT Images 2.0支援多語言、思考精準度再升級
NotebookLM生成簡報、資訊圖表功能登場！實用技巧盤點
用AI快速做商品廣宣圖：Manus AI一鍵生成視覺文案行銷素材，電商小編必學
電商和社群小編每天都和時間賽跑，如何用AI快速產生高品質的商品廣宣文案與視覺圖片？本文以Manus AI示範，只要上傳隨手拍的產品照，輸入簡單的需求，就能自動產生專業的文案與圖片！跟著詳細步驟教學，讓AI工作成為行銷工作的最佳夥伴，本文節錄自《用AI做設計》。
文／施威銘研究室
本文目錄（點擊可快速前往）
電商小編的救星！隨手拍的照片也能變成廣宣圖【Manus AI】用AI自動產生廣宣文案及圖片
電商小編的救星！隨手拍的照片也能變成廣宣圖
在電商快速發展的時代，品牌商與代理商經常需要做各種產品廣宣，並進行多平台的行銷推廣。然而，專業攝影往往得花大量的時間與資源，對於忙碌的電商小編來說，並非每次都能安排專業的攝影。
現在有了AI即使是隨手拍的產品照，都能輕鬆轉成廣宣素材，重點是不用自己去背、想文案，只要上傳照片就能在短時間內完成。
隨手拍的桌上型電扇，背景雜亂、光線不佳。透過AI的處理，馬上變成一張廣宣素材（圖／旗標出版提供）
【Manus AI】用AI自動產生廣宣文案及圖片
【使用AI】Manus
電商小編與社群小編每天都在和時間賽跑，得產出大量高品質的廣宣文案與視覺圖片。面對不斷湧現的行銷需求，該如何在有限的時間內，產出吸睛且符合品牌調性的內容？AI正是你的得力助手，只要上傳隨手拍的產品照，輸入簡單的需求，就能瞬間產生專業的文案與圖片，減輕工作負擔。底下我們以Manus AI做示範。
Manus：https://manus.im/home
【Step 1】
請開啟網頁瀏覽器，輸入「https://manus.im/home」網址，連到manus網站，這是一個通用型的AI網站，可以幫你解決各項工作及生活中的問題，進入網站後點選畫面右上角的開始使用鈕，接著使用Google帳戶註冊即可開始使用各項服務。
按下開始使用（圖／旗標出版提供）
點選Google帳戶或使用Apple ID註冊（圖／旗標出版提供）
【Step 2】
首次註冊會得到1000免費積分以及每日登入的300積分，你可以先用免費積分試用各項功能，再決定是否付費（註：官方贈送的免費積分可能會隨時變動，在此僅供參考）。
首次註冊、登入會得到免費積分，請按下知道了關閉此訊息（圖／旗標出版提供）
【Step 3】
接著，在輸入框中輸入你的需求（提示語），在此我們想將隨手拍的照片製作成促銷廣告。
輸入需求（請製作一張直幅的促銷廣告，文字使用繁體中文）+上傳檔案
輸入需求並上傳檔案（圖／旗標出版提供）
【Step 4】
送出需求後，manus就會開始處理，大約等個20多秒就會生成圖片及廣告文案。
自動生成廣告文案、生成兩張圖供我們參考，點選縮圖可放大瀏覽（圖／旗標出版提供）
自動去除照片中雜亂的背景，並加上文案，可惜文字大多是亂碼（後續可使用影像處理軟體來修改）（圖／旗標出版提供）
廣告文案包含主標題、副標題及產品特點，這些都是AI自動產生的（圖／旗標出版提供）
【Step 5】
由於AI生成的中文字大多為亂碼，在此我們可以將AI生成的圖片及文案下載到電腦裡，後續再用影像處理軟體來修改文字。
（圖／旗標出版提供）
下載檔案（圖／旗標出版提供）
下載後的檔案為壓縮檔，會存放在電腦中的Downloads資料夾，解開壓縮檔就可以進行後續的修改（圖／旗標出版提供）
【Step 6】
你可以使用AdobeExpress或是Photoshop的生成填色功能，將中文亂碼的部份去除並與背景融合，再自行輸入文字。
AdobeExpress：https://www.adobe.com/tw/express/
Photoshop：https://www.adobe.com/tw/products/photoshop.html
（圖／旗標出版提供）
【TIP】如果覺得要刪除中文亂碼並與背景融合很麻煩，你也可以直接將manus生成的圖餵給ChatGPT，請它「生成一張去除文字的圖」。這樣後續只要輸入文字就可以了。
節錄自：旗標出版《用 AI 做設計：沒時間？沒素材？沒靈感？就 Call AI 救援》／施威銘研究室 著
推薦閱讀：
AI生成圖卡教學！ChatGPT打造專屬社群配圖，告別圖片荒
「模糊照片背景」免費AI工具推薦！輕鬆告別雜亂、重點更聚焦
ChatGPT-4o更新圖片生成模式升級！照片Q版貼圖、漫畫生成怎麼做？
ChatGPT生成Excel圖表不卡關！xy軸設定、中文顯示問題輕鬆搞定
從畫筆到數位創作──內思高工多媒體設計科的專業養成與創意實踐
在數位內容快速發展的時代，多媒體設計已成為結合創意與技術的重要領域。位於新竹的內思高工多媒體設計科，透過「手繪為本、數位為用」的課程架構，帶領學生從基礎美感培養出發，逐步延伸至動畫、影像與互動設計，建立跨媒介的整合能力。多媒體設計科庭裕主任指出，設計教育的核心不只是讓學生學會工具操作，而是培養「能夠思考與表達的能力」。「AI可以生成圖像，但它不是創意的源頭，真正的設計還是來自人的想法與判斷。」主任強調，學生必須先具備基本的觀察與創作能力，再透過數位工具與AI輔助延伸，而非完全依賴技術取代思考。
從手繪出發：「每日一畫」建立設計的基礎能力
內思高工多媒體設計科的課程設計，以明確的分年學習架構展開。高一階段以手繪與設計基礎為主，透過繪畫、圖學與基礎設計課程，建立學生的美感與表現能力。其中，「每日一畫」是最具代表性的訓練之一，學生需每天完成繪畫練習，扎實培養將想法轉化為圖像的能力。
圖：學生練習「每日一畫」作品
主任認為，設計的第一步不是直接操作電腦，而是「能不能把腦袋裡的東西畫出來」。「手的感覺是最直接的，想法要先透過手呈現，才有可能進一步轉化成數位作品。」這樣的學習過程，對許多學生而言並不輕鬆。並且，設計並非是單純的藝術表達，而是一種溝通與傳遞的方式。多媒體設計科的彭同學提到，自己原本只是單純喜歡畫畫，但進入科系後才發現，設計並不只是畫自己喜歡的內容，而是需要考慮「他人是否能接受」，甚至必須符合特定需求。「以前是畫自己喜歡的東西，但現在會去想，這個設計是不是別人也會覺得好。」這樣的轉變，也反映出設計工作與他人之間緊密的關聯性。
數位技能導入：從創作到媒介整合
進入高二後，課程逐步導入數位工具與媒體應用，包括電腦繪圖、3D動畫、影像製作與虛擬實境等內容。學生開始學習如何將手繪基礎轉化為數位作品，並使用AI製作及修正產生更廣泛的媒介形式。
其中，「互動動畫設計實作」課程特別具代表性。學生需以自身興趣為出發點，規劃主題、撰寫腳本、進行拍攝與剪輯，完成一支完整的影音作品。這樣的課程不僅訓練技術操作，更整合了企劃、表達與敘事能力。多媒體設計科的潘同學分享，自己原本期待能夠專注於拍攝影片，但實際學習後發現，需要先建立繪畫與設計基礎，才能讓影像創作更完整。「原本以為就是一直拍影片，但後來發現學到更多，包含畫畫、設計和不同媒材的應用。」這樣的學習歷程，讓學生逐漸理解，多媒體並非單一技能，而是一種跨領域整合能力。
此外，課程中也導入攝影與構圖訓練，讓學生理解影像的基本語言。主任指出，無論是動畫、設計或影像創作，視覺構成能力都是核心，「構圖、光影、畫面感，這些都是共通的基礎」。
圖：學生數位作品紀錄
從創意到實踐：設計思考的深化
在能力逐步累積後，課程進一步強調設計思考與創意發想。學生透過參加校內「創意構思競賽」，練習具體設計概念，並接受業界與教師的評估，從參賽經驗中學習如何讓創意回應真實需求。
主任指出，學生常出現的問題，是過度沉浸於個人想像，卻忽略設計的目的。「設計不是只為自己，而是要解決問題。」因此，課程會引導學生進行資料蒐集、使用者分析與實際驗證，讓創意能落地成為可行的設計。這樣的訓練，也培養學生面對修改與挑戰的能力，也建立了面對挫折的心理韌性。彭同學回憶，在進行大型水墨作品時，曾因不確定如何下筆而感到焦慮，但最終透過自我練習與同儕討論，完成作品。「完成的時候會覺得很有成就感。」她說。主任則強調，設計能力的建立需要時間累積，「先模仿，再轉化，最後形成自己的風格」，這是一個必經的歷程。
圖：彭同學水墨畫成果
高三階段，學生需整合三年所學，完成專題製作並對外展出。這不僅是學習成果的呈現，也讓學生有機會接受外界回饋。在專題製作中，學生可依興趣選擇方向，包括動畫、影像、平面設計或產品設計等。潘同學分享，自己在畢業專題中負責微電影製作，從劇本撰寫到拍攝與剪輯皆親自參與，他回憶「影片完成的時候會覺得很滿意。」
從學習到未來：多元發展的可能性
在升學發展方面，多媒體設計科學生多以升學為主，延伸至視覺傳達、商品設計、室內設計、建築與多媒體相關科系。主任指出，設計群本身具有高度延展性，「只要有美感基礎，可以發展的領域很多」。
學生的選擇也呈現多元樣貌。彭同學希望未來朝產品設計發展，而潘同學則考慮以建築作為主要專業，同時持續發展影像創作。這樣的路徑，也反映出多媒體設計科所培養的，不只是單一技能，而是一種可延伸的能力基礎。
在創作與實作之間，培養可持續發展的能力
內思高工多媒體設計科，以手繪為起點，逐步導入數位與AI的媒體應用，建立從創意發想到實作完成的完整學習歷程。在這樣的訓練中，學生不僅學會設計技術，更在反覆修正與實踐中，培養出表達能力、問題解決能力與創意思維。
對國中生與家長而言，多媒體設計科所提供的，不只是進入設計領域的入門訓練，而是一條將「想法」落地為技能的學習路徑。在這樣的過程中，學生能為未來的升學與職涯發展奠定穩固基礎。
開箱多媒體設計科學習日常！更多科系探索，歡迎追蹤104高職生IG
在 Instagram 查看這則貼文 104高職生（@104v.hs）分享的貼文
產品設計師的十萬個為什麼！
「你要一直問為什麼，問到對方覺得你煩，這代表你成功了！」資深產品設計主管Kinny用「問」定義一位出色的產品設計師。只有不停發問，不停挖掘，才能直入user痛點。既要理性的邏輯推敲，也要感性的換位同理；既要美感設計的硬底子，也要學SEO、文案力、社群經營；居前端開發團隊與產品PM之間，也居末端消費者和業務行銷之間。有時為了一個產品，還得大展溝通長才，和五、六個部門同時溝通。不論你是建築系、多媒體動畫系、新聞系、商業設計系，只要有實力，就能當好產品設計師。
【Pocket Casts這裡聽】 【MixerBox這裡聽】
【本集來賓】Kinny Lai 賴沼彣，104人力銀行設計處平台體驗設計部經理，帶領8位產品設計師，團隊負責104逾20個產品設計。曾擔任視覺設計師、UI設計師，現為產品設計師。
【本集重點】01:47 思考使用者的需求，聽顧客，只是優化，沒有革命性創新04:07 聽市場反饋與聲音。蒐集各單位的意見，落實實際方案06:12 設計強，但溝通弱，怎麼辦？示範、邊做邊學07:32 最大風險：近視，大量觀看介面，爬文，看數據，傷眼工作08:24 最大挑戰：隨著市場與科技的變化，需求一直改變；跨部門協作，挑戰溝通能力，利益衝突11:27 特質：對問題與現象充滿好奇心；行動力，解決問題，理論落實到實踐16:23 文案力：推薦課程=>這些課程也很適合你=>你離offer就差這些課程喔。18:00 多是設計相關科系畢業，但現在也能透過轉職、自學，養成設計師技能20:24 每年都有新挑戰，瞭解外面網路世界，經營社群
▍ 開箱更多職務，你別錯過EP466【百工大吉】工程師斜桿自媒體，月增六千零用金。工作療癒系po文，圈粉超自然 EP434 【百工大吉】前端工程師多非本科生？ 說人話、懂人性，決定你的本事 EP427 【百工大吉】開箱show girl (上)：技能篇。選腦子！3C產品主持展示，上場前，先考試
Claude Design怎麼用？AI工具生成原型、簡報怎麼做和修改？Anthropic設計師建議使用技巧
Claude Design是什麼？Anthropic新推出的「Claude Design」，只需用自然語言描述需求，就能生成互動原型、簡報、行銷素材、甚至可點擊的網頁雛型。《104職場力》小編整理Claude Design使用方式、費用、操作步驟實測，包括Claude Design生成的原型和簡報修改方式，以及Anthropic設計師分享的使用心得，看看設計工具如何翻轉工作流程！
※更新時間：2026/06/29
文／《104職場力》小編
本文目錄（點擊可快速前往）
「Claude Design」是什麼？免費版能用嗎？Claude Design怎麼操作和修改？5步驟快速上手Claude Design怎麼用更好？Anthropic設計師分享7個心得官方Claude Design指南：獲得最佳結果的提示
Claude Design
網址：claude.ai/design
費用：使用Claude Design功能，需先確認已升級到Claude Pro以上方案（需付費訂閱）。
「Claude Design」是什麼？免費版能用嗎？
2026年6月更新：Claude Design於6月中更新，包括支援畫布直接編輯、匯出目的地擴充，以及Claude Design與Claude Code的雙向同步。使用「/design-sync」指令，可將設計系統引入Claude Design，也能將設計交到Claude Code接續開發，取代原本的單向交接流程。
圖／Claude Design
Claude Design是Anthropic推出的全新產品，由Claude Opus 4.7所驅動，這是Anthropic目前最強的視覺模型。Claude Design讓使用者可以創建原型、投影片、單頁說明文件等各種視覺素材，只需要用自然語言描述需求，Claude就會建立初版視覺稿，接著你可以透過對話、內嵌評論、直接編輯或自訂調整滑桿（由Claude即時生成）來反覆修改。
不論你是專業設計師，或是「腦中有想法、但不知道怎麼做出視覺成品」的工作者，都可以運用Claude Design快速生成視覺設計，大大顛覆傳統工作流程。
Claude Design能做什麼？主要應用場景整理
根據Anthropic官方公告，Claude Design目前主要應用場景包括：互動原型（設計師可將靜態稿轉為可分享的可點擊原型，無需走程式碼審查流程）、產品線框圖與視覺稿（PM可快速畫出功能流程，再交給Claude Code實作或給設計師精修）、設計探索、簡報與提案deck（創業者或業務人員可將粗略大綱在幾分鐘內生成完整的品牌風格投影片，並匯出為PPTX或傳送至Canva），以及行銷素材與前沿原型設計（包含語音、影片、3D效果與內建AI功能的互動原型）。
Claude Design誰能使用？免費版能用嗎？
Claude Design目前以研究預覽版本（Research Preview）形式，提供給Claude Pro、Max、Team及Enterprise方案的訂閱用戶，免費版目前無法使用。另外，企業版（Enterprise）預設關閉，需由管理員在組織設定中手動開啟。
額度方面，Claude Design原先有獨立的每週使用限額，不過自2026年5月底起，Claude Design的用量已改為與Claude.ai及Claude Code共用每週額度，不再單獨計算。仍建議精準下達指令以節省用量。
Claude Design怎麼操作和修改？5步驟快速上手
根據Anthropic官方說明文件，完整的操作流程如下：
Step 1：進入claude.ai/design，建立專案
前往claude.ai/design，點選建立新專案，新建專案時可選擇Prototype、Slide deck、From template、Other。如果你的組織已由設計師事先設定好品牌設計系統，專案會自動套用團隊的色彩、字型與元件，不需要額外設定。
從Claude左欄選擇「Design」或直接前往「claude.ai/design」
輸入專案需求，新建專案時可選擇Prototype、Slides等類別
Step 2：上傳品牌素材（首次使用建議做）
可上傳的素材包括：程式碼庫（如React元件庫）、現有的簡報或PDF、品牌Logo與色票，甚至一份設計精良的PowerPoint就夠。提供愈多素材，Claude對你品牌風格的掌握就愈準確，生成結果就愈好。
Step 3：用自然語言描述你要的設計
一個好的提示詞包含4個要素：目標（你要做什麼）、版面（如何排列）、內容（呈現什麼資訊）、受眾（誰會使用）。例如：「設計一個行動App的4頁引導流程，帶使用者了解我們的核心功能。」
以下為《104職場力》小編實測內容，選擇「Prototype」從生成wireframe到建立High fidelity網頁，實測時也提供品牌系統風格及吉祥物圖片，讓生成網站與品牌風格統一：
圖／104職場力小編實測
圖／104職場力小編實測
接著實測選擇「Slides」生成簡報，Claude Design生成的簡報投影片可以包括演講者備註，同時簡報元素均能直接編輯，或利用「對話」或「內嵌註解」修改：
圖／104職場力小編實測
Step 4：用對話、評論工具或直接編輯來迭代修改
初稿完成後若想調整設計，有3種方式可以搭配使用：大範圍的結構調整用「對話」（例如「把配色改得更深沉、更簡約」）；針對特定元件的細節微調則直接在畫布上點擊留言「內嵌註解」（例如「把這個按鈕的padding加大」），或者直接在畫布上選擇「編輯」調整，例如直接拖曳、調整大小、對齊元素。
初稿完成後若想調整設計，小範圍或針對特定元件的細節微調，直接在畫布上點擊留言「內嵌註解」或直接編輯都可以
Step 5：匯出專案或交接給Claude Code
設計確認完成後，點選右上角「Share」，選擇輸出格式：ZIP、PDF、PPTX、獨立HTML，或直接給Claude Code進行程式碼實作。目前更新後也支援匯出至包括Adobe、Base44、Canva、Gamma、Lovable、Miro、Replit、Vercel和Wix等平台。另外，6月更新後，Claude Design與Claude Code的整合也更進一步雙向同步，新增/design-sync指令，不再只是單向打包交接。
點選右上角「Share」，選擇輸出格式或交給Claude Code
Claude Design怎麼用更好？Anthropic設計師分享7個心得
如何讓Claude Design生成結果更專業？Anthropic設計師Ryan Mather，在公司內負責7個產品線，他在Claude Design推出後於社群平台分享了他的使用心得，截至本文發布為止，已累積143萬次查看、1.8萬書籤紀錄：
1. 先花一小時設定你的設計系統與核心畫面
這是最值得的前期投資。把程式碼庫、設計稿與品牌素材一次餵給AI，之後的每一次生成都會自動套用規範，省去反覆調整風格的麻煩。
2. 與你的工程師即時迭代
Ryan的建議是，設計師與工程師可以在會議中一起運用Claude Design設計新功能。因為Claude Design製作原型速度極快，邊討論邊產出原型，當場驗證概念的技術可行性，讓設計決策與工程限制的碰撞即時發生。
3. 善用「評論工具」進行精準編輯
Claude Design完成初稿後，可能有很多細節需要調整，避免在對話框用一大段文字描述修改位置，這樣既困難又容易出錯。建議直接在畫面上點擊你想改的元素並留下評論，讓Claude識別修改。
4. 讓Claude為你的想法製作影片簡報
Claude Design幾乎能做到你能想到的任何事。老實說，它更像是Claude Code，而不是一個基於畫布的設計工具。
5. 善用連接器，特別是Docs與Slack
設定完成後，您可以發送類似「請閱讀產品研討會的會議記錄，並針對所有提出的問題建立一個演示文稿，探討不同的設計方案」這樣的提示。然後出去走走、感受新鮮事物，回來後會覺得耳目一新！
6. 讓Claude隨時為你打造專屬輔助工具
別再用操作傳統「畫布型」設計工具的思維來限制Claude Design。它是完全不同的事物，具備不同的超能力。去實驗並大膽玩點新花樣吧！你會發現自己的設計效率與表現，將遠遠超越你過去的做事方式。
7. 學會在對的地方放慢腳步、親手打磨細節
AI設計速度極快，但在某些高影響力的細節方面，例如全新的Icon圖示、情境插圖或產品命名，這些看似微小的細節，往往能對整體體驗產生超乎預期的巨大影響力。仍然值得放慢速度，親自手工打磨。因此，知道何時該放慢腳步，本身就是一種藝術形式。
🧵 My tips for getting the best results out of Claude Design! I’m on the verticals team at Anthropic which means I serve 7 different products. Claude Design makes it possible!1. Set up your design system and your core screens. An hour of setup and refinement here is worth it https://t.co/uDA5tOjJmf— Ryan Mather (@Flomerboy) April 17, 2026
官方Claude Design指南：獲得最佳結果的提示
Anthropic官方也釋出使用Claude Design獲得最佳結果的6個提示，提供用戶參考：
從簡單開始，然後逐層增加複雜性：從核心版面配置和內容開始，然後新增互動、邊界情況和潤飾。Claude 對增量請求反應良好。
給Claude的回饋要具體：「這看起來不對」很難採取行動。「將表單欄位之間的間距緊縮至8px」給Claude提供了它所需的確切內容。
參考您的設計系統：如果您知道您品牌系統中存在某個元件，請按名稱提及它：「使用主要按鈕元件」或「套用卡片版面配置模式。」
盡早考慮回應式設計：提及您的設計是否需要在行動、平板電腦和桌面上運作，或僅在其中之一上運作。
要求變化：如果您不確定某個方向，請要求Claude向您展示2~3個選項。比較替代方案比猜測快得多。
要求Claude提供回饋：Claude可以檢視您的設計是否具有無障礙性、對比率、資訊層級和一般可用性。將其視為設計協作者，而不僅僅是產生器。
以上就是本次Claude Design使用方式及技巧分享，Claude Design的出現，與其說是「取代」設計師，不如說是解放了產品團隊的生產力。Anthropic本次瞄準的是Figma與Canva的核心工作流，原型在對話中生成，確認後打包交給Claude Code實作程式碼（更新後Claude Design與Claude Code可雙向同步），若要繼續打磨也可以匯出到Canva等多個平台。
對PM來說，不需要等設計排期就能端出功能流程草稿；對工程師來說，拿到的是已迭代確認的元件而非模糊規格；對設計師來說，靜態產出的門檻降低了，專業判斷力與設計系統的品質反而成了更難被取代的核心。Claude Design目前開放給Pro、Max、Team與Enterprise付費訂閱用戶，如果你本來就重度依賴Claude，不妨現在就試試看！
Claude Skills怎麼用？內建與個人Skill差異、適用情境及使用方式
Skill（技能）可以想成一份寫給Claude的工作流程指南，本文解析Skill的功能、適用情境與觸發方式，說明內建Skill與個人Skill的差異，並分享使用官方Skill「canvas-design」的海報實作成果，有助建立可重複使用的AI工作流程。本文節錄自《Claude 萬用手冊》。
文／施威銘研究室
本文目錄（點擊可快速前往）
什麼是Skill？寫給Claude的工作流程指南Skill什麼時候適合用？Skill的3個核心特性1. 依任務意圖自動觸發2. 可在不同工作情境中重複使用3. 可以直接指定使用Claude中的Skill介紹與應用Skill應用：用canvas-design製作海報的實際結果
【使用claude skills要付費嗎？】Claude免費版及付費用戶均可使用Skills、Connectors等功能，在網頁版即可設定使用。Claude網址：https://claude.ai/
什麼是Skill？寫給Claude的工作流程指南
有了Connector之後，Claude可以連接外部工具，取得信件、行事曆或雲端文件等資料。不過，能取得資料，不代表它每次都知道「該怎麼處理」。舉例來說，你可能每週都會請Claude整理會議紀錄、撰寫週報，或回覆客戶問題。第一次你把格式和流程講清楚，它可以做得很好；但下次換一個對話，可能又要重新交代一次。就算Claude記得你的偏好，也不代表它一定會穩定遵循同一套處理流程。這時候需要的就不是更多記憶，而是一套可以反覆使用的工作方法，也就是Claude的Skill。
Skill（技能）可以想成一份寫給Claude的工作流程指南。它會告訴Claude：遇到某一類任務時，應該依照哪些步驟處理、使用什麼格式輸出，以及需要遵守哪些規則。
這樣說可能還是有點抽象，我們可以用一個實際例子來理解。假設你每週都要整理專案進度報告，而這份報告需要依照以下流程產出：
掃描專案資料夾，找出本週更新的文件。
讀取各專案的狀態紀錄。
提取本週完成事項、進行中事項與待處理問題。
整理成固定格式的週報。
依照指定命名規則儲存或輸出結果。
如果每次都在對話中重新描述這套流程，不只麻煩，也很容易漏掉某個步驟，或讓輸出格式前後不一致。但如果把這套流程寫成Skill，之後只要說「產生本週進度報告」，Claude就能依照固定流程執行，讓結果更穩定、效率更高！
Skill什麼時候適合用？Skill的3個核心特性
1. 依任務意圖自動觸發
Skill不是每次對話都全部載入，而是由Claude依照當下任務判斷是否需要使用。例如你請Claude「整理今天的會議紀錄」，它就能觸發會議紀錄Skill進行整理；但若你只是問「今天午餐吃什麼」，這個Skill就不會被拿出來使用。
這樣的好處是，你可以準備很多套不同任務的處理流程，而不必擔心每次對話視窗（Context Window）都先被一大堆技能塞滿，進而造成你對話的剩餘記憶空間很有限。Claude只會在需要時，額外載入與當前任務相關的Skill。
2. 可在不同工作情境中重複使用
Skill的另一個特性是，它不只綁定在單一對話中，而是可以在不同工作情境中重複使用。舉例來說，你建立了一個「會議紀錄Skill」，之後不論是在一般聊天、專案，或團隊內部討論中，只要任務是整理會議內容，Claude都可以載入並套用同一套整理方式。
3. 可以直接指定使用
除了讓Claude自己判斷要不要使用Skill之外，我們也可以在提示詞中直接指定要使用哪一個Skill。這通常可以透過 "/ "（斜線指令），或在任務描述中明確寫出「請使用某某Skill」來完成。
直接指定Skill的好處是，可以減少Claude判斷錯誤的機會。尤其當任務描述比較模糊，或同時可能符合多個Skill時，明確指定要使用哪一套流程，會讓執行結果更穩定。
Claude中的Skill介紹與應用
Claude的面板提供兩種Skill的來源，分為內建Skill與個人Skill。
內建Skill：內建Skill是Anthropic預先封裝在Claude環境裡的，所有使用者一登入就能直接使用，不需要任何啟用設定。主要包含文件產出類（如生成.docx、.xlsx、.pdf等格式的檔案），或是讀取文件（如讀pdf檔案、CSV檔等）操作。
舉例來說，當我們在聊天視窗要求他幫我們建立Word檔案時，他就會呼叫這些skill去幫我們執行：
能根據任務自動調用原生環境中的Skill（圖／《Claude 萬用手冊》）
個人Skill：需要自行透過Claude的Customize介面手動加入技能清單中，加入後，會出現在Personal skills清單中，之後就可以直接調用。
進入Customize頁面，開啟 Skills 分頁；開啟Skill總覽目錄，並挑選想用的技能加進來，目錄上有Claude提供的官方技能。（圖／《Claude 萬用手冊》）
目前目錄中有提供官方技能，點擊【+】可將技能新增至Claude中，之後Claude即可調用。（圖／《Claude 萬用手冊》）
新增的Skill會出現在Personal skills清單裡；點擊可直接建立新的對話視窗並帶入該技能到輸入框中，讓你測試使用；啟動開關，啟動後可讓Claude偵測任務要不要使用skill。（圖／《Claude 萬用手冊》）
【TIP】注意！所有加入的技能都會同步出現在Claude Desktop與Claude.ai（網頁版）中。
目前Claude官方提供的11種個人Skill，主要分為三種用途：
可直接使用：可以直接呼叫來完成特定任務，無需額外改寫或設定。
canvas-design：產出海報、卡片等視覺設計作品。
web-artifacts-builder：產出多元件的互動式HTML成品。
theme-factory：替現有成品套用視覺主題樣式，內建有10套不同主題。
doc-coauthoring：與Claude共同完成長篇文件撰寫。
algorithmic-art：產出帶隨機性的演算法藝術作品。
slack-gif-creator：產出符合Slack規格的GIF動畫。
learn：想搞懂某個知識點時，請Claude出題測驗或建立學習路徑。
作為範本參考：用處是讓你看懂寫法後，改寫成符合自身需求的專屬版本。
brand-guidelines：示範如何將品牌色彩與字體規範寫進技能。
internal-comms：示範如何將公司內部溝通格式寫進技能。
協助你建立Claude相關工具：以下技能是用來擴展Claude能力。
mcp-builder：引導你建立能串接外部服務的MCP伺服器。
skill-creator：引導你從零開發、測試並優化新技能。
Skill應用：用canvas-design製作海報的實際結果
接下來我們會以/canvas-design為例，示範技能的使用方式，同時解釋一個技能內部包含哪些檔案。加入技能後，它會出現在Personal Skills的列表中，點開就能查看這個技能的相關內容。
（圖／《Claude 萬用手冊》）
SKILL.md：技能的核心檔案，詳細記載這個技能的工作流程、設計原則、注意事項等。Claude啟用技能時，讀的就是這份文件
技能名稱與簡短描述：點進技能名稱後，最上方會顯示這個技能的用途簡介，告訴Claude何時應該啟用它
附件檔案：技能附帶的參考資料或資源檔案，作為Claude執行任務時可隨時取用的素材。不同技能會附上不同類型的附件，比如web-artifacts-builder技能附上建構網頁用的腳本與UI元件庫、internal-comms技能則附上各類公司文件的範例範本等。在本例的canvas-design技能中，附件是canvas-fonts字體資料夾，內含27種字體家族，Claude在生成圖片時可以直接引用，不需要另外下載
與平常使用Claude進行生圖不同，/canvas-design提供的是一套完整的設計方法論。它會要求Claude在開始繪圖之前，先建立一份設計風格（哲學）文件，思考這次作品應該採用什麼樣的視覺語彙、空間邏輯、色彩系統與字體調性，最後，再依照這份哲學去執行繪製。
不過這個技能有幾項明確的限制：
/canvas-design的輸出格式限於PNG與PDF。如果你需要JPG、SVG、PSD等其他格式，就必須在產出後另外轉檔。
Claude的生圖方式和ChatGPT、Gemini、Midjourney等工具不同。前述的工具都是透過圖像生成模型直接產生圖片，因此比較擅長做出攝影感、繪畫感，或具有真實材質的畫面。但Claude則是用程式畫圖，它會透過Python的繪圖庫，例如PIL、matplotlib，或SVG程式碼來計算圖形、線條、排版與色彩。因此，它擅長的不是寫實描繪，而是可被程式明確描述與控制的視覺形式。
Claude擅長的生圖範圍Claude不適合的生圖項目● 幾何構成、網格、色塊● 字體排印與版面設計● 參數化曲線（螺旋、波形、數學圖形） ● 重複圖案、點陣紋理、漸層● 資訊圖表式的視覺● 寫實的繪畫、攝影、有機質感● 人物、動物、植物等具象物體● 任何需要「手感筆觸」的內容● 細膩的場景描繪
【TIP】注意！雖然SKILL.md裡寫到Claude可以生成「博物館或雜誌等級的藝術品」，但這個目標只有在任務主題剛好落在它擅長的視覺類型時，才較容易成立。假設你要求它「畫一張可愛的深海生物海報」，它無法畫出真實的生物，最後改以用SVG拼出比較卡通化的替代圖形，結果反而會和原本承諾的高質感設計產生巨大落差。因此，在請它生成圖片之前，最好先確認你的主題是否能轉換成它擅長的視覺語言。
在了解優勢與限制後，我們就可以進入實作！本例要請Claude生成一張電子音樂活動海報。這類主題本身就很適合轉化成幾何圖形、線條、漸層、參數化曲線與排版設計，因此和/canvas-design的能力範圍相當契合。
/canvas-design實作結果：
（圖／《Claude 萬用手冊》）
節錄自：旗標《Claude 萬用手冊：Claude.ai | Desktop | Cowork | Code Mode | Design | Computer Use | Skills | Connectors | Plugins》／施威銘研究室 著
推薦閱讀：
Claude Cowork怎麼用？要付費嗎？解析操作流程、權限設定及模型選擇
憑借書證免費用GPT、Claude！教育部推「館館有AI」 擴及47所大學
「Claude Design」新登場！AI工具生成原型、簡報怎麼做和修改？
告別Token焦慮！Anthropic提供4個有效降低Claude Code成本祕訣！
【最新免費圖庫推薦】22個可商用圖片圖庫、ICON素材、插畫下載網站
設計做圖總是找不到適合素材？有圖庫網站推薦嗎？客座小編「設計Ya黃素」聽到大家的心聲，推薦包括：免費可商用圖庫網站、時尚插畫網站、ICON圖庫網，絕對實用、趕快收藏！
文／設計Ya黃素
本文目錄：22個免費下載圖庫推薦（點擊可快速前往）
5個可商用圖庫網站推薦11個免費下載時尚風格插畫網站6個免費下載ICON圖庫網站
提醒：使用本文推薦圖庫，請閱讀各網站素材授權條件，並遵循規範使用喔！
在 Instagram 查看這則貼文 設計Ya黃素（@design.ya.huangsu）分享的貼文
5個可商用圖庫網站推薦
總是找不到適合的圖片素材，想自己拍又拍不好？推薦5個好用的免費可商用網站。注意使用前需先閱讀每個網站的素材授權條件，並且遵循授權規範使用喔！
【圖庫推薦1】Pixabay
【圖庫推薦2】Pexels
【圖庫推薦3】Flickr
【圖庫推薦4】Unsplash
【圖庫推薦5】StockSnap
CC0是什麼？使用圖庫注意事項
【圖庫推薦1】Pixabay
特色：Pixabay的圖片量算是非常龐大，該網站的好處在於，不需要標註來源，也不需要署名作者，可直接使用於商業模式。更厲害的是還有提供短影片下載。
網址：https://pixabay.com
▲ 圖片來源：設計Ya黃素
【圖庫推薦2】Pexels
特色：Pexels的優點在於提供了中文搜尋模式，搜尋圖片時就不需要煩惱英文單字怎麼拼。而Pexels也跟Pixabay一樣，在圖片的使用上較無限制，不需要標註來源、署名作者也沒問題，可直接使用於商業模式。
網址：http://www.pexels.com/zh-tw/
▲ 圖片來源：設計Ya黃素
【圖庫推薦3】Flickr
特色：Flickr提供了一個讓任何人都可以上傳圖片的平台，可選擇是否商用。在挑選圖片時，有「可商用」和「免費共享許可」等選項。但需要注意的是，並非所有圖片都是CC0可商用的，因此在挑選照片時需要格外留意。
網址：https://www.flickr.com/
▲ 圖片來源：設計Ya黃素
【圖庫推薦4】Unsplash
特色：Unsplash是免費圖庫中解析度最佳的網站之一。不同於其他免費圖庫可能提供的小尺寸圖片容易失真，Unsplash的圖片通常足夠大，可直接用作電腦桌布，避免模糊問題。圖庫內容以風景和自然景色為主。
網址：https://unsplash.com/
▲ 圖片來源：設計Ya黃素
【圖庫推薦5】StockSnap
特色：StockSnap提供免費的CC0圖片下載服務，無需支付費用。此外，加入他們的會員後，還能夠上傳自己的圖片，成為設計師團隊的一員，一同為CC0圖片事業貢獻心力！
網址：https://stocksnap.io/
▲ 圖片來源：設計Ya黃素
CC0是什麼？使用圖庫注意事項
CC0（Creative Commons）是一個非營利組織，提供所有人都能夠免費使用與共享資源。簡單來說就是他們拍攝、錄製、繪製了許多的圖庫資源，提供給任何人使用，而規範可能從「完全沒有限制使用範圍」到「特定條件下就可使用」，因此即便是CC0共享許可的資源，都需要先了解使用規範。
CC0使用規範通常會有幾種類型：
可以提供給教育性質，非商用模式
可商用，但需要標註來源
可商用但不可修改與二次創作，標示為自己出版的圖片
可商用，無限制
11個免費下載時尚風格插畫網站
插畫在設計中可以讓僅用文字難以表達的內容，變得更易於理解。製作簡報或者貼文時常常花費的大把時間在尋找插畫靈感或插畫素材嗎？介紹11個時尚風格插畫網站，還可以免費下載唷！
提醒：使用前需閱讀各網站的素材授權條件，並且遵循授權規範使用喔！
時尚插畫網站網址Delesignhttps://delesign.com/free-designs/graphics/OUCHhttps://icons8.com/illustrationsBlushhttps://blush.design/collections/humaaans/humaaansManypixelshttps://www.manypixels.co/galleryOutlanehttps://delesign.com/free-designs/graphics/Open Doodleshttps://www.opendoodles.com/Pixelbuddhahttps://pixelbuddha.net/Designstripehttps://designstripe.com/search/illustrations?sort=freeDrawKithttps://www.drawkit.com/Storysethttps://storyset.com/error404https://error404.fun/
在 Instagram 查看這則貼文 設計Ya黃素（@design.ya.huangsu）分享的貼文
6個免費下載ICON圖庫網站
推薦6個超實用的免費icon網站，獨特圖標讓畫面立刻變得更生動、更有型！
【ICON網站1】Flaticon
【ICON網站2】Eva Icons
【ICON網站3】irasutoya
【ICON網站4】Icon Finder
【ICON網站5】Freepik
【ICON網站6】Icon Store
【ICON網站1】Flaticon
特色：Flaticon持續更新最新、活躍的ICON，並提供修改顏色、尺寸和檔案類型的功能，讓使用者可以選擇符合需求的ICON。此外，Flaticon還提供「PACK」模式，讓你可以一次整包帶走ICON，無需擔心風格不一致的問題！目前免費使用只能下載PNG類型的檔案。
網址：https://www.flaticon.com/
▲ 圖片來源：設計Ya黃素
【ICON網站2】Eva Icons
特色：Eva Icons的圖示風格極為簡潔，使用者可以點選所需素材單獨下載，或者按右上方的「DOWNLOAD」下載全部。該圖示庫提供Outline和Fill兩種類型，同時還可選擇放大、翻轉等效果，提供使用者更多的選擇和自由度。免費使用便能下載SVG與PNG類型的檔案。
網址：https://akveo.github.io/eva-icons/
▲ 圖片來源：設計Ya黃素
【ICON網站3】irasutoya
特色：irasutoya是日本的免費素材網站，提供可愛插畫風格的素材，種類豐富，也有許多適合做為ICON的插圖，一般情況所有素材都可以免費商用，但不可用於違反善良風俗的目的。另外若商用使用超過21項或使用高解析素材，則需要付費。詳細資訊請參閱使用條款。
網址：https://www.irasutoya.com/
▲ 圖片來源：設計Ya黃素
【ICON網站4】Icon Finder
特色：Icon Finder擁有近200萬個圖示，包括免費和付費版本。即使是免費使用者，也能透過篩選選項，輕鬆找到符合需求的ICON，提供方便快速的搜尋體驗。
網址：https://www.iconfinder.com/
▲ 圖片來源：設計Ya黃素
【ICON網站5】Freepik
特色：Freepik不僅提供免費圖庫，還涵蓋圖片、設計素材和ICON等多種資源，並提供豐富的版型選擇。即使不具設計能力，使用者也能輕鬆為簡報或網站增添吸睛元素，輕鬆簡單就能創造出優美的設計。
網址：https://www.freepik.com/icons
▲ 圖片來源：設計Ya黃素
【ICON網站6】Icon Store
特色：Icon Store的圖示通常色彩繽紛，適合用於活潑性質的網站或簡報。相較其他圖庫，帶有青春洋溢的氛圍，並經常提供節慶相關的ICON，非常適合應用在社交媒體和社群互動中。
網址：https://iconstore.co/
▲ 圖片來源：設計Ya黃素
[joblist_plugin title='更多【設計】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&jobcat=2013001000&kwop=7&keyword=設計師&expansionType=area%2Cspec%2Ccom%2Cjob%2Cwf%2Cwktm&order=12&asc=0&page=2&mode=s&langFlag=0&langStatus=0&recommendJob=1&hotJob=0' amount='3']
更多【實用設計必備】好文推薦：
編輯激推AI生成簡報！【12個高質感PPT模板網站】免費下載簡報範本
15大免費字體下載懶人包，實用中英日字體可商用、自用
免費Mockup網站推薦！5個mockup模板平台讓作品質感大提升
ChatGPT可以產生流程圖嗎？用Excalidraw和ChatGPT快速搞定
面對複雜的活動企劃或行政流程時，往往不能只靠文字或口頭說明。這時，利用流程圖來視覺化資訊成為提升溝通效果的最佳解方。本文解析如何結合「ChatGPT」與「Excalidraw」，從文字、Mermaid語法到圖表，快速產製出結構清晰、專業美觀的流程圖，輕鬆應對各種工作需求。本文節錄自《30個必學的AI行政工作術》。
文／賴彥廷
本文目錄（點擊可快速前往）
Excalidraw＋ChatGPT快速產製流程圖【STEP 1】快速掌握Excalidraw的使用方式使用Excalidraw將文字轉為流程圖【STEP 2】ChatGPT改寫語法【STEP 3】快速產出流程圖【STEP 4】調整與匯出Excalidraw實際成果展示【升級技巧1】善用資料庫與範本功能【升級技巧2】開啟即時協作模式
你是否遇過這樣的情況？同事在會議上介紹一個即將舉行的活動企劃，雖然他講得滔滔不絕，大家還是難以掌握活動全貌和階段任務。又或者，遇到報帳、請款這類較繁瑣的行政事務時，因為不熟悉流程，常常要多次詢問負責的人，耗費大量的時間。
這些讓人摸不著頭緒的狀況，往往是因為僅靠文字或口頭說明，無法讓他人迅速理解。此時若能將資訊視覺化，就能順利提升溝通效率，而「流程圖」就是職場中最常用的視覺化工具之一。
儘管流程圖常見且實用，但是想將一個活動企劃或是行政流程改寫為流程圖，卻不是一件容易的事！我們需要先在腦內消化眾多資訊，再思考如何拆解與表達，接著用手動繪圖，一來一往會耗費許多時間和精力。
如果有一款工具能將文字敘述快速轉換成簡潔明瞭的流程圖，那該有多好！
Excalidraw＋ChatGPT快速產製流程圖
「Excalidraw」是一款線上製圖工具，除了提供各式便利的圖表繪製功能，更重要的是，透過AI的輔助，可以快速將文字內容轉換成邏輯清晰的流程圖，對於展示活動企劃、產品研發、專案管理等工作的「流程」與「步驟」都非常有幫助。
接著將介紹如何運用「Excalidraw」搭配「ChatGPT」，根據各種工作需求，快速產出流程圖。
【STEP 1】快速掌握Excalidraw的使用方式
Excalidraw是一款免費開源、容易上手的圖表繪製工具，特別適合用於繪製流程圖與架構圖。無需安裝程式，在瀏覽器上開啟即可使用。
先進入Excalidraw的官方網站：https://excalidraw.com/
使用介面非常單純，畫面上空白的區域就是讓我們繪製與編輯圖表的白板，而透過畫面上方的「工作列」，即可加入文字、線條、箭號等流程圖常用的元素，也可以插入圖片輔助說明。
AI自動繪製流程圖的功能則是包含在工具列的「更多工具」功能中。開啟後，將有幾種模式可以選擇：
文字轉圖表：透過簡單的描述，讓AI迅速將文字轉為流程圖。
Mermaid：Mermaid是一種專門處理圖表設計的語法，適用於流程圖、甘特圖、心智圖等圖表，Mermaid能以文字的方式清楚定義圖表內的文字、節點、連線方式等元素如何組裝，我們不必手動處理每個細節。
線框稿轉為程式碼：線框稿（Wireframe）是一種網頁設計或應用程式開發的草稿，用於表達產品的設計邏輯或排版架構。此功能多用於軟體研發相關的工作，此處不贅述。
實際應用時，「文字轉圖表」可以將我們口語化的敘述改寫為流程圖，便利又實用。但是根據經驗，遇到複雜的程序偶而會出現誤判（例如漏掉某個步驟）。此時改為使用「Mermaid」功能，即可精準針對需求製作流程圖。
使用Excalidraw將文字轉為流程圖
圖／商周出版提供
到這裡你可能會心生疑問：為了畫張流程圖還得花時間學習Mermaid語法怎麼寫，不是搬磚頭砸自己的腳嗎？
別擔心，這個問題全部交給ChatGPT！
【STEP 2】ChatGPT改寫語法
現在我們切換到ChatGPT，請它將文字轉成結構性的綱要，並用Mermaid語法規劃流程圖的細節。
為了讓ChatGPT的回答內容更加精準，可以在指令中善用兩個技巧：
請AI根據資料提取「流程重點」或是「關鍵步驟」。
限制以Mermaid語法輸出。
舉例來說，現在公司要辦理一場商業茶會，同事在會議上說明了籌備流程，我們可以將隨手寫下的內容直接丟給ChatGPT處理，輸入指令如下：
請根據以下活動說明提取流程重點，以Mermaid語法清晰呈現整個活動的流程。
活動說明：
最近公司準備推廣新型的雲端服務，總經理決定舉辦一場茶會，邀請潛在客戶參加。關於地點，我先呈報上次合作過的會議中心，如果總經理不滿意，我們再討論其他適合的地點，直到總經理說ok，再來預約，同時，也要聯繫外燴公司準備點心及茶飲。現在要分工處理茶會當天的幾個工作項目：邀請嘉賓、邀請媒體單位、預先準備新聞稿、安排支援人力。另外，在茶會結束前，大家互相提醒一下，別忘了拿出送給來賓的宣傳手冊。
ChatGPT回答：
graph TD
A [開始準備] --> B [報告會議中心選項]
B --> C {總經理是否滿意}
C --> |不滿意| D [討論其他地點]
D --> C
C --> |滿意| E [預約會議中心]
E --> F [聯繫外燴公司準備點心及茶飲]
A --> G [茶會當天準備]
G --> H [邀請嘉賓]
G --> I [邀請媒體單位]
G --> J [準備新聞稿]
G --> K [安排支援人力]
G --> L [茶會結束前確認宣傳手冊]
L --> M [活動結束]
上面的英文字母、箭號、括弧等符號就是Mermaid語法。請連帶其他文字內容，全部複製貼上到Excalidraw。
這個方法的優點是，我們不必絞盡腦汁思索該如何將文字轉為流程圖，用口語化的描述，甚至有點凌亂的隨手筆記，都能直接丟給ChatGPT，讓AI整理成清晰的架構。
【STEP 3】快速產出流程圖
接著再回到Excalidraw，開啟「Mermaid」功能，輸入上一步驟ChatGPT生成的內容後，右側「預覽」（Preview）視窗就會出現AI自動生成的流程圖，接著點選「插入」（Insert）來編輯圖表細節。
【STEP 4】調整與匯出
我們可以將AI生成的流程圖當作基礎，繼續調整內容或是進行美編。
例如，使用工具列的「繪圖」（Draw）添加手繪風格的圖案，或是用「插入圖片」（Insert Image）上傳輔助說明的照片。當然，我們也能自由切換流程圖內的文字字型、顏色、對齊方式等美編設計。
完成後，點選畫面上方的「設定」就能匯出這張精美的流程圖囉！
Excalidraw實際成果展示
圖／商周出版提供
所謂「一圖勝千言」，流程圖透過簡單的關鍵字、幾組線條就能說明一切。更棒的是，如今有了AI幫忙，想繪製一張專業的流程圖，彈指之間就能完成！
【升級技巧1】善用資料庫與範本功能
如果我們在工作中設計出一個獨特且實用的流程圖，希望未來還能繼續使用，只需要對著流程圖按右鍵「加入資料庫」，即可將這次的設計儲存到個人資料庫中。下次遇到同類型工作時便能直接取用。
更棒的是，我們還可以在「資料庫」裡面瀏覽各式各樣的美編素材、插畫圖樣，甚至是其他人設計的圖表模板，還能套用到自己的作品中。藉由這些資源，作品的視覺效果將會更豐富多彩。
【升級技巧2】開啟即時協作模式
如果需要與同事一邊討論一邊修改流程圖，可以點選畫面上方的「共享」按鈕，分享網址，就能立刻多人連線、共同編輯。
節錄自：商周出版《30個必學的AI行政工作術：搞定會議、行程、簡報、文書、圖表、影音、資料庫，事半功倍，準時下班！》／賴彥廷 著
更多【AI工作術】推薦給你：
4步驟學會運用AI關鍵能力！16種AI工具應用解析｜行銷策略指令範例
用AI快速寫Email！ChatGPT Writer、Copilot等中英文電子郵件生成
ChatGPT一鍵生成簡報！Slides Maker讓AI幫你快速做完整簡報
會議紀錄用AI怎麼做？會議逐字稿如何整理？｜AI語音轉逐字稿教學
用ChatGPT準備面試練習！AI履歷撰寫和模擬面試必學指令
有任何收穫或想分享的，都來和大家一起聊聊吧！