104學習

各式封面設計

封面設計在職場上代表能夠針對不同產品或媒介,創造具吸引力且符合品牌形象的視覺呈現。這項技能不僅要掌握美感與排版技巧,還需理解目標受眾與行銷訴求,提升產品曝光度與競爭力。具備此能力的人才,通常能獨立完成從構思到執行的流程,並靈活應用各種設計軟體,為企業帶來有效的視覺溝通效果。

967 個相關職缺

提升你的實力,朝專業更進一步

精選課程

充實自己,讓能力持續成長

快速上手「心智圖」
快速上手「心智圖」
高品質 簡報設計
高品質 簡報設計
(確定成班)用提問解決職場難題-邏輯思考與精準提問術【10/06】
(確定成班)用提問解決職場難題-邏輯思考與精準提問術【10/06】
高質感 簡報設計
高質感 簡報設計
打造秒懂視覺化簡報
打造秒懂視覺化簡報
Excel商業圖表製作與設計
Excel商業圖表製作與設計
心智圖法
心智圖法
商務人士都在用的模組簡報術
商務人士都在用的模組簡報術
菊色秘境:押花手作隨身鏡藝術課程
菊色秘境:押花手作隨身鏡藝術課程
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家
設計師接案必修課:從作品集到報價,系統化讓專業變現| 104獨家

精選證照

考取專業證照,讓能力被市場看見

丙級廣告設計技術士 |
廣告設計技術士技能檢定規範分為乙級、丙級兩種級數,為提昇廣告設計專業技術與素養之證照制度。 各級之檢定目標,分別定位如下: 丙級廣告設計技術士為能瞭解並依指示完成廣告設計作業之助理。 丙級廣告設計技術士技能檢定種類級標準,著重於廣告設計基本常識、電腦之基本知識與概念、色彩調配與繪製、設計圖稿繪製的基本能力、各項設計工具之駕馭能力、應用技術及安全衛生與相關法令常識。
勞動部勞動力發展署技能檢定中心
基礎編排設計InDesign |
基礎編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行排版與設計的基本能力,涵蓋文字編輯、圖像處理及版面配置等技巧,能有效製作海報、書籍與宣傳品等多種印刷與數位媒體作品,適合從事平面設計及出版相關工作者提升專業技能。
尚未查核發照單位
編排設計InDesign |
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力,涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能,適用於出版、廣告及數位媒體領域,有效提升工作效率與作品品質。
尚未查核發照單位
數位邏輯設計能力認證-實用級 |
1. 培養瞭解各種電子零件包裝 2. 培養瞭解各種電子零件線路接腳 3. 具備組合邏輯設計能力 4. 具備循序邏輯設計能力 5. 具備CPLD程式撰寫之能力 6. 具備訊號量測能力 7. 具備規劃架構發展流程的能力 8. 看懂程式內容並有修改之能力
TEMI 台灣嵌入式暨單晶片系統發展協會
Scratch程式設計與邏輯思考 |
Scratch 程式設計與邏輯思考: 通過 Scratch 平台,培養程式設計和邏輯思考能力,適合初學者入門,創建互動式故事和遊戲。 Scratch是一種視覺化的編程語言,旨在以有趣和互動的方式教授編程概念和邏輯思維。對於初學者來說,Scratch尤其適合作為學習編程的起點。通過Scratch,學習者可以理解基本的編程概念,培養邏輯推理能力,為未來的編程學習打下堅實的基礎。
TIPCI臺灣國際專業認證學會
消費者行為分析師 |
此證照學習對消費者行為間的心理學理論與實務之應用,在進入社會職場的必備職場能力。結合理論與實務的專業技能,並且掌握消費者之間心理,做出合理策畫規劃。
TIPCI臺灣國際專業認證學會

精選貼文,掌握第一手知識

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']
【104職場力】

圖文傳播科(上)|熬夜狂奔的設計人生!印刷魔法大揭密|大安高工|科系真心話

你以為設計科系只要會畫畫就好?圖文傳播科還要懂印刷技術!掌握專業印刷流程與創意思考,從色彩管理到紙材選擇,學習完整製作過程。雖然課業壓力大、熬夜成為常態,但也鍛鍊出超強時間管理和系統思維。老師不只傳授技巧,更激發學生突破自我的行動力。想了解圖傳科的獨特魅力及真實學習生活?跟著我們一起走進圖傳科的設計世界,聽他們怎麼說! 🎤主持人  Emily 安芷嫻  🎙來賓  大安高工圖文傳播科:鄭茜文老師、胡珊同學  點擊了解本集章節  02:00 視覺設計的秘密基地:圖傳科到底在幹嘛?  04:19 全台只有三間?圖傳科的超獨特雙主修  11:01 內向樸實小女生  畫畫找到一片天  15:37 爆肝是日常?設計系學姐的真實血淚史!  22:18 數學再見?設計科系是逃避數理的終點站嗎?  25:19 你的設計報告過得了「高牆」老師這關嗎?  34:21 吊車尾到統測滿分:老師如何「神救援」設計小白?  收聽這集,你會知道—— 圖文傳播科(簡稱圖傳科)是技職教育裡相當少見、超有特色的科系,它不只讓你學設計美感,更教你從印刷技術的基礎開始,了解色彩管理、紙張材質、印刷流程等專業知識。這種「設計+印刷」的雙重專長,讓學生不只會畫圖,還能把作品完美變成實體產品,成為設計界的全方位高手。 圖傳科與其他設計科系的關鍵差異 圖文傳播科的前身是「印刷科」,目前全台灣僅有大安高工、台中高工與高雄高工三所高職設有此科,對應的大學科系則是台灣師範大學、台灣藝術大學與世新大學,足見其專業的獨特性。學生在學習創意思考的同時,也能深刻理解從前期製稿、色彩管理,到後期印刷、特殊加工的完整流程。這種「從原稿到成品」的全盤思維,讓他們的設計不僅是螢幕上的像素,更能精準預見並掌控最終實品的樣貌與質感。 科系名稱 核心專業領域 與圖傳科的關鍵區別圖文傳播科 平面設計與印刷工程的雙軌整合 掌握從概念到實體物件的產製,具備深厚的印刷學理與材料加工技術。 製圖科 機械製圖、工業產品結構繪製 專注於工程與製造領域的精確圖面表達。 其他設計科系(如廣告設計、視覺傳達) 品牌行銷、廣告創意、數位媒體、視覺美學 專注於設計的概念與數位階段,較少深入印刷  熬夜趕稿也是成長的甜蜜負擔  課堂上的作業量大、要求又高,睡眠不足成了許多設計科系學生的日常。雖然辛苦,卻也訓練出大家超強的時間管理能力和系統思考模式。學生學會把創意拆成一個個階段循序完成,讓作品更有條理,也養成冷靜分析問題並一步步解決的好習慣。這些能力不只讓你變身設計達人,對未來升學或職場同樣加分。  老師是創意引路人 大安高工圖傳科鄭茜文老師分享,圖傳科的老師不只是知識傳授者,更像是創意催化劑,幫助學生把浮動的點子變成有形的成果,拋開傳統的單向講課,改用討論與團隊合作的方式激發學生多元想法,尤其還會強調口語表達,讓學生學會怎麼自信而清楚地推廣自己的作品,未來更能在職場上大放異彩。  走進圖傳科,玩轉創意與技術  圖文傳播科帶你一次體驗設計與印刷的完美結合,從理論到實務、從想法到實作,讓創意有跡可循、有法可依。想成為有技術又有美感的設計人才?想學會怎麼讓作品真正變成產品?圖傳科就是既專業又充滿挑戰的起點!  歡迎點擊,收聽本集完整訪談內容 【延伸資源】   🏫不知道怎麼選校系?  點選連結👉「104升學就業地圖」3分鐘測出你適合的科系 課業、打工、社團、愛情學分你都歐趴了嗎?歡迎收聽【青春通識課】陪你探索自己成為喜歡的樣子✨
【104職場力】

設計接案合約必備5大要素!保護權益必知,終結客戶鬼打牆

設計外包接案,簽合約有哪些要注意?客座小編「設計Ya黃素」本次分享「設計接案合約必備5大要素」,提醒大家荷包賺飽之餘也要保護自身權益,歡迎分享與追蹤唷! 文/設計Ya黃素 本文目錄:設計外包接案合約5要素(點擊可快速前往) 設計接案外包常見3地雷設計接案合約必備5要素【設計接案合約01】工作範圍與內容【設計接案合約02】時間表與交付期限【設計接案合約03】付款條件與時間安排【設計接案合約04】修正次數與追加費用【設計接案合約05】版權與保密條款 從訪談設計師業外收入得知,大部分設計師為了多賺一點,下班後幾乎都是以外包接案的方式來增加口袋的深度。不過,相信大家都曾經陷入無限循環的修改地獄,或是怎麼催都催不到帳的狀況,「設計Ya黃素」小編了解大家的痛,因此這次無私地公開小編擬定合約的5個小撇步,希望大家從此接案順利不卡關,外包路順順順! 在 Instagram 查看這則貼文 設計Ya黃素(@design.ya.huangsu)分享的貼文 注意:可以點擊星號收藏 ,簽合約前反覆詳讀! 設計接案外包常見3地雷 無限循環的修改 給錢給得拖拖拉拉 永遠的急件 想要避免以上接案鬼故事發生,少不了詳細清楚的合約,用智慧終結客戶鬼打牆! 設計接案合約必備5要素 以下5項合約要素不能缺少任何一項,才能保護好自己的權益,避免後續爭議喔! 工作範圍與內容 時間表與交付期限 付款條件與時間安排 修正次數與追加費用 版權與保密條款 提醒:本文範例合約內容為比較初階且必要的項目,實際合約內容請務必視專案內容來增減,以確保雙方的權利與義務。 圖片來源:設計Ya黃素 【設計接案合約01】工作範圍與內容 一定要清楚定義工作範圍,確保雙方對所需的交付物、工作流程及專案期限都有共識,以避免日後產生爭議。 範例:工作範圍乙方承接甲方的【網頁設計工作】,包含:【首頁設計、內頁模板、行動版適配】等。具體需求和設計內容由雙方確認並書面記錄。 圖片來源:設計Ya黃素 【設計接案合約02】時間表與交付期限 訂定各項目的階段時間表,包括設計初稿、修正稿、最終稿的提交時間,以及網站或設計作品的上線或交付日期,確保專案按時完成。 範例:工作時程乙方應於OO年OO月OO日前完成設計初稿,並於OO年OO月OO日前交付最終版。此約定時間以甲方已交付所有需要資料為前提,若甲方資料延遲提供,應另外協商交件日期。 設計Ya黃素提醒:如果擔心對方回覆太晚造成專案進度延遲,可以再加上審稿回覆日期,或是寫明交稿後幾天內甲方要回覆修改內容,來確保專案時間不會拖太長。 圖片來源:設計Ya黃素 【設計接案合約03】付款條件與時間安排 分階段付款可以降低拖款的風險,因此要在合約裡明訂付款條件,如預付款、中期付款及尾款的比例和支付時間,確保設計師在過程中能按時收到報酬。 範例:付款方式全案總金額:OO元甲方須在簽約後支付訂金:OO元(總經額的30%)中間款:初稿交付後支付OO元(總金額的40%)最終版本交付後支付OO元(總經額的30%)乙方在收到全額款項後,將移交所有設計文件。 圖片來源:設計Ya黃素 【設計接案合約04】修正次數與追加費用 寫明允許的免費修正次數,以及超出範圍的修正或新增需求的收費標準,以避免無止盡的免費修改要求。 範例:修改與取消條款雙方經確認風格與內容後,乙方提供最多O次免費修改機會。每次修正需在O天內完成。超過部分需額外收費,具體費用由雙方協議。若專案取消,已支付的款項不予退還,乙方有權保留所有已完成的設計。 設計Ya黃素提醒:所謂的修改應指風格已確認後的修改次數。合約裡也可以明訂超過的次數以OO元來計算。 圖片來源:設計Ya黃素 【設計接案合約05】版權與保密條款 需要有明確的設計作品版權歸屬,以及雙方的保密義務,防止作品被未經授權使用或機密洩露,這點對於保護設計師或是客戶的利益都非常重要。 範例:版權與使用權乙方保留設計作品的著作權,甲方擁有OO的使用權。非經乙方書面同意,甲方不得將作品進行二次轉售或用於非約定用途。 範例:保密條款雙方同意在合約期間及之後保密所有涉及專案的商業資訊,若乙方發生違約情形,甲方得終止契約,並可向乙方求償。 範例:爭議解決如雙方發生爭議,應友好協商解決。協商不成時,應提交管轄地法院裁決。 圖片來源:設計Ya黃素 [joblist_plugin title='更多【設計接案】工作機會' url='https://www.104.com.tw/jobs/search/?ro=0&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'] 更多【外包接案技巧】推薦給你: 接案族該如何報稅?一文搞懂「接案外包」報稅技巧 設計接案平台推薦!國內外8大設計師接案外包大平台 接案報價不是憑感覺!給新手的基礎報價公式參考 最完整免費接案社群整理,自由工作者、接案族必備 社群行銷、文案寫手接案報價與外包行情參考 [course_plugin title='數位游牧|接案教學推薦' keyword='設計師接案必修課' amount=1]
【104職場力】

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生成簡報、資訊圖表功能登場!實用技巧盤點
【104職場力】・AI

【最新免費圖庫推薦】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模板平台讓作品質感大提升
【104職場力】

「模糊照片背景」免費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打造最強組合技
【104職場力】・AI

從畫筆到數位創作──內思高工多媒體設計科的專業養成與創意實踐

在數位內容快速發展的時代,多媒體設計已成為結合創意與技術的重要領域。位於新竹的內思高工多媒體設計科,透過「手繪為本、數位為用」的課程架構,帶領學生從基礎美感培養出發,逐步延伸至動畫、影像與互動設計,建立跨媒介的整合能力。多媒體設計科庭裕主任指出,設計教育的核心不只是讓學生學會工具操作,而是培養「能夠思考與表達的能力」。「AI可以生成圖像,但它不是創意的源頭,真正的設計還是來自人的想法與判斷。」主任強調,學生必須先具備基本的觀察與創作能力,再透過數位工具與AI輔助延伸,而非完全依賴技術取代思考。 從手繪出發:「每日一畫」建立設計的基礎能力 內思高工多媒體設計科的課程設計,以明確的分年學習架構展開。高一階段以手繪與設計基礎為主,透過繪畫、圖學與基礎設計課程,建立學生的美感與表現能力。其中,「每日一畫」是最具代表性的訓練之一,學生需每天完成繪畫練習,扎實培養將想法轉化為圖像的能力。 圖:學生練習「每日一畫」作品 主任認為,設計的第一步不是直接操作電腦,而是「能不能把腦袋裡的東西畫出來」。「手的感覺是最直接的,想法要先透過手呈現,才有可能進一步轉化成數位作品。」這樣的學習過程,對許多學生而言並不輕鬆。並且,設計並非是單純的藝術表達,而是一種溝通與傳遞的方式。多媒體設計科的彭同學提到,自己原本只是單純喜歡畫畫,但進入科系後才發現,設計並不只是畫自己喜歡的內容,而是需要考慮「他人是否能接受」,甚至必須符合特定需求。「以前是畫自己喜歡的東西,但現在會去想,這個設計是不是別人也會覺得好。」這樣的轉變,也反映出設計工作與他人之間緊密的關聯性。 數位技能導入:從創作到媒介整合 進入高二後,課程逐步導入數位工具與媒體應用,包括電腦繪圖、3D動畫、影像製作與虛擬實境等內容。學生開始學習如何將手繪基礎轉化為數位作品,並使用AI製作及修正產生更廣泛的媒介形式。 其中,「互動動畫設計實作」課程特別具代表性。學生需以自身興趣為出發點,規劃主題、撰寫腳本、進行拍攝與剪輯,完成一支完整的影音作品。這樣的課程不僅訓練技術操作,更整合了企劃、表達與敘事能力。多媒體設計科的潘同學分享,自己原本期待能夠專注於拍攝影片,但實際學習後發現,需要先建立繪畫與設計基礎,才能讓影像創作更完整。「原本以為就是一直拍影片,但後來發現學到更多,包含畫畫、設計和不同媒材的應用。」這樣的學習歷程,讓學生逐漸理解,多媒體並非單一技能,而是一種跨領域整合能力。 此外,課程中也導入攝影與構圖訓練,讓學生理解影像的基本語言。主任指出,無論是動畫、設計或影像創作,視覺構成能力都是核心,「構圖、光影、畫面感,這些都是共通的基礎」。 圖:學生數位作品紀錄 從創意到實踐:設計思考的深化 在能力逐步累積後,課程進一步強調設計思考與創意發想。學生透過參加校內「創意構思競賽」,練習具體設計概念,並接受業界與教師的評估,從參賽經驗中學習如何讓創意回應真實需求。 主任指出,學生常出現的問題,是過度沉浸於個人想像,卻忽略設計的目的。「設計不是只為自己,而是要解決問題。」因此,課程會引導學生進行資料蒐集、使用者分析與實際驗證,讓創意能落地成為可行的設計。這樣的訓練,也培養學生面對修改與挑戰的能力,也建立了面對挫折的心理韌性。彭同學回憶,在進行大型水墨作品時,曾因不確定如何下筆而感到焦慮,但最終透過自我練習與同儕討論,完成作品。「完成的時候會覺得很有成就感。」她說。主任則強調,設計能力的建立需要時間累積,「先模仿,再轉化,最後形成自己的風格」,這是一個必經的歷程。 圖:彭同學水墨畫成果 高三階段,學生需整合三年所學,完成專題製作並對外展出。這不僅是學習成果的呈現,也讓學生有機會接受外界回饋。在專題製作中,學生可依興趣選擇方向,包括動畫、影像、平面設計或產品設計等。潘同學分享,自己在畢業專題中負責微電影製作,從劇本撰寫到拍攝與剪輯皆親自參與,他回憶「影片完成的時候會覺得很滿意。」 從學習到未來:多元發展的可能性 在升學發展方面,多媒體設計科學生多以升學為主,延伸至視覺傳達、商品設計、室內設計、建築與多媒體相關科系。主任指出,設計群本身具有高度延展性,「只要有美感基礎,可以發展的領域很多」。 學生的選擇也呈現多元樣貌。彭同學希望未來朝產品設計發展,而潘同學則考慮以建築作為主要專業,同時持續發展影像創作。這樣的路徑,也反映出多媒體設計科所培養的,不只是單一技能,而是一種可延伸的能力基礎。 在創作與實作之間,培養可持續發展的能力 內思高工多媒體設計科,以手繪為起點,逐步導入數位與AI的媒體應用,建立從創意發想到實作完成的完整學習歷程。在這樣的訓練中,學生不僅學會設計技術,更在反覆修正與實踐中,培養出表達能力、問題解決能力與創意思維。 對國中生與家長而言,多媒體設計科所提供的,不只是進入設計領域的入門訓練,而是一條將「想法」落地為技能的學習路徑。在這樣的過程中,學生能為未來的升學與職涯發展奠定穩固基礎。 開箱多媒體設計科學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

「接案作品集」怎麼準備?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 最完整免費接案平台、接案社群總整理(附設計、行銷外包接案工作機會)
【104職場力】・UX

圖文傳播科(下)|手作公仔x印刷實戰,摸到成品超感動!AI時代的手繪底力|大安高工|科系真心話

會畫畫≠懂設計,圖傳科到底在學什麼?帶你走進超帥印刷室與暗房,課堂上設計自己的公仔,從紙張、排版到成品一次體驗。這集我們聊同學特質、熬夜傳說、AI怎麼當工具、多媒體升學與出路選擇(M型趨勢也說給你聽)。最後還有《麥克筆手繪魔法書》限時抽獎福利,記得聽完節目,到104高職生IG參加! 🎤主持人  Emily 安芷嫻  🎙來賓  大安高工圖文傳播科:鄭茜文老師、胡珊同學  點擊了解本集章節  02:49 「畫畫」真的能當飯吃?圖傳科打磨設計專業   08:00 課堂製作公仔超好玩!操作印刷看到成品超感動   16:01 設計人都是「高敏人」?纖細感受生活中的美感   18:49 畢業出路「M型化」 熬夜七年確認設計熱情   30:46 AI 時代還要學手繪?「慢下來」專注學習  收聽這集,你會知道—— 「喜歡畫畫」往往是許多抱有設計夢想的同學入門的理由,但透過這集大安高工圖文傳播科老師與同學的分享強調,設計不僅是藝術創作,更多為解決問題而生,也分享那些在熱愛背後的真實挑戰。 畫畫≠設計:喜歡塗鴉,不代表你適合做設計 許多人最大的迷思,就是認為「擅長畫畫」等於「適合設計」。然而,鄭茜文老師分享,畫畫通常是主觀的、為了個人樂趣而創作的;而設計則是客觀的、理性的,它的核心目的是為特定的客群解決問題,「喜歡畫畫的學生,一開始可能會覺得在行。可是到了二年級或三年級,開始深入設計邏輯時,就不見得在行了。」 設計人的特質與日常 在老師眼中,設計科系的學生總是多了一份對生活的敏感,才能夠感知並處理那些一般人容易忽略的美感細節,無論是色彩的微小差異、空間的氛圍,還是排版的平衡感。這種特質讓他們有辦法「抓到那個感覺」,將無形的氛圍轉化為具體的視覺作品。然而為了完成作品,通宵趕工是家常便飯,也是所有對設計抱有憧憬的學生,在入學前必須有所準備的現實。 從「背到睡著」到「感動不已」:理論與實作的天壤之別 圖傳科的胡珊同學分享,他在學習「印刷」等理論課程時,對於需要大量背誦的內容感到非常吃力。然而,當他親手操作巨大的印刷機,看著白紙經過滾筒後印上圖案;或是在暗房中,親眼目睹影像在相紙上逐漸浮現時,那種興奮與感動是無可比擬的。當抽象的理論知識,透過雙手轉化為可以觸摸、可以看見的實體作品時,那份成就感將會點燃所有學習的熱情。 AI時代,我們為何更需要「手繪」? 在AI能快速生成圖像的時代,手繪是否已經過時?鄭茜文老師說,AI是強大的輔助工具,但手繪的價值反而因此更加凸顯。「很多人喜歡很科技的東西,可是你也會發覺,現在復古的東西非常非常的流行。」當科技發展到極致,人們反而會開始重新欣賞那些有溫度、有實體感、步調更慢的事物。手繪的核心價值正在於此,當你手握畫筆時,必須沉靜下來,仔細思考色彩、構圖與細節,它能培養在這個快節奏、充滿干擾的時代中,最稀缺的能力:耐心與深度專注。 熱愛,設計路上唯一的燃料 走在設計這條路上,無論是面對熬夜的疲累還是自我懷疑,讓設計人走下去的,是對於創作的無比熱愛。當你克服挑戰,看見自己腦中構思化為眼前的作品,那份成就感是圖文傳播科學生所有努力的起點與終點。 歡迎點擊,收聽本集完整訪談內容 【延伸資源】   想獲得鄭茜文老師的《麥克筆手繪魔法書》嗎?現在就上 104高職生 IG參加限時抽獎活動,就有機會獲得喔! 🏫不知道怎麼選校系?  點選連結👉「104升學就業地圖」3分鐘測出你適合的科系 課業、打工、社團、愛情學分你都歐趴了嗎?歡迎收聽【青春通識課】陪你探索自己成為喜歡的樣子✨
【104職場力】

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,不妨現在就試試看!
【104職場力】・AI

通過標準測驗色彩調配設計

在這次的色彩調配設計過程中,我深刻體會到色彩在視覺傳達與空間氛圍營造上的重要性。透過對色相、明度與純度的調整,我學習到如何讓色彩彼此協調,並創造出具有層次感與視覺平衡的作品。 實際操作時,我發現不同色彩的比例與搭配方式會影響整體的情感表現。例如,冷色調能帶來沉靜與專注的氛圍,而暖色則能傳達溫暖與活力。此外,透過色彩對比與和諧的運用,我更理解如何透過調色來加強作品的視覺焦點與美感。 這次的學習不僅提升了我對色彩應用的敏銳度,也讓我更有信心將這些技巧應用到未來的設計與創作中。
廖駿霖・電腦排版設計

心理系(上)|欸我不是算命仙!我們用科學讀懂人心|東吳大學|科系真心話

心理學聽起來神秘又浪漫?《青春通識課》帶你走進心理系的真實世界:充滿統計、實驗與研究設計,原來他們不是在學讀心術,而是在學「怎麼讀懂人」。這集節目邀請東吳心理系師生現身說法,用最真實的角度告訴你:心理學不是通靈,而是一門用科學方法理解人類行為的學問。破解「讀心」的迷思,想走進人心,得先跟數據搏感情! 🎤主持人  Emily 安芷嫻  🎙來賓 東吳大學心理系 王韋婷主任、吳于薇同學  點擊了解本集章節  03:00 神秘心靈特搜隊出發!心理師 ≠ 心理醫師? 06:59 課表大公開!原來心理系是「理組」科學家 10:06 統計很難嗎?其實我們更愛「解讀人心數據」 14:14 心理系熱門路線圖:臨床、諮商、工商業 18:31 跨界好手現身!用科技來解碼大腦的秘密 24:33 網路世代,心理學如何從小眾變主流? 收聽這集,你會知道—— 提到「心理學」,你的腦中會浮現什麼畫面?是沙發旁微笑傾聽的心理師?還是能看穿謊言、洞悉人心的「讀心高手」?這些近乎電影橋段的想像,讓心理學蒙上了一層神秘又浪漫的面紗。 迷思一:心理學是「文組科目」?它其實是門硬科學 許多人以為心理學偏人文,其實在多數大學中,心理學系被歸在「理學院」底下,心理學的核心訓練其實充滿科學,差別只是研究對象從其他科系的原子與分子,換成了世界上最複雜的存在——人。 「心理測驗就像是生物學家的顯微鏡。」我們看不見情緒、動機或價值觀,心理學家運用實驗設計與統計分析,讓「人心」這個抽象概念,得以被量化與研究。 「心理測驗就像是生物學家的顯微鏡。」我們看不見情緒、動機或價值觀,心理學家運用實驗設計與統計分析,讓「人心」這個抽象概念,得以被量化與研究。 迷思二:數學不好能念心理系嗎?重點在「解讀」而非「計算」 一聽到心理學要學統計,許多學生就皺眉。但心理學並不是要培養數學家,而是訓練能「看懂數字背後的故事」的人。 不需要擅長算公式,而是要能理解數據所反映的意義——為什麼受試者在壓力下表現不同?某項測驗結果如何對應到人格傾向? 迷思三:畢業就能當「心理醫師」?千萬別再這樣說! 在台灣,並沒有「心理醫師」這個職稱。真正的名稱是「心理師」,與物理治療師、職能治療師同屬醫事人員,但不是醫師。 心理師需具備研究所學歷、實習經驗,並通過國家考試才能執業,主要進行心理評估、心理治療與輔導,而醫師則負責開立藥物、進行醫療。 心理學不是讀心術,而是理解人的科學 心理學是一門用實驗、邏輯與資料,探索人類心智的科學,兩大課程主線包含基礎心理學(生理、知覺、認知、社會心理學),與應用心理學(臨床諮商、人力資源、消費者行為等),發展面向則包含臨床心理學、諮商心理學與應用/工商心理學等,歡迎對「人」充滿好奇,願意用理性去理解感性的同學,共同加入心理系的行列。  歡迎點擊,收聽本集完整訪談內容 【延伸資源】   🔽 第三屆104學檔範本徵稿賽 🔽 🗓 活動時程:10/15~11/15投稿,12/29公布結果 📝 參賽資格:全臺高中職、大學生,只要有檔案即可參賽,不限當年度作品 🏆 參賽獎勵:通過審核即可獲獎狀,還有提供逾7萬元競賽獎金 👉 活動連結:https://tw104.pse.is/87azky 課業、打工、社團、愛情學分你都歐趴了嗎?歡迎收聽【青春通識課】陪你探索自己成為喜歡的樣子✨
【104職場力】

有任何收穫或想分享的,都來和大家一起聊聊吧!