104學習

字體設計

這項技能主要指的是創造獨特且具辨識度的字形,讓文字在視覺上更具吸引力與識別度。具備此能力能幫助品牌建立專屬風格,提高行銷效果與用戶體驗。在數位時代,設計的字體需兼顧美感與可讀性,並適用於不同媒介如網站、APP、印刷品等。熟悉字體結構、排版規則及軟體操作,是在職場上展現專業與創意的關鍵,有助於提升競爭力與工作價值。

207 個相關職缺

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

精選課程

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

商業平面設計|PS+AI整合進階課
商業平面設計|PS+AI整合進階課
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (下集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (下集)
Illustrator向量平面設計
Illustrator向量平面設計
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
不用畫也能設計!AI 繪圖:打造品牌視覺的提案實戰
WordPress視覺排版設計超入門:CSS與HTML
WordPress視覺排版設計超入門:CSS與HTML
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面  (上集)
成為前端工程師|透過 HTML 與 CSS 認識網頁設計,從 0 到 1 打造實用介面 (上集)
Lightroom高效商業修圖(商品篇)
Lightroom高效商業修圖(商品篇)
Substance Painter模型材質貼圖
Substance Painter模型材質貼圖
LINE動態貼圖設計
LINE動態貼圖設計
AI 視覺與簡報工作流:Gemini × ChatGPT 打造高說服力商業圖文
AI 視覺與簡報工作流:Gemini × ChatGPT 打造高說服力商業圖文

精選證照

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

編排設計InDesign |
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力,涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能,適用於出版、廣告及數位媒體領域,有效提升工作效率與作品品質。
尚未查核發照單位
電腦繪圖設計Illustrator |
Computer Graphic Design 因應知識經濟與文創產業的時代來臨,各產業均發生結構性的變化,「設計」所帶來的附加價值與影響也日趨明顯。為了不淹沒在此一浪潮中,台灣產業界對於設計能力的提升,產生了迫切的需求。優秀而充足的人力是企業提升設計能力的根基,為提供產業界符合新時代的專業人才,本會推動「TQC+ 專業設計人才認證」,藉由嚴謹的認證職能體系架構與專業完善的考試服務,培育出符合企業職場需要的人才。 ● 為國際級證書,獲印度國家電子資訊科技學院(NIELIT)採認。 ● 以「專業設計領域任職必備能力」為認證標準。 ● 認證內容涵蓋「工程設計」、「視傳設計」、「軟體設計」、「電路設計」、「建築設計」、「跨域設計」等六大專業領域。 ● 擁有整合知識體系與專業技能的認證架構,是最貼近實際使用環境與就業需求的證照。
財團法人中華民國電腦技能基金會
基礎編排設計InDesign |
基礎編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行排版與設計的基本能力,涵蓋文字編輯、圖像處理及版面配置等技巧,能有效製作海報、書籍與宣傳品等多種印刷與數位媒體作品,適合從事平面設計及出版相關工作者提升專業技能。
尚未查核發照單位
丙級電腦輔助立體製圖 |
由於產業升級及製圖方法與設備的改進,為配合電腦繪圖軟體以立體方式從事輔助設計製圖工作及提升專業人員技能水準與研發工作之效率,特定本檢定規範。 丙級電腦輔助立體製圖技術士之工作內涵,是指擔任單件立體圖繪製及圖面管理等工作,包括應用磁碟作業系統、安裝軟體與使用電腦週邊設備、設定繪圖環境、控制圖形顯示幕、輸出圖形與管理圖面等基本工作及繪製單件立體圖、單件立體剖視圖等項。
勞動部勞動力發展署技能檢定中心
丙級電腦輔助機械設計製圖技術士 |
從事應用電腦輔助設計與製圖(Computer-Aided Design and Drafting,CADD)軟體及繪圖用具,繪製機械產品之零件圖、組合圖、等角立體圖及圖面整理等工作
勞動部勞動力發展署技能檢定中心
Pagemaker |
Pagemaker證照證明持有人具備使用Adobe Pagemaker進行專業排版與設計的能力,能熟練操作軟體完成書籍、雜誌及宣傳品等印刷品的編排工作,熟悉文字處理、圖像整合及版面設計技巧,具備有效溝通與協調印刷流程的能力,適合從事平面設計、出版編輯及印刷相關職務,提升職場競爭力與專業形象。
Adobe

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

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

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

2025年字體懶人包!15款【實用中英日字型】免費下載,可商用、自用

在當今數位設計領域中,開源字體的使用已經變得日益普遍,為設計師提供了多樣化的選擇和便利性。然而,這種開源字體的使用也引發了一系列值得關注的痛點,例如:版權問題...等,本篇整理15款免費字體、開源字體,除了自用還可商用,讓創作者在使用字體時不用擔心版權問題。 文/《104學習精靈》 本文導覽(點選連結可至指定章節閱讀)了解什麼是「開源字體」?15大免費字體懶人包整理:思源黑體思源柔黑體台北黑體源樣黑體瀨戶字體花園明朝體饅頭黑體源泉圓體ju open 粉圓體思源宋體芫荽字體源流明體辰宇落雁體悠哉字體俐方體11號 procreate使用字體常見QA 線上學習:打造出屬於你的字體 什麼是開源字體? 開源字體(Open Source Fonts)是指以開源許可證(例如SIL Open Font License、Apache License、MIT License等)發布的字型,這些許可證允許任何人自由地使用、修改、分發和共享該字型的源代碼。開源字體具有以下四大特點: 自由使用:任何人都可以免費使用開源字體,無需付費或取得特殊許可。這使其在許多不同領域,包括網頁設計、印刷媒體和軟體開發中變得非常受歡迎。 可修改性:開源字體的源代碼通常是公開的,允許字體設計師和開發者自由地修改字型以滿足特定需求。這種可定製性使設計師能夠創建獨特的字體風格。 共享和分發:開源字體可以自由地分享和分發,這使其易於在不同項目和平台之間共享,無需擔心版權問題。 社區參與:開源字體通常由一個社群來開發和維護。這促進了協作和知識分享,並使字體得以不斷改進和擴展。 開源字體的使用在設計和開發領域中非常常見,它們為設計師、開發者和內容創作者提供了多樣性的字體選擇,同時也支持開放的文化和知識共享。 15大免費字體懶人包整理: 字體說明 字體介紹字體參考思源黑體 多語言支持,優質設計,多風格,開源授權,跨平台,廣泛應用。【我要下載】思源柔黑體中文優雅、豐富風格、多字重、精簡設計、開源授權。【我要下載】台北黑體簡約現代、中文優美、多風格、開源許可、易用廣泛。【我要下載】源樣黑體簡約風格、中英文支持、多字重、開源許可、廣泛應用。【我要下載】瀨戶字體日式風格、漂亮筆劃、多字形、優質字型、設計自由。【我要下載】花園明朝體優雅書法風、中文精美、多風格、閱讀佳選、獨具特色。【我要下載】饅頭黑體多語言支持,優美字形,清晰易讀,跨平台,開放授權。【我要下載】源泉圓體簡約風格,中文精緻,多字重,免費開源,廣泛應用。【我要下載】ju open 粉圓體年輕活潑,簡潔設計,多字重,自由分享,現代風。【我要下載】思源宋體傳統中文風,多字重,開源許可,閱讀佳選,多用途。【我要下載】芫荽字體手寫風格、藝術性、簡單多用、中英文支持、創新設計。【我要下載】源流明體楷書風格、經典美學、多字形、精緻細緻、文學藝術。【我要下載】辰宇落雁體藝術書法、流暢筆觸、文學情感、風格獨特、中文優雅。【我要下載】悠哉字體風格簡約、清晰易讀、多字形、中英文支持、閱讀愉悅。【我要下載】俐方體11號現代風格、多字形、簡潔美觀、中文優美、設計專業。【我要下載】 procreate使用字體常見QA: 1. 如何在Procreate中添加自定義字體? 通過啟動iOS的檔案應用程序,將字體文件添加到Procreate的「字體/Fonts」文件夾中。然後您可以在Procreate中訪問並使用這些字體。 2. Procreate支持哪些字體文件格式? Procreate支持.ttf(TrueType)和.otf(OpenType)字體格式。您可以將這些格式的字體添加到Procreate中使用。 3. 我添加了字體,但它們不顯示在Procreate中。怎麼辦? 確保您已將字體文件正確放置在Procreate的「字體/Fonts」文件夾中。然後在Procreate中嘗試重新啟動應用程序,這些字體應該會出現在字體選擇列表中。 4. 是否有推薦的字體管理應用程序可用於Procreate? 是的,您可以使用應用程序如iFont或AnyFont來管理和添加字體到Procreate以外的應用程序。 5. 我可以在Procreate中調整字體的大小和顏色嗎? 是的,您可以在Procreate中調整字體的大小、顏色和其他屬性。使用文本工具來編輯文本圖層,並使用Procreate的繪圖工具進行進一步的調整。 6. 是否可以在Procreate中添加外部字體庫? 目前,Procreate只支持將字體添加到特定的「字體/Fonts」文件夾中。如果您希望使用外部字體庫,需要確保將字體文件複製到該文件夾中。 更多Procreate學習討論,可前往104學習精靈加入討論 線上學習:打造出屬於你的字體 除了下載字體使用外,其實你可以打造出屬於你的專屬字形唷 ! 透過線上學習相關課程,逐漸鑄造出屬於自己的文字風格,這是一場充滿創意和表達的冒險旅程。通過堅持練習,我們能夠在數位世界中留下自己的痕跡,打造一個獨一無二的字體,反映著我們的個性和故事。 相關課程推薦: 課程課程名稱教學內容伸縮自如的字體課:從基本功到創意風格掌握基礎中文字體知識,掌握基本字體如明、黑體的繪製技巧標標標標標準字 - 從生活創意到邏輯實踐設計出一套好看的標準字6五3的書法設計課:跳脫字帖的書寫自由式可獨立完成具有設計感的書法字,並應用於日常生活各處。藝術字數位化,手寫風格 Logo 設計清楚了解每個流程的製作方式與細節等,最後將自己手寫的字體應用在各種地方!
【104職場力】

【最新免費圖庫推薦】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職場力】

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職場力】

一鍵讓文字變高級!10+ 種 Unicode 特殊字體產生器完整攻略

最近在研究社群貼文排版與個人品牌視覺,發現一個超強的免費 Unicode 字體工具網站,不用安裝任何字型,輸入文字就能一鍵轉換成各種風格。以下整理我最常用的 10+ 個頁面,每種風格都用實際效果展示給大家看 👇 𝟏. 粗體文字產生器(首頁) 最基礎也最萬用的功能,適合 LinkedIn 標題、IG 簡介、論壇暱稱。 示範效果: 𝐁𝐨𝐥𝐝 𝐒𝐞𝐫𝐢𝐟 — 數學粗體(襯線) 𝗕𝗼𝗹𝗱 𝗦𝗮𝗻𝘀 — 無襯線粗體 𝑩𝒐𝒍𝒅 𝑰𝒕𝒂𝒍𝒊𝒄 — 斜體粗體 🔗 https://bold-text.com/ 𝟐. 酷字體大全(Cool Fonts) 這頁收錄了各種裝飾性字體,從復古到現代應有盡有。 示範效果: 𝓢𝓬𝓻𝓲𝓹𝓽 — 手寫花體(適合邀請函、浪漫貼文) 𝔉𝔯𝔞𝔨𝔱𝔲𝔯 — 哥德黑體(遊戲 ID、復古海報) 𝔻𝕠𝕦𝕓𝕝𝕖 𝕊𝕥𝕣𝕦𝕔𝕜 — 雙線空心字(視覺超搶眼) 𝕲𝖔𝖙𝖍𝖎𝖈 𝕭𝖔𝖑𝖉 — 粗體哥德字 🔗 https://bold-text.com/cool-fonts 𝟑. 泡泡字 & 圓圈字(Bubble & Circled) 可愛風格必備!做 IG 限動標題、Discord 狀態、派對邀請超適合。 示範效果: ⓑⓤⓑⓑⓛⓔ — 空心圓圈字 🅑🅤🅑🅑🅛🅔 — 實心圓圈字(反白) 🄱🅄🄱🄱🄻🄴 — 方框字 🅱🆄🅱🅱🅻🅴 — 正方框字 𝟒. 小寫大寫 & 上下標(Small Caps & Superscript) 低調又有質感的排版選擇,適合品牌名稱、專業簡介。 示範效果: ꜱᴍᴀʟʟ ᴄᴀᴘꜱ — 小寫大寫(看起來像大寫但體積較小) ˢᵘᵖᵉʳˢᶜʳⁱᵖᵗ — 上標字 ₛᵤᵦₛ𝒸ᵣᵢₚₜ — 下標字 𝟓. 刪除線 & 底線(Strikethrough & Underline) 社群貼文常用技巧,做促銷對比、幽默修正常用。 示範效果: H̶e̶l̶l̶o̶ — 標準刪除線(暗示「這句話不算」) H̲e̲l̲l̲o̲ — 底線強調 H̅e̲l̲l̲o̲ — 上線 + 底線雙重效果 H̴e̴l̴l̴o̴ — 波浪刪除線(更有個性) 𝟔. 航海錨點字體(Anchor Fonts) 夏天、海洋、航海主題的貼文或品牌文案必備! 示範效果: ⚓ 𝐀𝐧𝐜𝐡𝐨𝐫 𝐒𝐭𝐲𝐥𝐞 — 錨點裝飾粗體 ⛵ 𝓝𝓪𝓾𝓽𝓲𝓬𝓪𝓵 𝓢𝓬𝓻𝓲𝓹𝓽 — 航海手寫體 🌊 𝖂𝖆𝖛𝖊 𝕱𝖔𝖓𝖙 — 波浪復古風 🔗 https://bold-text.com/anchor-fonts 𝟕. 等寬字體(Monospace) 程式碼風格、極簡設計感,適合科技類帳號或開發者社群。 示範效果: 𝚃𝚑𝚒𝚜 𝚒𝚜 𝙼𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎 — 等寬字體 Wide Text — 全形寬字(每個字佔兩倍空間) 𝟖. 鏡像 & 反轉文字(Flip & Reverse) 趣味效果,做彩蛋、隱藏訊息或惡搞貼文超好用。 示範效果: ɘɿɘʜT ɘƨɿɘvɘɿ — 左右反轉 ƧbɿAwkↄAd — 鏡像反轉 ǝʞɐɯ oʇ ʎɐʍ ǝɥʇ sᴉ sᴉɥ┴ — 上下顛倒 𝟗. 空格 & 間距調整(Spaced Out) 讓文字更有呼吸感,適合極簡風格標題。 示範效果: S P A C E D O U T — 字母間加大空格 Spaced Out — 全形空格版本 𝟏𝟎. 混搭組合技巧 最強大的用法是組合多種效果!以下是幾個我實際用過的範例: 表格 應用場景 組合效果 示範 LinkedIn 標題 Sans Bold 𝗕𝗼𝗹𝗱 𝗧𝗲𝘅𝘁 IG 簡介 Script + Emoji 𝓢𝓬𝓻𝓲𝓹𝓽 ✨ 遊戲暱稱 Fraktur 𝕲𝖆𝖒𝖊𝖗 𝕿𝖆𝖌 夏日貼文 Anchor Style ⚓ 𝐒𝐮𝐦𝐦𝐞𝐫 促銷對比 Strikethrough + Bold ~~$199~~ → 𝗦𝗮𝗹𝗲 $99 重要通知 Double Struck ℕ𝕠𝕥𝕚𝕔𝕖 專業簡介 Small Caps ꜱᴍᴀʟʟ ᴄᴀᴘꜱ 可愛風格 Bubble ⓑⓤⓑⓑⓛⓔ 💡 為什麼推薦這個工具? ✅ 完全免費 — 不用註冊、不用付費 ✅ 即時預覽 — 輸入文字立刻看到所有風格 ✅ 一鍵複製 — 點一下自動複製,直接貼到任何平台 ✅ 全平台通用 — IG、Twitter、Discord、LinkedIn、WhatsApp 都能顯示 ✅ 隱私安全 — 純瀏覽器處理,不會儲存你的文字 🚀 快速上手三步驟 Step 1 → 打開網站,在輸入框打字 Step 2 → 瀏覽下方所有風格預覽 Step 3 → 點擊喜歡的風格,自動複製,直接貼上! 大家有沒有什麼特別喜歡的字體風格?或者你會怎麼把這些效果用在日常貼文裡?歡迎在留言區交流分享!🎨✨
AI Tools 分享・廣告企劃案╱文案撰寫

「接案作品集」怎麼準備?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

零經驗小編跨域轉職產品設計師,撥開產品迷霧 ,看透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產品主持展示,上場前,先考試
【104職場力】・職涯規劃

從創意到實現──屏東高工製圖科打造設計落地的能力 

一項產品誕生之前,需要先有一個想法;而一個好的想法,要真正成為看得見、摸得到的作品,還需要經過設計、繪圖、建模、驗證與修正等一連串過程。設計圖不只是產品的藍圖,更是串連創意與製造的重要橋梁。 屏東高工製圖科培養的,正是這種將創意轉化為現實的能力。許多人不清楚製圖科與機械科的差異與關聯性,其實兩者分別著重同一種專業中不同階段的能力:機械科著重於加工製造,特別擅長動手操作,而製圖科則站在製造流程的前端,負責將構想轉化為工程圖,再透過模型製作與實作驗證,讓一個想法逐步成為真正能被製造的產品。  (圖:學生操作電腦繪圖軟體完成圖面設計 )  從想法開始,循序建立設計能力  把創意化為現實,並不是一蹴可幾,而是需要一步步累積專業能力。  屏東高工製圖科的課程安排,在高一時,讓學生先從工程字、三視圖等基礎開始,透過手繪建立空間概念與圖面表達能力,同時接觸機械加工基礎,認識不同材料、加工方式及機械原理。進入高二後,課程逐步導入 AutoCAD、Inventor 等電腦繪圖軟體,讓學生學習如何將平面圖轉換成立體模型;到了高三,則結合專題製作、3D列印等課程,讓設計真正從螢幕上的圖面走向實體作品。  看似是不同階段的課程,其實都圍繞著同一件事情──培養學生將想法具體表達、逐步實現的能力。從最初的一筆一畫,到完成立體模型,每一門課都不是獨立存在,而是在不同學習階段,引導學生建立完整的設計思維,也理解一件作品如何從概念走向成品。  (圖:學生運用尺規工具完成手繪製圖練習 )  好的設計,建立在理解製造之上  不少人認為設計就是發揮創意,但在屏東高工製圖科,創意只是起點,更重要的是讓設計真正能夠被實現。  製圖科主任陳儀峻指出,學生除了學習繪圖之外,也必須接觸加工基礎與製造流程。因為一件產品是否可行,不只是取決於設計是否美觀,更需要考慮材料特性、加工方式及結構安排。如果不了解後端製造流程,再有創意的設計,也可能因為無法加工而停留在想像階段。  因此,製圖科希望培養的並非只是繪圖技巧,而是兼具創意與實務的設計能力。學生在學習設計的同時,也會實際接觸車床等加工設備,了解不同零件是如何製造出來,也理解設計圖上的每一條線、每一個尺寸,最後都會影響產品是否能夠順利完成。  換句話說,在製圖科,設計與製造並不是彼此獨立的兩件事情,而是不斷來回驗證、相互修正的過程。學生不只是學會使用繪圖軟體,更逐漸建立工程設計所需要的判斷能力,知道如何在創意與實際製造之間取得平衡,讓一個構想真正具備落地實現的可能。  (圖:學生操作車床設備進行金屬加工練習 )  在一次次驗證與修正中,讓創意真正成形  如果說設計是一個把想法化為現實的過程,學生真正的學習,往往發生在作品第一次被做出來之後。受訪的方同學分享,自己最喜歡的課程之一,是結合 3D 列印的鑄造原理課。過去停留在圖面上的設計,透過電腦建模、3D列印與翻模製作,逐漸變成一件可以拿在手中的作品,讓他第一次真正感受到設計「從無到有」的過程,也因此對製圖產生更深的興趣。  然而,真正開始製作後,他才發現設計並不是把圖畫出來就結束了。尺寸是否正確、結構是否穩固、組裝是否順利,許多原本在螢幕上看不出的問題,都會在實際製作時一一浮現。有時需要重新修改尺寸,有時則必須重新思考整體設計方式,再重新列印、重新測試,才能完成一件真正符合需求的作品。對他而言,這些反覆修改的過程雖然花時間,卻也是學習最大的收穫,因為每一次修正,都讓他更理解設計背後需要考量的細節。這也讓他發現,好的設計並非一次完成,而是在一次次驗證與修正中逐漸成熟。  (圖:學生展示皮革散子包專題成果 )  另一段讓他印象深刻的學習經驗,則來自第一次接觸大型加工設備。實際面對機械設備,剛開始難免因高速旋轉的刀具與飛散的鐵屑感到緊張,但隨著老師一步步指導,以及不斷練習與考取證照,他逐漸克服原本的害怕,也開始享受親手把設計完成的成就感。對他而言,製圖科帶來的不只是專業能力,更讓自己在一次次挑戰中建立起面對問題、解決問題的信心。  從生活中發現問題,再用設計提出解方  除了培養專業技術,課程設計上也希望學生理解,設計並不是為了完成一份作業,而是為了解決真實世界的問題。  因此,高三的專題製作不只是整合三年所學,更鼓勵學生從生活中尋找靈感,思考如何運用設計改善日常需求。有些作品源自生活中的小困擾,有些則結合機械結構與力學原理,希望透過設計讓使用更加便利。從問題發想、繪製圖面、建立模型,到最後完成實體作品,每一個環節都需要學生反覆討論、測試與修正,也讓他們體會設計並不是憑空想像,而是一個持續思考與解決問題的過程。  陳主任也提到,課堂上經常利用生活中的工具作為教材,引導學生從熟悉的事物理解工程原理,再思考如何運用設計讓產品更符合需求。透過這樣的學習方式,抽象的力學、結構與製圖知識,不再只是課本上的內容,而是逐漸與生活建立連結,也讓學生更理解設計真正存在的價值。  從創意到實現,培養讓設計落地的人才  設計,不只是天馬行空地發想,更重要的是讓一個想法真正被實現。  屏東高工製圖科透過手繪基礎、電腦繪圖、加工實作、3D列印與專題製作等完整課程,引導學生在一次次設計、驗證與修正的循環中,逐步建立空間思考、設計規劃與解決問題的能力,也理解設計與製造之間密不可分的關係。  在陳主任眼中,製圖更像是一種「工程語言」。它不只是畫出一張圖,而是一套讓設計者、工程師與製造端彼此溝通的共同語言。學生在三年的學習中所累積的,也不只是繪圖技巧,而是將創意轉化為現實、把想法真正落地的能力。這份能力,不僅是未來進入工程與設計領域的重要基礎,更是面對快速變化產業時,持續創新與解決問題的核心競爭力。  開箱製圖科的學習日常!更多科系探索,歡迎追蹤104高職生IG 在 Instagram 查看這則貼文 104高職生(@104v.hs)分享的貼文
【104職場力】

中原大學建築學系攜手和成欣業HCG 打造產學協作教學新典範

中原大學建築學系攜手台灣指標性百年衛浴品牌「和成欣業股份有限公司(HCG)」推動深度產學合作,將企業資源與真實產業場域導入一年級基礎設計課程。此為HCG首次與國內建築系所合作,並選擇中原大學建築學系作為合作夥伴。課程透過產品資訊、工廠參訪、業界評圖與設計競賽,引導學生從衛浴空間與使用者需求出發,培養兼具創意發想與空間整合的設計能力。 2026-07-02 中原大學 發布 HCG長期深耕產品研發、品質管理與永續理念,並積極引導新銳學子關注衛浴空間與生活設計議題。該公司長期投入大學建築設計人才培育,多年前即於馬尼拉舉辦大學設計競賽;此次與中原大學建築學系合作,展現企業對中原建築教學品質的肯定。除提供教學資源外,HCG也透過競賽與獎勵制度實質支持學生創作,體現企業在人才培育與社會責任上的積極投入。 中原大學建築學系第66屆一年級期末成果展,呈現多元設計提案。(圖左為蔡清徽教授)(圖 / 中原大學提供) 產學協作教學計畫自2026年展開,由中原大學建築學系蔡清徽教授協助建立合作關係與課程架構,偕同課程統籌的謝統勝副教授,共同帶領一年級設計教學團隊整體規劃與執行。內容涵蓋教學設計、校外移地教學、HCG廠區參訪、設計競賽評選、成果展及頒獎典禮等面向,逐步建立完整的教學體系。 課程以「衛浴空間設計」與「中原文創園區2034年建築想像」為核心,建立從小尺度至大尺度的設計思考架構。學生先從人體工學、設備尺寸、使用邏輯與空間配置切入,再逐步延伸至整體建築與環境層次,整合光線、材料、構造、動線與場域關係;最終以2034年台鐵中原大學站前區為想像背景,發展Pavilion設計,思考未來城市、公共空間與文化場域的可能性。 中原大學建築學系學生參訪HCG八德三廠,實地了解產品製程。(圖 / 中原大學提供) 中原大學建築學系副教授謝統勝表示,一年級教育重點在於建立正確設計觀念與基礎能力,而透過產學合作導入真實條件,有助於提升學習動機並強化設計與產業之間的連結。此次學生的建築設計任務皆須導入HCG衛浴產品、技術資料與雙方共同評審機制,並安排參訪HCG八德三廠,使學生得以接觸真實工程系統與產業流程,有效縮短理論與實務落差,達到學用合一的教育目標。 相關學習成果已透過「2026 HCG × CYAR Design Competition 頒獎典禮」暨中原大學建築學系第66屆一年級期末成果展「超載 OVERLOAD:Vision 2034—A Living Lab in Chung-Yuan Cultural & Creative Park」正式發表。展覽呈現從小尺度公共衛浴設計到具敘事性的實驗建築提案,展現學生在空間理解、設計表達與技術整合上的能力。競賽並由HCG冠名支持,設置多項獎項與獎金,總獎金超過3萬元,鼓勵學生持續深化創作。 和成欣業HCG李國棟協理代表企業致詞,肯定中原建築系學生的表現。(圖 / 中原大學提供) 本次成果發表邀請HCG設計團隊李國棟協理與邱定康課長蒞校,代表邱柏君董事長與陳世傑總經理致詞並擔任頒獎人,同時參與觀展與交流。企業代表指出,當代建築與空間設計需整合設備系統、使用體驗與永續思維,肯定中原建築系課程將衛浴設備導入大一基礎設計教學的策略,並鼓勵學生兼顧創意與實務,培養跨領域整合能力。 中原大學建築學系表示,此次與和成欣業HCG的合作,將產業資源導入基礎設計教育,透過理論學習、實務場域與企業參與,不僅提升教學品質,也為建築教育提供具示範性的產學合作案例。未來將持續推動教學創新,培養兼具專業能力、實務視野與社會責任感的新世代建築人才。 關心更多產學合作議題,一起來看: 高雄大學與日本大阪府建築士事務所協會 深化臺日城市發展與建築教育合作 從課堂走進金融職場 逢甲大學攜手台灣金融研訓院打造實戰學習現場 企業出題、學生解題 三所大學讓學生帶著「實戰成績」走進職場
【104職場力】・產學合作

AI時代的手作溫度!亞洲大學時尚系用植物纖維找回永續設計初心

亞洲大學時尚設計學系近日舉辦「自然再生纖維的加值重構/拼貼技法的循環經濟創意設計」專題講座與實作課程,邀請台灣大地原色工作室負責人洪晧倫蒞校授課,帶領學生從自然素材出發,探索再生纖維在服飾、生活用品與創意設計中的應用可能,面對永續發展與循環經濟日益受到重視,材料再生與再利用已成為當代設計教育的重要課題,本次課程也藉由理論與實作並進,引導學生思考設計如何回應環境永續與資源循環。 2026-06-12 亞洲大學 發布 講師洪晧倫長期投入自然媒材研究與永續創作實踐,課程中分享多項自然纖維再利用案例,說明植物纖維、樹皮布等原本可能被視為廢棄物的自然材料,如何透過重構、拼貼、壓合與加工技術,轉化為兼具藝術性、功能性與實用價值的設計作品。透過案例解析,學生得以理解材料再生不只是資源循環的技術過程,更是創造設計價值與建立永續思維的重要途徑。 講師洪晧倫帶領同學們實際操作再生循環與自然重構拼貼。(圖 / 亞洲大學提供) 課程內容涵蓋構樹畫創作、植物纖維製衣概念、纖維強化技術,以及樹皮布複合材料應用等主題,並安排提包、扇子及生活用品等創意改造實作,學生透過親手操作,觀察自然素材特有的紋理、色澤與纖維結構,學習依據材質特性進行設計判斷,並嘗試將再生纖維轉化為兼具美感、功能與環境友善價值的作品,進一步體認設計師在永續發展中的責任。 亞洲大學創意設計學院副院長兼時尚設計學系主任林青玫分享,隨著人工智慧技術快速發展,設計教育除了培養學生掌握AI數位工具與創新技術,也應重視人文素養與社會關懷,她指出,設計的本質來自對人、環境與文化的理解,永續設計更需要從材料選擇、製程方式到使用價值進行整體思考;AI雖能協助設計師提升效率與拓展創意,但作品真正的價值仍來自人文精神與對社會需求的回應。 洪晧倫講師與林青玫主任和亞洲大學時尚系學生作品大合照。(圖 / 亞洲大學提供) 系主任林青玫表示,本次課程透過理論講授與實作體驗並進,讓學生從自然再生材料的特性出發,理解循環經濟在設計創作中的應用方式,學生透過拼貼與重構技法,嘗試賦予材料新的功能與美感,也進一步思考設計如何回應環境永續與社會需求,學系未來將持續推動永續設計與跨域創新教育,培養兼具創新能力、環境責任與人文關懷的設計人才。 更多大學校園最新話題: 從比利時到高雄港:中央與中山大學的永續研究,正在定義台灣新「綠領工作」 清潔隊送拾荒婦舊電鍋該被起訴貪污?高雄大學政法系畢業辯論 攜手小港高中直球對決公共議題 量子通訊關鍵突破 清華研發全球最亮光源!每秒射出23億顆光子刷新世界紀錄
【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

如何在Figma中快速複製格式?這個功能鍵超強大,減少手動調整格式的繁瑣步驟

在Figma的設計過程中,保持一致的樣式和格式是一個重要的事情。Figma提供了一個強大的功能,可以幫助設計師快速複製格式,提升工作效率,讓設計更加流暢。而透過使用複製格式的快捷鍵,更可以進一步加快操作速度。本篇文章將深入介紹如何在Figma中使用格式複製功能,並包含所有必要的快捷鍵。 ▮什麼是Figma的格式複製? 格式複製是一個可以快速將一個元素的屬性(如字體、顏色、描邊、陰影等)應用到另一個元素的功能。這個功能特別適合用於大型專案中,當設計師需要維持整個專案的樣式一致時,它可以幫助減少手動操作。 ▮為什麼格式複製很重要? 1. 節省時間:不需要逐一手動調整每個元素的格式。 2. 保持一致性:確保設計的風格、色彩和排版一致。 3. 提升效率:加快設計迭代和修改速度,尤其在團隊協作中。 ▮如何在Figma中複製格式? 1. 使用快捷鍵複製格式 - 複製格式的快捷鍵:選中需要複製格式的元素,按 Cmd + Alt + C (Mac) 或 Ctrl + Alt + C (Windows) 來複製格式屬性。 - 貼上格式的快捷鍵:選擇要應用格式的元素,按 Cmd + Alt + V (Mac) 或 Ctrl + Alt + V (Windows) 來貼上複製的格式。 2. 複製特定屬性 - 如果只想複製某些特定屬性,如字體或顏色,可以先在右側的屬性面板中取消勾選不需要的屬性,再使用快捷鍵進行複製。 - 範例:如果只想複製填充顏色,選中填充後,按 Cmd/Ctrl + Alt + C,然後選擇另一個元素並按 Cmd/Ctrl + Alt + V。 3. 多個元素間的格式複製 - 選擇多個元素來一次性將相同的格式應用到不同的元素上。這在需要快速將相同格式應用到多個地方時非常有用。 4. 使用樣式來保持一致性 - 除了手動複製格式外,你還可以將常用的格式存儲為樣式(如文字樣式、顏色樣式等),方便在整個專案中應用。 - 建立樣式的步驟: 1. 選擇一個元素,設置其格式。 2. 在右側面板中,點擊+按鈕,將其保存為一個新樣式。 3. 以後要應用此樣式時,只需在樣式面板中選擇即可。 ▮小技巧:格式複製的進階應用 1. 快速更新設計樣式:當需要對整個專案的某個樣式進行調整時,可以先在一個元素上修改格式,然後快速將這個更新的格式複製到其他元素上。 2. 應用在不同頁面間:即使在不同的頁面之間,格式複製功能依然有效。只需切換到目標頁面並選擇元素貼上格式即可。 3. 支援群組與框架:格式複製不僅適用於單個元素,也適用於群組和框架。只需選中群組或框架並使用相同的快捷鍵操作,即可快速複製其格式。 ▮常見的錯誤及如何避免 1. 未選中目標元素:在貼上格式時,需確保已正確選中目標元素,否則格式無法成功應用。 2. 誤複製過多屬性:在複製之前,請先確認所需的屬性是否正確,以避免多餘的格式覆蓋。 ▮結論 Figma的格式複製功能是一個提升設計效率和一致性的強大工具。無論是新手還是經驗豐富的設計師,善用這個功能都可以大大減少重複勞動,提高專案的整體設計速度。
104學習・UI 設計新手村:Figma學習之旅🪐

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