成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
104學習
網頁視覺介面UI設計
這項技能主要是負責設計使用者在瀏覽網站時所看到的畫面與互動元素，確保介面美觀且操作直覺。它強調色彩搭配、排版布局、按鈕與圖示設計，讓使用者能輕鬆找到所需資訊並順利完成任務。同時也要考慮不同裝置的相容性和使用體驗一致性。在職場上，這項能力能提升網站的吸引力與使用效率，幫助企業建立專業形象並增加用戶黏著度，是數位產品成功的重要關鍵。
測測你現在的程度
花 5 分鐘了解自己的能力，找到最適合的學習起點
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
AI工程師與企業開發必修！FastAPI後端精通：全面入門與進階實戰指南
Figma新手指南｜UI/UX設計思維
電腦視覺演算法之人臉辨識實戰【本課程為線上課，報名後專員會提供上課資訊】
掌握Claude Code從零打造企業級全端開發應用實戰班
AI快速完成專業簡報
Linux Socket網路程式設計【本課程為線上課，報名後專員會提供上課資訊】
AI工程師必學！Python Dash零基礎互動式資料分析從入門、進階到應用實戰！
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
SolidWorks零組件機構設計
精選證照
考取專業證照，讓能力被市場看見
SSE User Interface Design國際認證
隨著網際網路興起與智慧型手機的出現，人與機器的互動方式一直在不斷的變動。也因為許多企業對於使用者體驗與介面的重視，介面設計相關的人才需求越來越多，平均薪資高也高於其他設計人才，許多人也開始想要轉職為介面設計師。
SSE User Interface Design國際認證針對目前這股潮流趨勢，為求職者與求才者所建構的一項測驗檢定，通過測驗，代表你已具備UI視覺設計的必備技術，將能在UI視覺製作方面獨立工作，並且能與程式設計師協同完成大型UI建置的能力。
Silicon Stone Education (SSE)
使用者介面設計 Adobe XD
Adobe XD證照驗證持有人具備使用Adobe XD進行使用者介面設計的專業能力，能有效運用軟體工具進行原型製作、互動設計及視覺布局，提升產品使用者體驗。持證者熟悉設計流程與協作技巧，能與團隊成員順利溝通，確保設計方案符合需求並具備創新性。此證照適合UI/UX設計師、產品經理及相關領域專業人士，提升職場競爭力與專業信譽。
尚未查核發照單位
進階軟體設計專業人員
進階軟體設計專業人員證照旨在驗證持有人具備高階軟體設計與開發能力，涵蓋系統分析、架構設計、程式撰寫及測試等關鍵技術。持證者能有效運用物件導向設計原則及軟體工程方法，解決複雜問題並提升軟體品質與維護性，適用於大型專案開發與團隊協作，提升職場競爭力與專業價值。
財團法人中華民國電腦技能基金會
編排設計InDesign
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力，涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能，適用於出版、廣告及數位媒體領域，有效提升工作效率與作品品質。
尚未查核發照單位
實體設計 (Creo Parametric/SolidWorks)
實體設計證照主要驗證持有者在Creo Parametric或SolidWorks軟體操作上的專業能力，涵蓋三維建模、零件設計、組件裝配及工程圖繪製等技能，能有效運用軟體完成產品設計與修改，提升設計效率與精確度，適用於機械、電子及工業設計等多種產業，具備此證照者具備良好的CAD工具應用能力，能協助企業加速產品開發流程，提升競爭力。
尚未查核發照單位
IT Expert-網路資訊+網路規劃設計專業人員
IT Expert-網路資訊+網路規劃設計專業人員證照專為具備網路架構設計、管理與維護能力的專業人才設計，涵蓋網路通訊協定、路由交換技術、防火牆設定及安全管理等核心技能，能有效規劃企業網路環境並確保系統穩定運作，適合從事資訊系統規劃、網路工程及資安防護等相關工作，提升職場競爭力。
經濟部ITE資訊人員鑑定
精選貼文，掌握第一手知識
零經驗小編跨域轉職產品設計師，撥開產品迷霧 ，看透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產品主持展示，上場前，先考試
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，不妨現在就試試看！
「接案作品集」怎麼準備？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 最完整免費接案平台、接案社群總整理（附設計、行銷外包接案工作機會）
用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軸設定、中文顯示問題輕鬆搞定
軟體工程師內推管道及注意事項？工程師社群、LinkedIn等求職網以外的找工作管道
軟體工程師「內部推薦」有哪些管道和注意事項？本文作者ExplainThis團隊，曾協助多名軟體工程師成功進入外商科技大廠、海外新創，解析除了求職網以外的找工作管道，包括內推、學徒計畫、工程師網路社群、經營LinkedIn等。
文／ExplainThis（王鵬傑、李俊廷、林品均）
本文目錄：求職網以外的找工作管道（點擊可快速前往）
一、內部推薦內推（Referral）比較容易獲得面試機會內推管道內推該注意的4個事項最好的內推是強內推二、學徒計畫三、工程師的網路社群四、經營LinkedIn
當提到找工作，多數人第一直覺想到的，可能會是求職網。以台灣來說，像是傳統的求職網104、1111，或者新興平台CakeResume與Yourator。而找海外工作，可能第一直覺會想到老牌的Indeed、Glassdoor，或者是新興的LinkedIn。
然而，除了這些求職網，事實上還有許多其他的找工作管道。我們在這個小節將會詳細談幾個不同的找工作管道，讓讀者們能透過不同的管道，增加獲得面試的機會。
一、內部推薦
在找工作上，業界公認比透過求職網站或公司官網申請更有效的方式，是透過內部推薦（referral）。當你上求職網站申請，往往需要先經過前面提到的ATS系統，跟上百位申請者一同競爭，脫穎而出後才可能被真人招募員看到你的履歷。
然而，如果能夠被內推，將有可能跳過這個環節，直接被招募員或用人主管等真人審履歷。這雖然不代表一定會通過招募員或用人主管的篩選，但最起碼能直接省去前面的系統審核。
內推（Referral）比較容易獲得面試機會
你可能會問，為什麼內推比較容易獲得面試機會？因為，通常來自公司內部員工的推薦，表示推薦者對應徵者有一定程度的認識和信任。
與此同時，內部員工對公司文化和工作環境有比較深入的了解，所以推薦的人通常會更適合公司的需求，因此，公司較傾向相信現有員工的判斷，這讓透過內推進來的申請者，比較可能在茫茫履歷海中受到青睞。
內推管道
如果你想要找人幫你內推，在台灣的軟體工程師社群中，有歹晚郎內推互助網絡（https://bit.ly/3FlItvp）與Nex Work（https://work.nexf.org/）等由海外軟體業前輩發起的內推網絡。此外，也可以在LinkedIn或是Blind（https://www.teamblind.com/）上，搜尋「#referral」的標籤，或是找有在該公司任職的人，然後禮貌地發個私訊請對方幫忙內推。
當然，很多時候可能不會立即得到回應，又或者可能對方太忙沒回應，也不要感到氣餒，可以多詢問同一家公司中不同的人幫忙內推。
（圖／博碩文化提供）
內推該注意的4個事項
在找人內推時，如果能依循某些注意事項，會比較容易讓人想幫你忙。以下我們分享幾個建議大家要遵循的原則。
1. 履歷好好寫
在各大海外公司工作的人，也知道自己公司的標準，所以不會來者不拒、盲目內推。你想提高別人內推你的意願，務必要好好寫履歷。好好寫代表著格式上要正確，以及內容描述上要讓人覺得你有達到對方公司想要找的人才水準。假如不知道怎麼寫好履歷，可以參考Chapter 2的履歷撰寫相關內容。
2. 附上想被內推的職位
在多數大公司，光是一個大組可能就幾百人，比一間新創公司還大，因此除非是專職招募的招募員或者是工程經理，不然多數人其實不知道其他組現在有什麼職位開缺。所以不要找人內推時，還說什麼「你有沒有建議我申請哪些職位」，這只會讓人覺得你沒做功課。
大家平常工作已經夠忙了，沒空幫你去看你適合申請的職位，所以務必自己附上。通常大公司的職缺都會有Job ID，可以附上你想申請的。附上你為何適合這個職位：內推的人也不會想自己在公司內的名聲臭掉，所以多半會先判斷你是不是真的適合被內推。如果你想提高別人內推你的意願，就要做到讓別人認為你適合被內推。
要做到這點，務必附上你為何適合這個你想被內推的職位。理想上也要附上為何你適合該公司（建議多做一些功課來研究該公司，進而能闡述你為何跟該公司文化契合）。花時間幫你的這件事本身就很佛心，千萬不要把別人的善意視為理所當然。
可以用的句型是在簡短自我介紹後，提及「我目前在找XX領域的工作，對這個職位很感興趣。過去我在XX領域有OO經歷，我相信我能對這個職位有所貢獻」。
3. 記得表達感謝
假如一個原本跟你不相識的人願意內推你，務必要表達感謝。因為大家平時工作很忙，可能還有家庭事務要兼顧，額外抽時間幫你，這件事本身就很佛心，千萬不要把別人的善意視為理所當然。
即使內推沒有讓你拿到面試機會，也要記得感謝對方。畢竟很多公司冷凍期半年，你之後還可以再嘗試，與對方維持良好關係，這次沒上之後要請對方幫忙也會讓對方更有意願。
最好的內推是強內推
雖然上一段有提到可以找人幫忙內推的管道，但如果要獲得比較有幫助的內推，或俗稱的「強內推」，建議平時就要建立起能幫自己內推的人脈。
所謂的強內推，是指對方在內推時，有註明是「強力內推」。一般來說，多數公司的內推系統，都會詢問「你跟被推薦者的熟悉程度」以及「你有多推薦這位被推薦人」。不同公司具體問的問題可能會不同，但大多不脫離這兩類問題。
而唯有這兩個問題都回答「很熟悉」、「強烈推薦」，並且推薦理由寫得很詳細，才會被認定為是強內推。
當然，一般內推已經比直接在公司網站或人力銀行網站申請來得好，只是如果能的話，獲得強內推會是更好。
至於如何獲得強內推？一個是平時有好的工作表現，可能你現在的同事，未來會去不同公司，如果跟他們合作時，做到對方發自內心會想推薦你，這時要獲得強內推就容易得多。
又或者假如你還是學生，在平常的小組作業中，盡可能地貢獻，在同組的同學心中留下好的印象，未來同學們進到不同的公司，你要找他們內推，也會容易獲得強內推。
另一個則是多參與不同的社群活動，例如貢獻到開源社群，或者是參與技術會議等，這些也是一個你能夠曝光、與他人協作的機會，在這些場合貢獻價值，也相對容易獲得強內推。
上面提到這些要獲得強內推的方式，都是需要時間去耕耘而非速成的。因此，如果你現在還沒辦法獲得任何強內推，建議從現在開始行動，而不是等到要求職時才發現沒有人能為你強內推。
二、學徒計畫
學徒計畫（Apprenticeship Program）是近期各大公司越來越盛行的一個專案，包括：LinkedIn、Microsoft和Google等，都曾推出類似的計畫。
這些專案旨在招募更多元的人到科技公司，其中常見符合此計畫的人條件包含以下：
自學程式
參加過程式戰鬥營（coding bootcamp）
非傳統電腦科學背景
暫時離開工作，並嘗試重回職場
學徒計畫在經歷上的審核以及面試上，技術層面比起正職的初階工程師更簡單一點。多數的學徒計畫也都有轉正職的機制。
部落客「半路出家軟體工程師在矽谷」有一篇專門彙整各大公司學徒計畫的文章（https://brianhsublog.blogspot.com/2019/08/TechApprenticeship.html），並且時常更新，非常推薦有興趣、有需求的讀者可以去看看。
（圖／博碩文化提供）
三、工程師的網路社群
除了上述提到的3點，網路社群是軟體工程師不可錯過的資源。這些社群不僅提供了工作機會，也能幫助你與同業交流、了解產業趨勢，以及許多面試經驗的分享。以下是幾個會張貼工程師工作機會的熱門或相關網路社群：
PTT Tech_Job版：https://www.ptt.cc/bbs/Tech_Job/index.html
PTT Soft_Job版：https://www.ptt.cc/bbs/Soft_Job/index.html
PTT Oversea_Job版：https://www.ptt.cc/bbs/Oversea_Job/index.html
Facebook Front-End Developers Taiwan：https://www.facebook.com/groups/ f2e.tw/
Backend台灣（Backend Tw）： https://www.facebook.com/groups/backendtw/
四、經營LinkedIn
對比傳統的求職網，目前新興的人脈社交媒體LinkedIn已經逐漸成為找工作的首選，特別是對於外商與海外求職，LinkedIn基本上比一般專注於本土市場的求職網有更多的職缺機會。比起求職網投遞履歷，經營Linkedin能夠讓獵人頭或招募員，看到你更多元、更深入的一面，以及看到你更長期的累積。現在已經有許多獵人頭與人資，會直接在LinkedIn上找人選，所以花心思經營LinkedIn將有可能讓自己獲得更多機會。
節錄自：博碩文化《軟體工程師求職策略大全／ExplainThis、王鵬傑、李俊廷、林品均 著 》
[joblist_plugin title='104【外商軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB&order=15&page=3&zone=4,5' amount='3']
[joblist_plugin title='更多104【軟體工程師】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=%E8%BB%9F%E9%AB%94%E5%B7%A5%E7%A8%8B%E5%B8%AB' amount='3']
推薦閱讀：
軟體工程師談薪水8重點：不掀薪資職級底牌、靠「最後一招」多談一點
軟體工程師履歷範本｜5大地雷別踩：形容詞太多、技術名詞太少
外商軟體工程 | 履歷面試精華，知名外商人資教你
問卷設計用AI怎麼做？Gemini輔助6步驟完成Google表單、自動分析結果
市場調查是很專業的工作，不過如果只是小規模的市調，也可以用AI工具幫忙設計，好處是可以快速獲得方向跟靈感，節省憑空構思問題的時間！作者以Gemini示範如何快速完成Google表單問卷，以及運用AI統計問卷結果並加以分析。本文節錄自《最強！Google AI 工作術》。
文／蔡宜坦、施威銘研究室
本文目錄（點擊可快速前往）
問卷設計快速生成！請AI幫忙設計問卷內容如何把準備好的問卷題目製作成Google表單？Google問卷表單回覆怎麼看？讓AI幫你深入分析問卷結果
企業若能掌握消費者的消費意向，便能推出更符合需求的產品或服務。想要了解消費者的需求與意願，最常見的方法就是做「市場調查」，例如新品試用調查、滿意度調查等，這些方式都能獲取消費者最真實的意見回饋。
然而，市場調查是很專業的工作，涉及問題分析、抽樣方法、樣本規模、問卷設計、問卷發放、問卷回收與結果分析等，每個環節都要謹慎處理，以免誤差影響分析結果。市面上有許多公司提供線上市調服務，但是大部分都需要付費。其實如果只是小規模的市調，也可以用AI工具幫忙設計，不僅如此，AI還能統計問卷結果並加以分析，會成為你的市調好幫手！這一節我們就要實做用AI協助做線上市調問卷的過程。
使用AI：
Gemini：https://gemini.google.com/
問卷設計快速生成！請AI幫忙設計問卷內容
假設你已經想好問卷的目標，例如想要問消費者對新產品的購買意願、想要調查某活動的滿意度等，在設計問卷時，就可以透過提示詞告訴AI你想做什麼，讓AI協助生成相關的問題。
下面就以「市集活動滿意度調查」為例，我們要請AI擬出10個問題，詢問消費者對活動中每個環節的滿意度，作為下次辦活動的參考：
【提示詞】幫忙設計〔問卷主題〕問卷要收集〔填入收集資料〕，可以參與問卷填寫後的〔填寫後提供獎勵或進一步互動方式〕我想知道〔描述目標使用者〕的顧客對於〔可輸入更多想提問的項目〕的滿意度和印象好（或不好）的地方請設計〔指定生成數量〕個題目
圖／旗標科技《最強！Google AI 工作術》
輸入提示詞後，AI馬上就做出一份問卷，包含問卷標題、問卷前言、還有10個題目的問答項目。像這樣請AI製作問卷，好處是可以快速獲得方向跟靈感，而且AI整理的問題有明確的架構，例如它先問活動體驗，再問回饋建議，最後才是填寫抽獎資料，這已經具備基本的問卷架構，可以節省憑空構思問題的時間。你也可以再請AI調整或是自行增減項目，製作出更符合需求的問卷。
【問卷設計】GEMINI生成結果：
包括：問卷標題、問卷前言（簡介問卷內容和說明獎勵機制），可提升受訪者的參與意願
圖／旗標科技《最強！Google AI 工作術》
擬出十個問題（節錄）
圖／旗標科技《最強！Google AI 工作術》
如何把準備好的問卷題目製作成Google表單？
假設AI產生的問卷題目大致符合需求，接著就要將題目製作成可正式發布的問卷。目前大多數線上市調都是以Google表單製作的，如果你從來沒有製作問卷的經驗，也可以請AI教你製作步驟，下面就為你示範（如果你對Google表單已經很熟悉，即可略過此部份的說明）。
1. 直接請AI教我們做：AI馬上列出操作步驟，跟著步驟即可將問卷內容建立成Google表單。由於前面已經請AI準備好題目，可以在設定題目時派上用場。
【提示詞】可以教我如何將問卷內容轉換成Google表單嗎？
圖／旗標科技《最強！Google AI 工作術》
2. 登入並新建Google表單：試著按照AI第1個步驟的說明，進入Google表單網頁：https://docs. google.com/forms/。進入Google表單後，會看到一個「+」鈕，按下此鈕就可以建立新表單，要在登入狀態才能使用這功能。
圖／旗標科技《最強！Google AI 工作術》
3. 輸入表單標題及說明：接著會進入「未命名表單」的填寫畫面，請依序輸入表單標題與問題/答案。只要將剛剛AI寫的內容依序複製過來即可。
選取並複製問卷標題，貼到表單標題欄位（可再自行修改）
選取並複製問卷前言，貼到表單說明欄位（可再自行修改）
圖／旗標科技《最強！Google AI 工作術》
4. 輸入表單問題及答案：接著開始輸入問卷中的問題／答案。之前AI已經幫我們把問題列好，直接複製到Google表單中即可，你當然也可以繼續視狀況調整。
複製AI寫好的問卷問題，將問卷的問題貼到表單中
選擇「評分」，就會自動出現五個星等的選項
按此「+」按鈕可以繼續新增下一個問題
圖／旗標科技《最強！Google AI 工作術》
5. 完成後選擇發布：請繼續依照相同的操作，陸續以AI生成的問卷內容為基礎，複製到Google表單，並視需求修改文字內容，表單內容會自動儲存在Google的雲端硬碟裡。最後，按下右上角的發布鈕，即可完成問卷的製作。
按下「發布」按鈕
目前設定是只有知道連結的使用者才能進入問卷頁面，再次按下「發布」鈕即可
圖／旗標科技《最強！Google AI 工作術》
6. 取得問卷連結：問卷發布後，我們只要取得這份問卷的連結，即可分享出去，比如將問卷網址置入社群網站或是電子報，邀請別人來填寫這份問卷。
已經發布的表單，這裡的發布鈕會變成「已發布」鈕，請按一下
圖／旗標科技《最強！Google AI 工作術》
按「複製作答者連結」按鈕。你可以勾選縮短網址項目，讓網址更簡短好記。按複製即可複製此問卷的連結，接下來就可以把這個連結分享給目標消費者了。最後按「儲存」鈕。
圖／旗標科技《最強！Google AI 工作術》
Google問卷表單回覆怎麼看？讓AI幫你深入分析問卷結果
延續前一節的內容，當顧客填完問卷後，可以等累積到一定的量（樣本數），再開始統計資料，以便從數據中統整出有價值的資訊。本節我們要先從Google問卷表單中取出顧客的回覆資料，接著就可以請AI來統計和分析問卷的結果了。
瀏覽Google問卷結果並另存新檔
問卷調查進行一段時間後，當你登入Google表單，切換到回覆頁次，即可瀏覽顧客的回覆。為了方便後續用AI分析結果，我們要將問卷結果匯出成Excel試算表檔案。
切換到「回覆」頁次可查看顧客的回覆。按下「在試算表中查看」即可自動將問卷結果匯出成試算表，點擊「建立」。
接著會自動開啟Google試算表，請執行「檔案 / 下載 / Microsoft Excel（.xlsx）」命令，將檔案儲存成Excel格式，並下載到電腦裡
圖／旗標科技《最強！Google AI 工作術》
提醒：如果下載的是逗號分隔值檔案（.csv），表單中有些中文字會變成亂碼，因此建議儲存為Excel檔。
請AI分析問卷結果
前面我們已經準備好問卷回覆的統計表（Excel 格式 /.xlsx），接下來只要把檔案丟給AI，就可以請AI幫我們分析了，非常方便！
【提示詞】協助分析活動的優缺點
直接把檔案丟給AI，請AI分析活動的優缺點。AI馬上做出優缺點分析報告，你可以看到整體評分、優缺點、改進建議等細節，也可以繼續發問，和AI討論怎麼做會更好
圖／旗標科技《最強！Google AI 工作術》
從這一章就可以知道，以前需要想破頭的文案，還有費時費力的問卷調查與分析工作，現在已經可以靠AI節省大把時間囉！就連研究報告也可以讓AI助你一臂之力喔！
節錄自：旗標科技《最強！Google AI 工作術：以 Gemini 3 為核心，串聯 NotebookLM 與滿滿 AI 工具, 搞定資料分析、簡報製作、 教育訓練等日常工作》／蔡宜坦、施威銘研究室 著
推薦閱讀：
搞定會議紀錄！AI語音轉逐字稿怎麼做？NotebookLM、Gemini操作解析
AI生成簡報工具怎麼選？Gamma、Felo、NotebookLM等6大AI工具推薦
如何用AI準備證照考試？NotebookLM學習備考超實用5步驟完整解析
.NET 開發者必看！學會滲透測試思維，加速修補資安漏洞並提升系統穩定性
恆逸開課時間查詢：https://www.uuu.com.tw/Course/Show/1501/1
恆逸學員徐英智：
C# 全端開發兼顧穩定與資料安全
我目前在一家以軟體開發為主的科技公司擔任全端工程師,主要使用 C# 和 .NET 平台開發各類應用程式。工作上,我負責的範圍涵蓋後端系統架構設計到前端畫面的串接。我也會與美編人員、測試人員一起討論技術方案,並處理系統整合的問題。我們的客戶大多是公部門,因此系統在穩定性、擴充性及資料安全方面的要求都非常高。
🎯 藍紅軍攻防實務滿足工作所需
公司正在計畫投標更多不同領域的專案,在證照要求上需要有更多同事擁有 C# 相關證照。我覺得這門課最大的吸引力是內容非常完整,從防禦到攻擊的部分都有涵蓋,特別是針對藍軍防禦與紅軍攻擊等主題,都有搭配實務講解。這些正好是我目前工作上非常需要了解的內容。
🛡️ 從攻擊視角掌握資安防護精髓
講師的教學方式非常豐富,不只侷限於課本內容,而是從多個角度搭配實際案例來說明重點。印象最深的是在講解「程式撰寫的資安防護」時,講師不只是單純地說明理論與原則,而是透過實際的攻擊範例,來展示網站在有防護與沒防護時的差別。透過這樣的實作演示,我能夠更直觀地理解各種漏洞的成因與攻擊手法,也學會了如何在開發階段就建立正確的安全意識。這對我特別有幫助,因為我在工作中經常需要修補系統漏洞、分析滲透報告。課程讓我更清楚地了解滲透測試人員在檢測時的思維與方式,能更有效地從防禦角度思考問題,預先避免潛在風險。這樣的實務教學方式,讓我在資安防護上不再只是照著規範執行,而是真正了解背後的邏輯與意義。
🔍 Proxy 工具實戰應用發現潛在弱點
讓我印象深刻、甚至覺得意想不到的收穫,是學到了 Proxy 工具在滲透測試中的進階應用。以前我只知道這類工具能攔截封包做基本分析,但在課程中,講師深入示範了如何利用 Proxy 來模擬實際攻擊、測試網站的安全防護機制,這才讓我意識到這類工具的潛力。透過上課,我發現可以在專案系統上線前,先用這個工具自行進行測試,檢查是否存在漏洞或防護不足的地方,這不僅能提早發現問題,也能減少上線後修補的時間與成本。上完課的隔天,我立刻將這些方法運用到工作中,重新檢查過去負責的專案系統,找出一些過去未注意到的潛在弱點。實務操作的經驗,也幫助我在考證過程中,能更快速地判斷並找到問題的答案。
🚀 資安課程助學員快速理解攻擊手法強化防護爭取升遷
這門課對我工作的幫助可說是立竿見影。回到公司後,我剛好收到幾份滲透測試報告需要修補漏洞,便立刻回想課堂上學到的觀念與技巧。以前看到這類報告時,常需要花時間去理解攻擊手法與漏洞成因,但現在我能更快掌握滲透人員的思維角度,也能準確判斷問題所在,迅速找到程式中需要修補的部分並完成防護強化。更重要的是,這次的學習讓我對資料防護與網路架構的整體概念有了更深入的理解,能夠以更全面的視角來思考系統安全。我現在也能更直觀地提出自己的建議與想法,並主動分享課程中學到的資安觀念與防護技巧。最後,我希望自己能順利在下個月取得 CASE .NET 的證照,爭取公司提供的額外獎勵與升遷機會。
索取課程優惠：https://www.uuu.com.tw/Forms/CourseInfoRequest?courseId=CASENet&mediaSrc=104
AI會議紀錄整理技巧！6步驟活用Gemini Notebook與指令模板，語音轉文字、中英夾雜也不怕
會議記錄整理總是很花時間，如何運用AI來提高效率？作者分享「AI會議整理術」，6步驟包括運用AI語音轉文字工具，以及活用Gemini Notebook（原NotebookLM）等AI工具來解決中英夾雜、專有名詞一堆等AI會議紀錄常見痛點。搭配AI指令模板，將雜亂逐字稿自動轉譯為「三段式摘要」與「行動清單」，省下60%時間，讓團隊溝通更精準、決策更高效！本文節錄自《高效職場生存法圖解》。
文／趙胤丞、電腦玩物站長Esor
本文目錄（點擊可快速前往）
讓AI用固定模板，把會議討論變成清楚的紀錄與待辦AI會議整理操作教學！6步驟分享，節省60%時間的協作術AI提示詞分享：快速把逐字稿轉成會議筆記、會後郵件AI會議筆記方法論反思與實踐AI會議筆記實戰QA：AI工具怎麼選？轉錄出錯怎麼辦？
（編按：NotebookLM於2026年7月更名為Gemini Notebook。以下為原始文章：）
讓AI用固定模板，把會議討論變成清楚的紀錄與待辦
AI工具不是拿來取代我們，而是為了讓我們能把時間花在「真正要我們思考的地方」。我們都知道，一場會議不只是一場會議，它可能是團隊協作的決策過程，也可能是專案卡關的突破時刻，所以會議過後真正困擾我們的其實是「後續花時間釐清專案未來策略」、「確認接下來要做哪些待辦行動」。
但是，我們卻常常把最多時間花在會議後的資料、記錄整理，結果為了會議筆記拖延了那些真正要馬上去做的下一步行動，這樣的行為無異是「買櫝還珠」。
只是傳統的會議紀錄方式充滿了各種痛點：主持人講得飛快，你無法跟上；對話來回跳躍，記錄順序亂七八糟；會議過程與會者講了一堆，還得再花時間整理報告與Email。這些都是消耗我們寶貴的時間。其實整理不好，這不是你能力問題，而是訊息密度過高、人力處理的效率太低。
這正是AI可以切入協助支援的痛點，幫我們「釐清會議中的決策與行動訊號」。
概念說明關鍵效益自動化轉錄AI將語音自動轉換成文字節省人工聽打時間，不錯過任何細節智慧化摘要AI根據內容自動生成重點與結論快速掌握會議核心，不必重聽錄音行動化轉譯AI從文字紀錄中提取任務與責任人加速「討論」到「行動」的轉換，強化執行效率
資安前提：在使用任何AI工具時，特別是涉及公司內容，務必確認公司、平台的隱私安全規範，以保護你與組織的資料安全。
（圖／創意市集《高效職場生存法圖解》）
AI會議整理應用情境：適用需高效溝通的場合、專案會議、跨部門會議
這套方法適用於所有需要高效溝通的場合，特別是討論內容多且複雜的專案會議，或是需要精準追蹤行動的跨部門會議。無論你是團隊主管、專案經理、還是需要同時處理多項任務的個人工作者，都能透過AI協作來確保會議的討論能確實轉化為可執行的成果。
AI會議整理技巧提醒：加速你的決策行動，而非取代你的判斷
AI是你的副駕駛助手，AI雖然能大幅節省時間，但它的價值在於「加速你的決策與行動」，而非取代你的判斷（畢竟AI無法幫你的錯誤判斷背黑鍋）。最終的行動清單仍需由你人工確認與校對，進而確保共識沒有落差。
AI會議整理操作教學！6步驟分享，節省60%時間的協作術
【Step 1】為什麼需要AI會議記錄工具？
這套AI協作流程不是要你變得更依賴工具，而是讓你學會用工具放大自己的效能，讓每一場會議都能更快進入「創造價值的行動階段」。
傳統會議記錄的痛點AI可以做什麼主持人語速過快、資訊密度高，難以跟上自動語音轉文字，完整保留內容對話跳躍、紀錄順序混亂快速生成會議摘要，還原討論脈絡討論時混雜了資訊、交辦、想法、疑問，清理要花許多時間協助整理任務清單與待辦事項會後還需整理郵件回報輔助產出主管回報Email
當我們試圖用低效方式處理高密度資訊時，就會被迫卡在「文書助理」的角色裡。AI讓我們能專注在會議中的決策、協調與判斷，真正成為「決策轉譯者」。
【Step2】挑選對自己最方便的AI轉錄工具
AI語音轉文字（甚至是會議錄音專用AI工具）已經多如雨後春筍，甚至大多數線上視訊會議工具也都內建錄音與AI轉錄功能。這邊我們沒有要對工具做太多深入解析，而是針對常見的三種會議情境，分享對一般用戶來說最簡單易上手的選擇。
工具應用情境功能簡述PLAUD.ai硬體裝置，方便啟用錄音檔案儲存在本地裝置，內建AI自動處理工作流程雅婷逐字稿手機App，即時轉錄當下即時轉錄，對於台灣用語有相對較在地的處理NotebookLM自行錄音，交由AI轉錄與處理可以建立會議錄音資料庫，由自己的指令決定轉錄的處理方式
【Step 3】如何處理多語混雜與專有名詞挑戰
中英夾雜、專有名詞頻繁，是台灣公司很常見的會議現場情境。現在大多數的AI語音轉錄工具，對於多語內容的辨識已經有一定水準（不過台灣常用的台語，還是有侷限），這部分大家可以實際試試看即可。
而「專有名詞」的部分，例如專案特有的名稱、人物、技術、術噢，可以製作一份「專有名詞表」，在AI要轉錄前，先提供AI，請其根據這份「專有名詞表」來轉錄，往往就可以有很好的效果。
以前面提到的Google NotebookLM為例，我們可以先新增一份專有名詞對照表。
以Google NotebookLM為例，再請AI轉錄會議前，可以新增一份專有名詞對照表（圖／創意市集《高效職場生存法圖解》）
接下來在轉錄時，請AI除了分析錄音檔案，也要對照專有名詞對照表，修改會議筆記內容，就能獲得很好的辨識效果，更重要的是可以大幅度節省後續修改潤飾的寶貴時間。
【Step4】應用「三段式會議摘要」
我們當然可以讓AI把「所有逐字稿」都轉換出來，但這樣其實有點浪費了AI真正「整理」、「重組」、「分析」的能力。
用AI摘要會議紀錄，不是要它幫你「記住全部」，而是幫你「轉譯為可用資訊」。三段式結構最適合會議筆記與摘要：
背景議題：這段討論是在處理什麼？
重點觀察：過程中出現哪些關鍵數據、爭議或決策？
行動建議：這段話最後導出了什麼事要做？有責任人與時限嗎？
你可以在AI指令中明確要求輸出這三段內容，並加註需要標示會議參與者或引用關鍵數據，確保摘要可以立即使用。
用AI摘要會議紀錄，三段式結構包括：背景議題、重點觀察、行動建議，最適合會議筆記與摘要（圖／創意市集《高效職場生存法圖解》）
【Step5】從摘要轉譯為行動清單
會議中最常見的溝通語句是模糊的，例如：「這案子你再follow一下」、「那份簡報誰來處理好？」。如果只是轉錄逐字稿，很有可能只是一對類似這樣的雜亂語句，這時候可以請使用AI判讀以下三要素：
What：要完成什麼事？（如果能寫出具體項目與產出最佳）
Who：誰負責？（要寫上負責人，也要確保負責人知道自己要負責該項目）
When：什麼時候要完成？（最好有明確日期與時間）
示範指令：「請根據以下逐字稿，列出所有可辨識的任務，標示What（要完成什麼事？）／Who（誰負責？）／When（什麼時候要完成？），若有待確認的資訊請註記。」
【Step6】AI會議紀錄實作分享—節省60%時間、保留主導性
每次會議後，我習慣以下流程（當作示範參考，但你可以搭配不同工具）：
會議中用PLAUD.ai錄音並轉文字，確保內容完整。
將逐字稿餵給ChatGPT，依「三段式會議摘要」、「行動清單邏輯」輸出摘要與任務。
核對、補充細節後貼入自己的任務管理工具，並標注優先順序。
需要回報的部分請AI幫我起草Email訊息。
這個流程沒有一個步驟是全部交給AI，自己完全不動手，但AI幫我節省了大約60%的紀錄與輸出時間。我能花更多力氣去思考與決策，而不是被反覆聽錄音與整理報告綁架，但也不會完全由AI主導，結果我自己根本不知道真正的討論內容是什麼。
AI提示詞分享：快速把逐字稿轉成會議筆記、會後郵件
如果你想快速把逐字稿轉成有效的會議筆記、會後郵件，可使用以下指令：
你是一名「會議行動轉譯官」，任務是根據下面逐字稿生成會後追蹤Email。請嚴格依流程輸出：1. 會議摘要（三段式：背景議題／重點觀察／行動建議）2. 任務清單（What／Who／When）3. Email草稿（以專業、精簡語氣撰寫，結尾請列出下一個檢視節點）。請在內容中善用條列，確保收件者一眼就能掌握重點。逐字稿：（貼上逐字稿）
AI會議筆記方法論反思與實踐
1. 重新定義「寫會議筆記」的價值
寫會議筆記的本質是「為了讓事情推進發生」，而非停留塵封在共用資料匣的會議記錄當中。過去我們花大量時間確保每個字都被記下來，卻忽略了會後最重要的任務分工。現在有了AI工具，我們反而要重新調整焦點：不是把責任全部交給AI，而是善用AI把「會議噪音」過濾成「行動訊號」。
當AI接手機械性的紀錄工作後，你就能把注意力放在觀察會議中的人際互動、判斷決策背後的潛在風險，或是思考下一步策略。因此，你不再是敲鍵盤的人，而是提煉共識、設定優先順序的人。
2. 真正的效率來自「人機協同」
AI轉錄與摘要可以迅速提供初稿，但準確性、策略判斷與溝通語氣仍舊仰賴我們來掌舵。當你願意多做一個「人工校準」的步驟，補上情境背景、利害關係、專業措辭，也能讓AI處理得更好。而當我們有好的會議筆記，就能確保整個團隊朝正確方向前進。
3. 持續優化你的協作節奏
每個人面對的專案都不同，所以你需要跟AI溝通的專業術語，甚至你需要讓AI處理雜亂會議討論的邏輯都會有所不同。
上面提供的指令是基本版，你需要再根據自己的專案邏輯做修正客製化，根據自己需要的正式會議報告結構做調整。我們可以抱持一種「做實驗」的心態，把每次會後郵件當成一次實驗：
這次的AI prompt是否清楚？
任務欄位拆解是否滿足需求？
專業用語分析是否正確？
如此每一輪修正都會讓我們在「下一次」AI整理筆記的流程更貼近團隊需求。
AI會議筆記實戰QA：AI工具怎麼選？轉錄出錯怎麼辦？
Q：AI工具這麼多，我該怎麼選擇？
解答：工具百百種，我們時間很有限，別去追求最好的工具，而是思考現階段最適合你使用的。挑選時先從痛點出發：如果最需要節省聽打時間，專注於轉錄精準度；如果最在意資料安全，則優先考量支援端對端加密的硬體或雲端服務。
Q：AI轉錄的內容，直接使用會有風險嗎？
解答：會議逐字稿只是初稿。AI可能會在專有名詞、口音、語氣理解上犯錯。如果未經校對就直接使用，容易造成誤解。我們仍需親自把關確認，再更細緻地補上決策背景與情緒脈絡，才能確保最終對外訊息是精準且負責任的。
Q：AI摘要會不會讓我變懶惰，不再思考？
解答：AI幫你完成機械性的紀錄工作後，你反而能把精力轉移到判斷利害、預測風險、擬定策略，而這些才是對組織更有價值的工作。AI讓你成為更好的溝通者與決策者，而不是更懶惰的紀錄者，因為單純記錄在未來的價值會大幅貶值。
Q：如果講者口齒不清，AI轉錄還是會出錯怎麼辦？
解答：這是AI工具的極限，但我們可以利用下面這個會議小技巧來調整：遇到轉錄不精準時，可以在會議中使用「段落即時總結」技巧：由我主動複述「我確認一下，您剛才說的是……」來釐清語意。這個動作能建立共識，並在錄音過程也把模糊訊息轉成可執行的任務。
節錄自：創意市集出版《高效職場生存法圖解：工作被打斷、時間很零碎、會議一大堆也能高產出的技巧》／趙胤丞、電腦玩物站長Esor 著
推薦閱讀：
NotebookLM生成簡報、資訊圖表功能登場！實用技巧盤點
NotebookLM簡報怎麼修改？5招編輯方法實測，轉PPTX、線上改都行
會議記錄=逐字稿？專業會議紀錄只記3項重點｜寫法技巧、範本一次看
會議紀錄用AI怎麼做？會議逐字稿如何整理？｜AI語音轉逐字稿教學
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成本祕訣！
6個配色網站實用推薦！一秒找出心動配色方案，設計師必備
配色好難，有沒有直覺好用或有特色的配色網站？色彩是影響視覺感受的重要因素之一，本次客座小編「設計Ya黃素」推薦大家6個超實用免費配色網站，還提供RGB及CMYK的色碼可以直接複製，歡迎分享與追蹤唷！
文／設計Ya黃素
本文目錄：6個配色網站推薦（點擊可快速前往）
【01】Adobe Color【02】Coolors【03】Nippon Color【04】Picular【05】Pigment【06】BrandColors
配色卡關的時候怎樣都看不順眼嗎？色彩是影響視覺感受的重要因素之一，介紹6個方便又實用的配色網站， 協助配色之外還提供RGB及CMYK的色碼可以直接複製，讓你快速找到合適的色彩方案！
在 Instagram 查看這則貼文 設計Ya黃素（@design.ya.huangsu）分享的貼文
【01】Adobe Color
特色：直覺又好用的Adobe官方配色網，操作方式是在「建立」頁面直接拖曳色輪或輸入色碼，便可以搭配出不同配色方案。另外「探索」頁面功能也很實用，輸入顏色、情境或關鍵字進行搜尋，就會出現好多配色參考圖。
網址：https://color.adobe.com/zh/
圖片來源：設計Ya黃素
【02】Coolors
特色：十分方便好用的配色網，只要點擊空白鍵，Coolors就會隨機推薦5種顏色的搭配，看到喜歡的顏色可以按下鎖定，其他幾個顏色再讓它隨機搭配，也可以移動、新增顏色或移除顏色，簡單組合出喜歡的配色方案！
網址：https://coolors.co/
圖片來源：設計Ya黃素
【03】Nippon Color
特色：設計日本風格作品時請務必參考看看！Nippon Color蒐集250種日本傳統美學配色，每個顏色都有相應的日式名稱，非常細膩有詩意。也皆有RGB及CMYK的色碼供使用，喜愛和風配色的朋友們絕對不能錯過。
網址：https://nipponcolors.com/
圖片來源：設計Ya黃素
【04】Picular
特色：號稱「配色網站的Google」！當你懶得動腦的時候，只需要在Picular搜尋框輸入任何你想要的詞彙或是情境，例如：海灘、春天，它會快速顯示出相關色彩配色建議喔！
網址：https://picular.co/
圖片來源：設計Ya黃素
【05】Pigment
特色：當你只需要簡單兩種顏色搭配時，運用Pigment是不錯的選擇！Pigment提供非常多兩兩一組的配色方案，另外你可以在左邊白圈圈拉動調整飽和度及色系，無論鮮豔色或是莫蘭迪色，都可一秒調出超多組合喔！
網址：https://pigment.shapefactory.co/
圖片來源：設計Ya黃素
【06】BrandColors
特色：最大的「官方品牌配色集合站」，收錄世界知名品牌、企業的顏色色碼，例如Facebook的藍色、LINE的綠色等等，工作時若會應用到相關資料，可直接搜尋名稱快速下載，獲取色票資訊！
網址：https://brandcolors.net/
圖片來源：設計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']
告別Excel地獄：用Google免費AI工具，打造零失誤自動化銷售報表
每到月底，您是否也被淹沒在無盡的Excel銷售報表中，為混亂的資料格式、複雜的公式計算和無止境的複製貼上而苦惱？這些耗時且易錯的手動流程，不僅消耗寶貴工時，更隱藏著營運風險。我們將帶您告別傳統的報表地獄，深入探討如何運用強大的免費工具——Google Apps Script + Gemini，將繁瑣的數據處理流程全面自動化。從資料清理、庫存分析到自動生成叫貨單並發送郵件，我們將一步步教您打造一套智慧高效的報表系統，將數天工作壓縮至幾分鐘，徹底解放您的生產力。
文／人資市集
前言
想像一下，每個月底，你的桌面上攤開著「銷售量表」Excel檔案，裡面記錄著數百項商品的銷售情況、進貨成本和庫存狀態；旁邊還有一份「廠商資訊」Excel檔案，記載著二十多家供應商的聯絡方式；以及一份「叫貨單」Word模板，等待被複製貼上無數次...
「又要熬夜了...」你嘆了口氣，開始了月底例行公事。
數據處理的三大痛點
痛點一：混亂的資料格式
銷售表中的庫存欄位，有些寫著「2包9個」，有些寫著「3盒40條」，還有些是「停售」、「尚未進貨」。你必須手動計算實際數量，還要處理重複記錄的品項，如「微糖黑豆奶」出現在兩個不同的列，售價還不一致。
痛點二：繁複的計算工作
計算各品項的總銷量、總營收和毛利率時，你需要設置複雜的Excel公式。特別是處理不同進貨單位的成本計算（如「4袋/40入」成本40元，每個單品成本為1元），稍有不慎就會算錯。
痛點三：重複的文書作業
分析完成後，你必須為每個需要補貨的廠商製作叫貨單，不停地複製貼上廠商資訊、品項、數量、單價、總價...然後將它們一一轉為PDF並發送郵件。這些重複性工作不僅耗時，還容易出錯。
Google Apps Script + Gemini AI 自動化解決方案
透過Google Apps Script結合Gemini AI的強大能力，我們可以將這些繁瑣的工作全部自動化，從數據清理到報表生成，再到郵件發送，全部一鍵完成。以下是具體步驟：
1. 環境準備與檔案設置
將Excel和Word檔案上傳至Google雲端硬碟，轉換為Google格式，並從試算表的「擴充功能」選單開啟Apps Script編輯環境。這一步確保所有檔案都能被自動化程式存取和修改。
2. 使用Gemini AI生成程式碼
這是整個自動化流程的核心環節。無需懂得編程，只要向Gemini AI清楚描述你的需求，它就能生成對應的Apps Script程式碼。例如：
當你告訴Gemini：「請寫一個Google Apps Script程式，從資料夾中找到銷售量表檔案，並讀取'綜合銷售量表_9-5月'分頁的內容」，它會立即生成完整的程式碼：
JavaScript
function findFilesInFolder() {
var folderId = '你的資料夾ID';
var folder = DriveApp.getFolderById(folderId);
var files = folder.getFiles();
while (files.hasNext()) {
var file = files.next();
Logger.log('找到檔案: ' + file.getName());
}
}
你只需將生成的程式碼複製到Apps Script編輯器中，按下執行按鈕，程式就會自動運行。每個步驟都可以用同樣的方式，向Gemini描述需求，獲取程式碼，然後執行。
這種方式特別適合不懂程式設計的使用者，因為你不需要了解程式語法，只需要清楚描述業務需求即可。如果程式執行結果不符合預期，你可以向Gemini解釋問題，它會提供修正後的程式碼。
3. 資料清理與標準化
向Gemini描述資料清理的需求，如「請寫程式將'2包9個'這樣的庫存記錄轉換為實際數量」，它會生成相應的程式碼，自動識別並處理重複品項、統一庫存記錄格式，並將其他備註文字記錄轉換為數字0。
4. 銷售數據分析
告訴Gemini你需要計算各品項的總銷量、總營收和毛利率，它會生成程式碼自動進行這些計算，並將結果按高到低排序，幫助你快速識別關鍵營收品項和高毛利率品項。
5. 庫存分析與補貨建議
描述你的庫存分析需求，如「計算近三個月平均銷量，與目前庫存比較，找出缺貨風險品項」，Gemini會生成程式碼自動執行這些分析，並根據公式計算建議補貨量。
6. 自動生成叫貨單
告訴Gemini你需要根據廠商資訊和補貨建議自動生成叫貨單，它會生成程式碼從廠商資訊表中找出各品項對應的廠商，複製叫貨單模板並填入所有必要資訊。
7. 自動發送郵件通知
描述郵件發送的需求，如「將叫貨單轉為PDF並發送給對應廠商」，Gemini會生成程式碼自動完成這些任務，完全消除手動發送郵件的工作量。
8. 透過Google Apps Script設置自動化觸發條件
在Apps Script編輯器中，點擊「觸發條件」選項，設定時間驅動的觸發機制，如每日、每週或每月自動執行。你可以選擇特定的時間點，確保報表在每個月底自動生成，叫貨單在固定日期自動發送。這樣，即使你不在辦公室，系統也能按照預設的時間表自動完成所有工作，實現真正的全自動化流程。
看了文章還是覺得太難？104 線上課程手把手帶你學會用 AI >>
自動化帶來的改變
透過Google Apps Script結合Gemini AI的自動化流程，你將原本需要2-3天完成的工作縮短為幾分鐘。不再需要熬夜處理數據，不再擔心計算錯誤，也不再被無止境的複製貼上折磨。
更重要的是，這種自動化方式不需要你懂得編程，只需清楚描述業務需求，Gemini就能生成所需的程式碼。這大大降低了自動化的門檻，讓任何人都能輕鬆實現工作流程的自動化。
現在，每當月底來臨，你只需輕鬆點擊幾下按鈕，就能完成所有工作，然後將寶貴的時間用在更具創意和策略性的任務上。無論你是零售業者、電商經營者，還是任何需要定期處理數據和報表的專業人士，這套自動化流程都能為你的工作帶來革命性的改變。
讓科技為你解放時間和創造力，從繁瑣的數據處理中脫身，專注於真正重要的事務！立即加入「行政/營運 AI 超能力：行政流程Ｘ生管Ｘ採購自動化」這門課程學習，手把手掌握Google Apps Script結合Gemini AI的全面應用，讓你的工作效率和成果品質都能提升到一個新的高度。
企業用戶歡迎申請課程免費試閱，並選擇「104人資市集 | 企業訂閱制方案」，課程每人每年最低33元起/堂，最低$10,000起搞定全公司整年度的AI導入培訓。亦可團購或授權課程，歡迎點擊下方專人諮詢。
免費試閱
了解方案
專人諮詢
提升員工帶動企業的成長！最划算的 AI 教育訓練方案首選>>
超過7000+的HR都報名過的104人資學程！求職成效提升至4.5倍！>>
成為人資市集Line好友獲得最新課程優惠及免費講座資訊>>
訂閱人資市集電子報獲得專家工作分享及產業新知 >>
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生成簡報、資訊圖表功能登場！實用技巧盤點
有任何收穫或想分享的，都來和大家一起聊聊吧！