成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
104學習
多媒體網頁設計
結合視覺設計、互動技術與程式語言，打造具吸引力且操作流暢的網站介面。需懂得影像、動畫、影音等多媒體元素的整合與優化，提升使用者體驗與品牌形象。掌握HTML、CSS、JavaScript等前端技術，並能配合後端系統，確保網站功能完整穩定。此技能在數位行銷、電子商務及品牌推廣等領域需求高，能有效促進資訊傳遞與使用者互動，增強企業競爭力。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
AI 視覺與簡報工作流：Gemini × ChatGPT 打造高說服力商業圖文
商業平面設計｜PS+AI整合進階課
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
WordPress新手架站10堂課
Illustrator向量平面設計
商業攝影從新手到上手
Photoshop商業視覺設計
Lightroom高效商業修圖(商品篇)
AI為你的企業賦能ChatGPT改變傳統工作流程
精選證照
考取專業證照，讓能力被市場看見
Pagemaker
Pagemaker證照證明持有人具備使用Adobe Pagemaker進行專業排版與設計的能力，能熟練操作軟體完成書籍、雜誌及宣傳品等印刷品的編排工作，熟悉文字處理、圖像整合及版面設計技巧，具備有效溝通與協調印刷流程的能力，適合從事平面設計、出版編輯及印刷相關職務，提升職場競爭力與專業形象。
Adobe
SSE Adobe Dreamweaver CC
Adobe Dreamweaver的視覺化介面設計，讓程式設計師和視覺設計師可以在自己熟悉的環境中更直覺、更有效的作業；利用Dreamweaver的內建功能來製作動畫效果、加入影音多媒體…等，讓網頁製作輕鬆又方便，擁有一張Adobe Dreamweaver CC認證，不單是您在求職或職場生涯中報酬率最高的投資，更是您在網路世界致勝的關鍵。
Silicon Stone Education (SSE)
編排設計InDesign
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力，涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能，適用於出版、廣告及數位媒體領域，有效提升工作效率與作品品質。
尚未查核發照單位
Adobe Certified Dreamweaver Developer
Adobe Certified Dreamweaver Developer認證為Adobe所發之國際認證，針對多媒體網頁設計之核心應用能力，所規劃的認證項目。其協助網頁工作者，能有效使用Dreamweaver 軟體進行創作展現實力。
Adobe
Adobe Certified Flash Designer
Adobe Certified Flash Designer認證為Adobe所發之國際認證，針對多媒體網頁動畫設計設計之核心應用能力，所規劃的認證項目。其協助網頁或動畫設計之工作者，能有效使用Flash軟體進行創作展現。
Adobe
丙級電腦輔助立體製圖
由於產業升級及製圖方法與設備的改進，為配合電腦繪圖軟體以立體方式從事輔助設計製圖工作及提升專業人員技能水準與研發工作之效率，特定本檢定規範。
丙級電腦輔助立體製圖技術士之工作內涵，是指擔任單件立體圖繪製及圖面管理等工作，包括應用磁碟作業系統、安裝軟體與使用電腦週邊設備、設定繪圖環境、控制圖形顯示幕、輸出圖形與管理圖面等基本工作及繪製單件立體圖、單件立體剖視圖等項。
勞動部勞動力發展署技能檢定中心
精選貼文，掌握第一手知識
從畫筆到數位創作──內思高工多媒體設計科的專業養成與創意實踐
在數位內容快速發展的時代，多媒體設計已成為結合創意與技術的重要領域。位於新竹的內思高工多媒體設計科，透過「手繪為本、數位為用」的課程架構，帶領學生從基礎美感培養出發，逐步延伸至動畫、影像與互動設計，建立跨媒介的整合能力。多媒體設計科庭裕主任指出，設計教育的核心不只是讓學生學會工具操作，而是培養「能夠思考與表達的能力」。「AI可以生成圖像，但它不是創意的源頭，真正的設計還是來自人的想法與判斷。」主任強調，學生必須先具備基本的觀察與創作能力，再透過數位工具與AI輔助延伸，而非完全依賴技術取代思考。
從手繪出發：「每日一畫」建立設計的基礎能力
內思高工多媒體設計科的課程設計，以明確的分年學習架構展開。高一階段以手繪與設計基礎為主，透過繪畫、圖學與基礎設計課程，建立學生的美感與表現能力。其中，「每日一畫」是最具代表性的訓練之一，學生需每天完成繪畫練習，扎實培養將想法轉化為圖像的能力。
圖：學生練習「每日一畫」作品
主任認為，設計的第一步不是直接操作電腦，而是「能不能把腦袋裡的東西畫出來」。「手的感覺是最直接的，想法要先透過手呈現，才有可能進一步轉化成數位作品。」這樣的學習過程，對許多學生而言並不輕鬆。並且，設計並非是單純的藝術表達，而是一種溝通與傳遞的方式。多媒體設計科的彭同學提到，自己原本只是單純喜歡畫畫，但進入科系後才發現，設計並不只是畫自己喜歡的內容，而是需要考慮「他人是否能接受」，甚至必須符合特定需求。「以前是畫自己喜歡的東西，但現在會去想，這個設計是不是別人也會覺得好。」這樣的轉變，也反映出設計工作與他人之間緊密的關聯性。
數位技能導入：從創作到媒介整合
進入高二後，課程逐步導入數位工具與媒體應用，包括電腦繪圖、3D動畫、影像製作與虛擬實境等內容。學生開始學習如何將手繪基礎轉化為數位作品，並使用AI製作及修正產生更廣泛的媒介形式。
其中，「互動動畫設計實作」課程特別具代表性。學生需以自身興趣為出發點，規劃主題、撰寫腳本、進行拍攝與剪輯，完成一支完整的影音作品。這樣的課程不僅訓練技術操作，更整合了企劃、表達與敘事能力。多媒體設計科的潘同學分享，自己原本期待能夠專注於拍攝影片，但實際學習後發現，需要先建立繪畫與設計基礎，才能讓影像創作更完整。「原本以為就是一直拍影片，但後來發現學到更多，包含畫畫、設計和不同媒材的應用。」這樣的學習歷程，讓學生逐漸理解，多媒體並非單一技能，而是一種跨領域整合能力。
此外，課程中也導入攝影與構圖訓練，讓學生理解影像的基本語言。主任指出，無論是動畫、設計或影像創作，視覺構成能力都是核心，「構圖、光影、畫面感，這些都是共通的基礎」。
圖：學生數位作品紀錄
從創意到實踐：設計思考的深化
在能力逐步累積後，課程進一步強調設計思考與創意發想。學生透過參加校內「創意構思競賽」，練習具體設計概念，並接受業界與教師的評估，從參賽經驗中學習如何讓創意回應真實需求。
主任指出，學生常出現的問題，是過度沉浸於個人想像，卻忽略設計的目的。「設計不是只為自己，而是要解決問題。」因此，課程會引導學生進行資料蒐集、使用者分析與實際驗證，讓創意能落地成為可行的設計。這樣的訓練，也培養學生面對修改與挑戰的能力，也建立了面對挫折的心理韌性。彭同學回憶，在進行大型水墨作品時，曾因不確定如何下筆而感到焦慮，但最終透過自我練習與同儕討論，完成作品。「完成的時候會覺得很有成就感。」她說。主任則強調，設計能力的建立需要時間累積，「先模仿，再轉化，最後形成自己的風格」，這是一個必經的歷程。
圖：彭同學水墨畫成果
高三階段，學生需整合三年所學，完成專題製作並對外展出。這不僅是學習成果的呈現，也讓學生有機會接受外界回饋。在專題製作中，學生可依興趣選擇方向，包括動畫、影像、平面設計或產品設計等。潘同學分享，自己在畢業專題中負責微電影製作，從劇本撰寫到拍攝與剪輯皆親自參與，他回憶「影片完成的時候會覺得很滿意。」
從學習到未來：多元發展的可能性
在升學發展方面，多媒體設計科學生多以升學為主，延伸至視覺傳達、商品設計、室內設計、建築與多媒體相關科系。主任指出，設計群本身具有高度延展性，「只要有美感基礎，可以發展的領域很多」。
學生的選擇也呈現多元樣貌。彭同學希望未來朝產品設計發展，而潘同學則考慮以建築作為主要專業，同時持續發展影像創作。這樣的路徑，也反映出多媒體設計科所培養的，不只是單一技能，而是一種可延伸的能力基礎。
在創作與實作之間，培養可持續發展的能力
內思高工多媒體設計科，以手繪為起點，逐步導入數位與AI的媒體應用，建立從創意發想到實作完成的完整學習歷程。在這樣的訓練中，學生不僅學會設計技術，更在反覆修正與實踐中，培養出表達能力、問題解決能力與創意思維。
對國中生與家長而言，多媒體設計科所提供的，不只是進入設計領域的入門訓練，而是一條將「想法」落地為技能的學習路徑。在這樣的過程中，學生能為未來的升學與職涯發展奠定穩固基礎。
開箱多媒體設計科學習日常！更多科系探索，歡迎追蹤104高職生IG
在 Instagram 查看這則貼文 104高職生（@104v.hs）分享的貼文
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生成簡報、資訊圖表功能登場！實用技巧盤點
軟體產品怎麼做才能賺錢？PM必懂的3大關鍵及能力解析
軟體產品開發能否成功，不只靠技術，更靠產品經理（PM）對市場、開發與用戶的全面掌握。從打造產品願景，到精準驗證需求、穩定落地技術，本文帶你解析軟體產品從開發到獲利的3大關鍵，並拆解PM對應的實戰能力。
文／Jason Lin（「在海邊數據行銷」負責人）
本文目錄（點擊可快速前往）
軟體產品從開發到獲利的3支腳1. 市場估值：打造讓市場買單的願景與價值主張2. 開發品質：讓產品願景落地的技術實現力3. 市場接觸：持續驗證市場與使用者需求的實戰力PM能力轉譯：3維度對應不同階段的產品策略焦點早期產品的PM：假設、快速驗證、打造MVP成熟產品的PM：持續與規模化打造賺錢產品，是市場×技術×運營的整合功夫
在軟體產品開發的歷程中，PM（產品經理）與開發團隊不只是技術執行者，更是影響產品能否賺錢的關鍵決策者。筆者根據先前工作經驗收斂，要打造一款真正具市場價值、能夠持續獲利的軟體產品，團隊需要從3個核心維度著手：市場估值、開發品質，以及市場接觸。
接下來，本篇將逐一解析這3個維度，及其對應所需的團隊能力，並說明不同階段產品所需聚焦的PM能力。
軟體產品從開發到獲利的3支腳
1. 市場估值：打造讓市場買單的願景與價值主張
為什麼市場估值如此關鍵？
產品的願景、價值主張、解決方案，是否能引發市場期待，是否能在使用者心中產生價值想像，這決定了它能否被市場買單。PM 必須以終為始，從價值主張開始構建整體產品架構，思考解決哪些真正存在的問題，如何讓使用者產生「非用不可」的情境。
PM與團隊需具備的能力&要能夠清楚回答的問題：
市場規模分析：具有一種或多種量化的方法論，能夠評估目標市場的潛力與規模，判斷產品是否值得投入資源開發。
痛點與需求分析：使用者痛點與痛點背後的原因，為何有這些需求？需求是暫時性還是持續性？使用者對痛點的付費意願與能力
目標客群（TA）研究：具體說明 Persona，並且熟悉哪些對 TA 的描述屬於假設，哪些已經透過何種方法或案例證實。使用者輪廓，包含人口維度（如年齡）、行為模式，以及動機情緒的洞察等。這群 TA 是否特別？佔整體市場的商機？是否有獨特的使用習慣或痛點尚未被洞察
解決方案創新能力：具備對於商業模式、產品創新切入點的敏感度與底層商業邏輯，有持續且大量蒐集創新案例的習慣，以便讓敏感度持續進化。
競爭者分析與差異化策略：分析既有產品缺口，建立自身的獨特競爭優勢。
構築護城河：建立產品的可持續優勢，例如網絡效應、資料優勢或使用者黏性。
2. 開發品質：讓產品願景落地的技術實現力
開發品質的重要性
即使擁有絕佳的市場想像力，若開發無法跟上商業需求，產品仍將無法落地。開發品質是確保產品快速成形、穩定運行並持續演進的核心。
團隊應具備的開發能力：
迭代思維：產品永遠有bug、洞察永遠可以更精準、功能永遠不足以滿足使用者。敏捷開發、快速實驗與調整，才能搶佔市場時機。
穩健的開發方法論：團隊具有共識的開發方法論，可以是Scrum、Kanban等流程管理工具，提升團隊效率。
人力素質與團隊協作：技能能力足夠，有品質的開發團隊
產品品質維護能力：包含測試自動化、版本控制、錯誤回報機制，確保產品穩定性。
開發管理能力：PM必須能與技術負責人協作，妥善安排時程與資源配置。
3. 市場接觸：持續驗證市場與使用者需求的實戰力
為什麼市場接觸不可或缺？
許多軟體產品的失敗，並不是因為技術不好、功能不夠，而是太晚與市場接觸、錯過關鍵回饋。產品規劃、開發到優化的過程中，必須持續與市場互動，以真實用戶回饋來調整方向。
PM與團隊需具備的能力&要能夠清楚回答的問題：
市場驗證實力：運用MVP（最小可行產品）、A/B測試、假設驗證來降低風險。
Go-to-Market（GTM）策略：從行銷通路、定價策略、早期使用者經營等角度，建立產品進入市場的路徑。
用戶關係管理（CRM）策略導入：追蹤使用者行為、反應與生命周期，進行精準迭代。
不同階段的成長策略規劃：從冷啟動到成長曲線，PM要懂得設計不同階段的用戶獲取策略。
延伸閱讀：PM產品經理核心競爭力是什麼？解析開發「好產品」的3重點
PM能力轉譯：3維度對應不同階段的產品策略焦點
產品的發展歷程分為早期探索期與成長穩定期，PM在不同階段應該有不同的重點與策略思維。
早期產品的PM：假設、快速驗證、打造MVP
市場估值：洞察與假設力
創新觀點：PM要能從使用者痛點中，看出尚未被解決的需求缺口。
TA觀察力：透過使用者訪談與數據觀察，擬定精準的市場假設。
開發品質：推進MVP的節奏與協作
快速建構初版產品：以低成本方式實作MVP，搶先測試市場回饋。
專案溝通能力：在高不確定性下，跨部門溝通成為成功關鍵。
市場接觸：進行實地驗證與啟動擴散
初期使用者經營：找到願意參與測試的目標用戶，觀察其使用習慣與反應。
小規模GTM執行：測試定價、訴求與通路效益，找出最有效的推廣方式。
成熟產品的PM：持續與規模化
市場估值：開啟第二成長曲線
持續探索新價值：當產品進入穩定期，PM要思考新的價值主張與市場定位。
市場再細分：透過功能擴充，服務不同層級的用戶，創造新的成長來源。
開發品質：穩定中提升效率
追蹤開發KPI：如bug數、部署頻率、系統穩定率，反映開發健康狀況。
架構重構與技術債處理：避免日後阻礙產品演進。
市場接觸：聚焦成效與ROI
精準預算運用：將資源投入在最具效益的通路與成長活動。
數據導向成長策略：透過行為分析、轉換率追蹤，優化整體成效。
延伸閱讀：初階PM如何提升專業能力？從Junior PM進化成Senior的4個職場指南
打造賺錢產品，是市場×技術×運營的整合功夫
好產品從不是單靠直覺或創意誕生，而是需要一支能同時掌握商業價值、技術品質與市場節奏的團隊。PM就是這支團隊的靈魂人物，需橫跨3個維度，掌握從「假設」到「驗證」、從「開發」到「獲利」的每個關鍵點。
唯有在這3個維度中持續優化與對齊，產品才能真正從一個idea，走向一門賺錢的好生意。
（原文標題：軟體產品從開發到獲利的三支腳 & PM 對應的能力：市場估值、開發品質與市場接觸）
[joblist_plugin title='更多【產品經理】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=PM產品經理' amount='3']
推薦閱讀：
PM產品經理面試如何準備？沒經驗有機會錄取嗎？專家傳授必備5大面試題
「產品經理」要考證照嗎？NPDP與PMP差在哪？解析PM關鍵6大能力
轉職「PM產品經理」，研發背景較有優勢？過來人揭3類型轉職最易成功
[course_plugin title='產品經理學習營｜學習推薦' keyword='產品經理學習營' amount=2]
【最新免費圖庫推薦】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模板平台讓作品質感大提升
用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軸設定、中文顯示問題輕鬆搞定
「接案作品集」怎麼準備？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來了，SEO還重要嗎？搜尋行銷專家解析「全域搜尋優化」新策略
生成式AI問世後，SEO是不是不重要了？當年輕一代在Threads找知識、在Instagram找商品、在ChatGPT尋求決策建議，辛苦經營的網站流量是否正在流失？搜尋行銷專家Harris先生在系統化論述SEO、AEO與GEO的專書中指出：AI時代帶來的不是搜尋的終結，而是邊界的擴張。本文節錄自《AI 全域搜尋實戰》。
文／Harris先生
AI來了，「搜尋」還重要嗎？
筆者過去從事行銷顧問工作近十年的時間，特別專攻的領域之一便是「搜尋行銷」。這些年來，即便科技推陳出新、搜尋不斷地在演變，每個階段，我回頭看市場數據時卻總得到同一個結論：「搜尋」的重要性從未被動搖過。企業主也堅信這個遊戲規則：做行銷，一定要做「搜尋」。
生成式AI問世後，開始有越來越多客戶問我：「Harris，現在還需要做搜尋嗎？Google SEO是不是不重要了？」連我自己都花了大把的時間使用ChatGPT，面對問題時有一大部分的時間是用ChatGPT解決，而不是使用Google搜尋。
然而，AI時代與資訊爆炸的時代帶來的不是「搜尋的終結」，而是「搜尋的擴張」。
別押注單一引擎，要搶佔心佔率的主動權
近年SEO行銷領域的名人尼爾‧帕特爾（Neil Patel）提倡，SEO已經不再是「Search Engine Optimization」（搜尋引擎優化），而是「Search Everywhere Optimization」（全域搜尋優化）。這指的是企業主應該針對「所有可搜尋、可獲取資訊的平台」進行優化與曝光，因為使用者「可能從任何一個平台產生搜尋行為」。不論使用者在 ChatGPT、Google或Instagram上搜尋，你的品牌都能夠有效被看見，「Search Everywhere Optimization」（全域搜尋優化）才是下個世代真正的「SEO」。
回到行銷的角度來看，ChatGPT與Google搜尋目前仍擁有極高的使用率，而且兩者的使用人口都還在持續成長中。即便 Google透過AI摘要重新分配了搜尋結果頁的流量結構，對網站導流產生衝擊，但不可否認的是，使用者並沒有離開搜尋，只是改變了搜尋的位置與方式。
在這樣的背景下，企業最理性的選擇，不是押注單一搜尋引擎，而是採取「全域搜尋優化」的策略。
所謂全域搜尋優化，並不是只關注Google排名，還要確保無論使用者是在 ChatGPT、Google、Gemini還是Perplexity上詢問問題或搜尋資訊，你的品牌都能被理解、被提及、被看見。
在搜尋入口高度分散的時代，能夠跨平台維持穩定可見度的品牌，才是真正掌握了曝光率與心佔率的主動權。
圖／《AI 全域搜尋實戰》
節錄自：天下雜誌出版《AI 全域搜尋實戰：SEO・AEO・GEO，後AI時代精準行銷必學技巧，有效提升品牌曝光，被AI優先推薦》／Harris先生 著
從設計專才到未來職人──認識「大安高工圖文傳播科」的真實樣貌
設計，是喜歡畫畫就能勝任的事嗎？高中三年，又能學到哪些專業？未來的出路，又會長成什麼模樣？這一次，我們走進大安高工圖文傳播科，透過鄭茜文主任的分享，帶你認識圖傳科的學習內容與升學出路！
文／104高職生
圖文傳播在學什麼：整合科技與美感的學習歷程
你以為設計只是畫畫嗎？在圖傳科，設計是反覆練習、整合思維與實作經驗的過程。學生從高一開始打下基本功，學設計概論、色彩原理；進入高二後，課程開始進一步與業界技術接軌，包括圖文編排、向量繪圖與棚拍攝影實習；到了高三，學生要進行專題製作與設計實務，不只是把作品完成，更要能站上台前，講清楚自己的設計概念與表達邏輯。
能力面向能力說明對應課程跨域力整合所學知識，應用於跨領域學習與實作，解決實務問題。設計概論、圖文傳播概論、印刷與設計實務、圖文複製實習、向量繪圖實習、基礎設計實習等研創力具備研發與創新思維，能因應科技趨勢、創造價值。表現技法實習、專題製作、造型原理、攝影實習、畢業專題製作等專業力具備專業技能、技術素養與職業道德，轉化生涯目標為行動方案。Photoshop／Illustrator／InDesign 操作、印前作業實習、色彩原理、數位影像處理實習、棚拍攝影實務、專業圖文複製實習、選手培訓等移動力具備國際觀與文化理解，能自信溝通、拓展知識邊界。國語文表達與應用、學習歷程製作與發表、選手培訓、設計實務、畢業專題製作（發表面向）等
（表：圖傳科培養的四大能力）
為了讓學生在真實場域中成長，圖傳科建置了攝影棚、數位印刷教室、Mac教室與圖文複製工場等專業實習空間。學生除了日常學習，也會挑戰技能檢定。目前丙級證照通過率穩定超過九成，乙級也有六成以上的表現。這些證照是過程中學生對自己專業能力的確認，也為未來升學與工作奠下基礎。
圖：大安高工圖傳科｜攝影棚教室（大安高工圖傳科主任提供）
喜歡畫畫不一定適合設計？
圖傳科的學生來自不同背景，有些是從小愛畫畫，也有些是對設計感到好奇而選擇這條路。但進入圖傳科後：「喜歡畫畫就適合設計」這個迷思會被一點一滴的學習中澄清，而競賽更是磨練與驗證所學的舞台，平日無數次的修改，都成為比賽的底氣。近年來，圖傳科在全國工科技藝競賽屢創佳績——應用設計類金手獎第1名已連續四年奪冠，圖文傳播類金手獎第 1 名也完成了二連霸，幾乎年年都有學生拿下金手獎的殊榮，獲獎的成果背後，藏著的是師生之間深厚的信任與默契。
圖：大安高工圖傳科｜參與108學年度全國工科技藝競賽（大安高工圖傳科主任提供）
茜文主任分享，過去18年的教學經驗讓她知道，不同的學生需要不同的語言與陪伴方式，比賽當然有壓力，學生也常擔心沒得名，但主任總會提醒他們：只要用實力累積經驗就能踏穩腳步。她自己也曾是選手，深知那種孤獨與緊張，也更知道一位好教練的陪伴有多重要。於是技藝競賽的意義，亦是那些準備的日子中老師與學生在無數次修改討論中如何彼此靠近一起撐過挑戰的回憶！
圖：大安高工圖傳科｜鄭茜文主任 至鶯歌工商細心指導選手（大安高工圖傳科主任提供）
從圖傳出發，看見更多可能
圖傳科未來的發展聚焦於強化自身的獨特性，延續印刷專業出身的技術基礎，整合設計、美感與傳統文化，發展如藍曬、布衣、鉛字等文創應用課程，同時，科內也重視溝通與表達力的養成，鼓勵學生在創作過程中說出自己的理念，建立能回應時代的設計思維。
畢業後，圖傳科學生的升學選擇相當多元，常見升學目標包含國立臺灣科技大學、國立臺北科技大學、國立臺灣師範大學等設計或傳播相關學系。也有學生選擇進入職場，發展自創品牌、音樂創作、自媒體經營等個人事業，走上獨立接案的路線。圖傳科培養的不只是設計專才，更是願意學習、勇於嘗試、持續創造的未來職人！
更多科系探索，歡迎追蹤104高職生IG！
在 Instagram 查看這則貼文 104高職生（@104v.hs）分享的貼文
「模糊照片背景」免費AI工具推薦！輕鬆告別雜亂、重點更聚焦
照片背景雜亂，擔心搶走主角的風采？利用AI工具可以輕鬆模糊背景，一鍵告別雜亂，讓視覺重點更聚焦。解析免費AI工具（Photoroom、fotor、PicWish）及付費訂閱工具（Photoshop）用法，無論是社群貼文、電商商品照，都能快速提升質感！本文節錄自《用AI做設計》。
文／施威銘研究室
本文目錄（點擊可快速前往）
用AI凸顯主體模糊背景【免費工具】使用線上編輯工具模糊背景【付費工具】利用Photoshop的Neural Filters也能快速模糊背景
用AI凸顯主體模糊背景
拍照時，總是希望主角看起來更搶眼，但背景常常一不小心就搶了風頭。現在有AI工具的輔助，可以輕鬆幫你凸顯主體，把背景巧妙模糊掉。無論是人物、商品還是日常的隨手拍，都能讓照片看起來像專業攝影師拍的！
Before：原圖
（圖／旗標出版提供）
After：讓背景更模糊以凸顯人物
（圖／旗標出版提供）
【免費工具】使用線上編輯工具模糊背景
【使用AI】Photoroom、fotor、PicWish、…
社群小編、電商小編經常需要處理產品照、人像照，如果想讓視線更聚焦在主體上，可以適時將背景模糊。
目前有不少線上編輯工具提供模糊背景功能，例如：Photoroom、fotor、PicWish、…等，不需要繁瑣的手動調整，通常一鍵就能處理完成。不過這些工具的免費版功能大多會加上浮水印，或是提供較小的影像尺寸供你下載，你可以先試用後再依平常的使用頻率決定是否付費，在此以Photoroom做示範。
Photoroom：https://www.photoroom.com/zh-tw
fotor：https://www.fotor.com/tw/
PicWish：https://picwish.com/tw/
【Step 1】
請開啟網頁瀏覽器，連到Photoroom網站（https://www.photoroom. com/zh-tw），進入首頁後，點選最上方的照片編輯器：
編按：路徑調整，Photoroom免費線上背景模糊工具由此進：https://www.photoroom.com/zh-tw/tools/blur-background
按下照片編輯器，點選模糊背景（圖／旗標出版提供）
【Step 2】
上傳要模糊背景的相片。按下「選擇一張照片」，從電腦中選取照片，或是直接將照片拖曳到此處。
（圖／旗標出版提供）
Photoroom會自動將主體及背景獨立成不同圖層，背景圖層會自動進行模糊處理。
下載低解析度的影像不需付費，若是下載高解析度影像需付費。按下下載鈕，影像會儲存在電腦中的Downloads資料夾。
【付費工具】利用Photoshop的Neural Filters也能快速模糊背景
Photoshop 2025有項Neural Filters，提供膚質改善、風格套用、深度模糊、…等功能。如果是Adobe的訂閱使用者，可以善加利用此濾鏡來模糊背景。在Photoshop開啟影像後，請執行「濾鏡/ Neural Filters」命令，再如下操作：
（圖／旗標出版提供）
點選深度模糊（第一次使用需要按下載鈕下載此濾鏡）
此開關記得開啟（呈藍色）
取消勾選聚焦於主體，可在影像中按一下設定主體的焦點。若是勾選聚焦於主體，Photoshop會自動判斷主體。
拖曳模糊強度滑桿，可調整背景的模糊程度，數值愈大愈模糊（可從左側的影像觀看調整程度）
按下確定鈕就完成了！
節錄自：旗標出版《用 AI 做設計：沒時間？沒素材？沒靈感？就 Call AI 救援》／施威銘研究室 著
推薦閱讀：
AI生成圖卡教學！ChatGPT打造專屬社群配圖，告別圖片荒
ChatGPT-4o更新圖片生成模式升級！照片Q版貼圖、漫畫生成怎麼做？
ChatGPT生成Excel圖表不卡關！xy軸設定、中文顯示問題輕鬆搞定
AI生成數據分析簡報3招搞定！ChatGPT、MassiveMark、Gamma打造最強組合技
軟體業Technical Writer工作在做什麼？技術文件為何不是由PM寫？
軟體產業的Technical Writer工作在做什麼？和PM產品經理工作有什麼差異？Technical Writer職位結合「內容寫作」和「技術寫作」的專業，可以將硬梆梆的技術內容、轉換成一般使用者也能好理解的技術＋商業內容。本文作者以自身經驗分享，解答包括Technical Writer工作內容及為什麼不由PM來寫技術文件。
文／朱麒
本文目錄（點擊可快速前往）
1. Technical Writer到底要幹嘛？2. 為什麼需要Technical Writer？3. 為什麼不由PM來寫技術文件？
我曾經擔任PM將近6年的時間、在新職位—Technical Writer工作也已經快9個月的時間，這篇文章想分享關於「寫文件」這件事情。
一開始有許多朋友和我討論說「為什麼不交給PM做就好？」在親身體驗與想過之後，我發現這兩者的定位與價值是完全不同的。這篇文章分享Technical Writer在做些什麼，以及簡單比較跟「產品經理（Product Manager）」的差異。
如果你對軟體產業有興趣、正在當PM的人、或是潛在想當Technical Writer的人看（有這樣的朋友嗎），一起來看看這篇文章吧。
備註：請留意此篇文章的脈絡都是以「軟體開發」的角度來談。
1. Technical Writer到底要幹嘛？
簡單說，就是替公司的產品寫一份「攻略本」。
攻略本是電玩產業的詞，能幫助新手玩家快速學會操作方法、了解遊戲目標，接著就可以比較開心的在遊戲的世界中玩耍。
而「技術寫作（Technical Writing）」就是替公司的產品寫使用文件，用來引導消費者更好地使用公司產品。技術寫作也可以視為公司品牌、產品使用體驗的一環，能影響消費者對於公司產品的整體觀感。
這就像「攻略本」會先告訴新手玩家基本的操作方法，讓玩家在別在超大的遊戲世界中不知所措的亂跑、被怪打死而感到挫折（可能一開始連「基礎戰鬥知識」都沒有就跑出新手村）。
好的技術文件，應該能夠把公司產品複雜的功能與規格，在適當的時間點、用適當的方式告訴使用者。
2. 為什麼需要Technical Writer？
對呀，為什麼不由最熟悉產品功能與規格的程式開發者或產品經理，來寫技術文件就好了呢？
先從「軟體開發者」的角度來說。由於技術文件（例如API Documentation）是技術含量相當高的文件，最好的寫作者當然是由開發者來寫。
然而多數的開發者在寫文件的時候，容易從非常技術的角度撰寫文件—多數狀況是「只解釋程式功能，但不解釋程式對於使用者的目的」。由於程式往往有自己的商業邏輯（例如建立訂單的流程、訂單對帳與請款的方式），使用者在不清楚商業邏輯的前提下直接閱讀，往往一頭霧水。
因此Technical Writier誕生了，這個職位結合「內容寫作（Content writing）」和「技術寫作（Technical Writing）」的專業，可以將硬梆梆的技術內容、轉換成一般使用者也能好理解的技術＋商業內容。
Technical writer像是一位翻譯員，要把「技術」國家的語言翻譯給「商業」國家的人理解。
3. 為什麼不由PM來寫技術文件？
行行好，放過PM吧！
PM的工作包山包海，要跟業務單位／客戶對需求、花時間整理規格、跟設計師／工程師／QA／營運團隊溝通。
PM職責範圍確實也包含寫產品的規格與規劃，例如：
使用者故事（User Story）： 即 As a（使用者）, I want（做什麼事情）, so that（得到什麼成果），讓產品團隊理解每個功能為誰而做、要做什麼、做完成果。
User Story Acceptance Criteria Test Cases：寫完User Story後，必須要進一步描述這個功能的細節，透過「Given（在什麼情況下），When（當使用者做了什麼），Then（會發生什麼事情）」才能讓工程師與QA（測試工程師）執行。
Product Roadmap：告訴C字輩的老闆接下來的產品發展，這一季要做什麼、為什麼要做、要打哪些用戶、如何衡量成效、成效好與不好的相對應措施是什麼。
可以看到，PM的寫作文件通常是「對內」，告訴團隊接下來要做些什麼、不做些什麼；但Technical Writer通常是「對外（外部使用者）」，告訴使用者產品從哪裡開始用、要完成對應的事情該怎麼做、技術細節要到哪裡去查……等。
PM和Technical Writer的技能樹不同，前者更多在溝通、後者更多在引導。更多文章分享，可至「朱騏部落格」閱讀。
（原文標題：軟體產業中的 Technical Writer 在做些什麼，為什麼「寫文件」這件事情不都交給 PM 做就好？）
[joblist_plugin title='更多104【Technical Writer】工作機會' url='https://www.104.com.tw/jobs/search/?keyword=Technical%20Writer' amount='4']
戰國策虛擬主機 vs SiteGround：台灣 WordPress 用戶選哪個最划算？
SiteGround 是全球知名度最高的 WordPress 主機服務商之一，甚至曾經是 WordPress 官方推薦的主機清單成員。在海外的 WordPress 社群裡，SiteGround 長期享有極高的評價。但對台灣企業主來說，評價高不代表就是最適合的選擇。本文將從台灣企業的實際需求出發，深入比較 SiteGround 與戰國策虛擬主機，幫助你做出更明智的決定。
SiteGround 的核心定位與優勢
SiteGround 以 WordPress 專屬優化、優秀的客服支援和穩定的性能表現在全球市場建立了強大的品牌信任度。它提供 Google Cloud 基礎設施支撐的主機環境，在全球多個地區設有資料中心，並且開發了自家的快取技術（SuperCacher）和 PHP 加速機制。
從技術規格來說，SiteGround 確實是全球共享主機市場中性能表現較為出色的選項之一。但「全球口碑好」和「台灣企業最適合」之間，有一個很重要的差距需要釐清。
SiteGround 對台灣企業的主要限制
第一個問題：亞洲節點位於新加坡，非台灣本地。SiteGround 在亞太區的資料中心位於新加坡。對於台灣訪客來說，新加坡節點的連線延遲比台灣本地伺服器高出許多。這個差距在網站速度測試中會很明顯地反映出來，進而影響 Google 的 Core Web Vitals 評分和整體 SEO 表現。
第二個問題：費用偏高且續約漲幅顯著。SiteGround 的入門方案看起來價格親民，但仔細看會發現初始優惠只適用於第一個合約期。續約之後，費用往往大幅提高，有時甚至是初始價格的兩到三倍。對於需要長期使用的企業來說，這是一個不可忽視的財務規劃問題。
第三個問題：流量限制嚴格。SiteGround 的入門方案有月訪客流量上限，超過之後必須升級方案。對於流量增長中的企業來說，這意味著在不預期的情況下被迫升級和額外支出。
第四個問題：儲存空間相對有限。SiteGround 的基礎方案儲存空間有限，對於圖片和影片內容豐富的企業網站來說，很快就會面臨空間不足的問題。
第五個問題：無繁體中文客服。SiteGround 的客服以英文為主，對台灣企業主來說，技術問題的溝通效率和解決速度受到語言障礙的明顯影響。
戰國策虛擬主機：專為台灣市場設計的全方位解決方案
面對 SiteGround 在台灣市場的幾個結構性限制，戰國策虛擬主機從一開始就是針對台灣企業需求設計的，在幾個關鍵面向上提供了更直接的價值。
台灣本地伺服器，真正的速度優勢。戰國策的伺服器基礎建設位於台灣，對台灣訪客的連線延遲遠低於 SiteGround 的新加坡節點。在實際的速度測試中，本地伺服器的 TTFB（首字節時間）通常比跨境連線低 50-70 毫秒以上，這個差距在 Google 的 Core Web Vitals 評估中有直接的反映。
繁體中文客服，即時解決問題。戰國策提供台灣在地的繁體中文客服服務，在台灣工作時間內可以直接用中文溝通技術問題，解決效率遠高於需要跨時區等待回覆的英文客服。
費用結構透明穩定。戰國策虛擬主機的定價結構清晰，不存在「優惠期結束後大幅漲價」的情況，讓企業能夠準確預算長期的主機成本。
完整的 WordPress 功能支援。在戰國策虛擬主機上，你可以自由安裝任何 WordPress 外掛和主題，沒有功能限制，完整發揮 WordPress 生態系的強大功能。
SEO 與行銷支援的額外價值。戰國策作為台灣 AI SEO 和 GEO 領域的專業服務商，不只提供主機服務，還能夠為企業提供從技術優化到行銷策略的完整諮詢支援。這個附加價值是 SiteGround 完全無法提供的。
SiteGround vs 戰國策虛擬主機：SEO 角度的深度分析
對於認真做 SEO 的企業來說，主機選擇是一個重要的 SEO 決策。以下是兩者在 SEO 相關指標上的比較。
伺服器速度與 Core Web Vitals：台灣本地伺服器的 TTFB 和整體載入速度優於跨境連線，在 LCP（最大內容繪製）和 FID（首次輸入延遲）等指標上有直接的優勢。戰國策虛擬主機在這個面向上明顯優於 SiteGround 的新加坡節點。
上線時間穩定性：兩者在這個面向上都有良好的表現，不是主要的差異點。
SEO 生態系整合：戰國策不只是主機服務商，更是台灣 SEO 和 GEO 領域的實戰專家。選擇戰國策虛擬主機的企業，可以同時獲得主機環境和 SEO 策略的雙重支援，這種整合優勢在 SiteGround 是找不到的。
GEO 布局能力：在 AI 搜尋崛起的時代，GEO（生成式引擎優化）成為新的競爭戰場。戰國策在讓主流 AI 模型主動推薦特定品牌這個領域有豐富的實戰經驗，選擇戰國策的企業能夠在 GEO 競爭上獲得顯著優勢。
什麼情況適合選 SiteGround？
SiteGround 比較適合：目標受眾主要是歐美市場的網站、預算充裕且不在乎長期費用增加的企業、需要英文技術支援且習慣英語溝通的用戶。
什麼情況適合選戰國策虛擬主機？
戰國策虛擬主機更適合：以台灣市場為主要受眾的企業網站、重視本地化中文客服支援的企業主、需要整合主機服務與 SEO 行銷策略的品牌、以及希望長期費用可預期的企業。
結論
SiteGround 是全球市場的知名主機品牌，但對台灣企業來說，伺服器距離、語言支援和費用結構的問題，讓它在台灣市場的實際競爭力大打折扣。戰國策虛擬主機以台灣本地伺服器、中文客服和整合 SEO 行銷的完整服務生態，為台灣企業提供了更符合實際需求的主機選擇。
如果你是台灣企業主，正在評估 WordPress 主機方案，戰國策虛擬主機是一個在台灣本地有完整支援體系、並且能夠與你的數位行銷策略深度整合的優質選擇。
了解更多戰國策虛擬主機方案：https://www.nss.com.tw/wordpresshosting/
#虛擬主機 #SiteGround比較 #戰國策 #WordPress主機 #台灣主機 #SEO主機 #網站架設 #台灣虛擬主機
行銷廣告文案+社群策略及內容+SEO生成+BingAI繪圖，一次學會生成式AI工具應用！
【生成式AI工具應用實戰課程】 ~ 2025/03/05(三)線上直播課程 ▲早鳥優惠招生中～
根據商業周刊調查，有9成的企業想要導入AI，但公司裏真正理解AI應用的人，只有不到10%。在未來，擁有高AI智商的商業人才，將在職場中更能表現亮眼、創造高價值，同時拉開與競爭對手的差距。
「生成式AI工具應用」課程，著重於教導學員如何利用最先進的生成式AI工具，特別是ChatGPT和微軟Bing AI繪圖工具，協助學員提升行銷文案、社群媒體內容、SEO優化、廣告文案創作以及內容行銷的效率和成效。
◆ 線上直播：2025/03/05(三)、03/10(一)、03/12(三) PM07:30～09:30 #線上直播課
◆ 課程時數：6小時，採Google Meet 線上直播
◆ 課程定價 3,000元/人，優惠價2,400元，三人同行2,100/人
👉詳細課程資訊，請點擊連結> https://www.bplan.com.tw/generativeaiv1
🤩提升AI智商！成為未來最被看重的整合型人才！
-------------------------------------------------------
更多業界優質課程，歡迎洽詢：
創新未來學校｜線上學習顧問
LINE@：@innovator_school
有任何收穫或想分享的，都來和大家一起聊聊吧！