WordPress視覺排版設計超入門：CSS與HTML
104學習
Adobe InDesign
這項技能主要用於排版與設計專業文件，如雜誌、書籍、報告及宣傳單張。具備此能力能幫助你有效整合文字與圖片，製作出具專業質感且易於閱讀的版面。對於行銷、公關、出版及設計相關工作非常重要，能提升工作效率與作品質量，增加職場競爭力。掌握這項技能，代表你具備專業的視覺傳達能力，能協助企業打造更具吸引力的品牌形象。
提升你的實力，朝專業更進一步
精選課程
充實自己，讓能力持續成長
智能文件編輯：AI和Word的整合
Substance Painter模型材質貼圖
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (下集)
Illustrator向量平面設計
成為前端工程師｜透過 HTML 與 CSS 認識網頁設計，從 0 到 1 打造實用介面 (上集)
WordPress新手架站10堂課
AI 視覺與簡報工作流：Gemini × ChatGPT 打造高說服力商業圖文
ChatGPT x Gemini AI 簡報高效工作術：從自動架構到視覺美化的全方位教學！
精選證照
考取專業證照，讓能力被市場看見
SSE Adobe InDesign CC
Adobe InDesign是一套強大的排版軟體，除了可以製作各類型的精美出版物外，最讓人津津樂道的是可以製作出引人入勝的「電子書」。對於即將進入社會大學的新鮮人來說，製作一份圖文並茂，有過場動畫和用影音自我介紹的求職信，絕對是求職場上的搶手貨，而擁有一張SSE Adobe InDesign CC國際認證，絕對是您在求職或職場生涯中報酬率最高的投資。
Silicon Stone Education (SSE)
ACP InDesign 2020
Adobe Certified Professional是Adobe官方認可的國際證照，由Adobe與全球最大考證中心Certiport共同合作推出，針對平面影像、網頁設計與影音動畫領域，結合每個軟體所具備的核心應用與知識理論的內容，提供擁有設計軟體使用經驗的人士進行考核認證，考科包含Adobe Photoshop、Adobe Illustrator、Adobe InDesign、Adobe Dreamweaver、Adobe Animate、Adobe Premiere Pro及 Adobe After Effects。
為多媒體設計學習者最該必備的證照，能證實學習者對Adobe核心應用具備相當的熟練度，額外的Adobe設計專家證書，更能展現擁有跨軟體設計專案的能力，藉由認證項目檢視自我是否掌握業界所需，除了了解掌握學習程度，更能為創作作品增加說服力。
Adobe
InDesign證照
InDesign屬於Adobe公司規劃的ACE認證系列，通過認證考試成績合格，便可成為Adobe所認可的軟體操作專家。ACE認證系列提供多媒體或平面設計師一個專業且全球通行的認可資格。
Adobe
編排設計InDesign
編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行專業排版與設計的能力，涵蓋文字編排、圖像整合、頁面設計及輸出設定等技能，適用於出版、廣告及數位媒體領域，有效提升工作效率與作品品質。
尚未查核發照單位
基礎編排設計InDesign
基礎編排設計InDesign證照驗證持有人具備使用Adobe InDesign進行排版與設計的基本能力，涵蓋文字編輯、圖像處理及版面配置等技巧，能有效製作海報、書籍與宣傳品等多種印刷與數位媒體作品，適合從事平面設計及出版相關工作者提升專業技能。
尚未查核發照單位
Adobe Photoshop
Adobe Photoshop是一個由Adobe Systems出品的專業影像處理軟體。跟公司的其它軟體一樣，Photoshop適用於Mac OS及Microsoft Windows兩個作業系統，同時公司也發布了Unix作業系統上的版本。
Photoshop主要處理以畫素（Pixels）所構成的數位影像。利用其廣泛的編修與繪圖工具，可以有效的進行圖片編輯工作。獨特的歷史紀錄浮動視窗和可編輯的圖層效果功能，能讓使用者可以方便的測試效果。對各種濾鏡的支援更令使用者能夠輕鬆創造出各種奇幻的效果。目前，Photoshop 也正在被廣範地應用在網路影像處理。Photoshop的幾個後續版本中搭配了一個獨立的軟體ImageReady，其加強了Photoshop對網路影像（主要是GIF圖檔）的支援功能。而在CS3中ImageReady被Fireworks所代替。Photoshop CS3以上版本允許使用者更新以容易操作的方式升級到最新的硬體平台。
Photoshop被大部份的人認為是最好的影像處理軟體，但與著名的3D Studio Max一樣，價格昂貴使其難以普及。這也令Jasc Software公司的Paint Shop Pro，GIMP小組的GIMP和友立資訊的Ulead PhotoImpact佔領了不少的市場佔有率。
Adobe
精選貼文，掌握第一手知識
只有我覺得Adobe越來越複雜嗎😢？
Hi大家好，我是阿萍仔，一位平面設計師。
從在學時期就開始接觸繪圖軟體，慢慢從coreIDRAW轉為illustrator的使用者。
20年前的繪圖軟體，還處於發展階段，所以，如踏入設計領域，擁有這項一技之長的技能，是具有一定優勢的能力。而美編設計相關的工作，我們最常使用的作業軟體，多為coreIDRAW、illustrator、Photoshop，當時的Adobe尚未獨佔市場🤨。
認真說起來比較有感的是，設計者所使用的電腦系統偏MAC居多，因設計重視顏色的準確度，如與PC螢幕顯色相比來說，MAC螢幕較無色差，且電腦外型符合美學，還有人性簡化的使用操作，一直以來深受設計師們的喜愛。
15年前，我進了廣告公司，當時是使用QuarkXPress設計軟體來排版，後來，Quark似乎不再提升使用工具的優化，公司同仁開始轉換使用indesign，再搭配illustrator的應用，來提升做稿的效率。也因二者都是Adobe旗下軟體，有了更高的相容性，進而取代Quark格式的不便之處。
就這樣，Adobe積極的開發更多款，設計、多媒體相關的系列軟體，在不是很普及的設計領域中，有了一席之位，逐漸脫穎而出！如今，已成為眾所皆知的繪圖軟體了。
6年前，開始接觸自媒體，踏入YouTube經營，會需要影片剪輯，我直覺聯想到Adobe Premiere。於是，熟悉Adobe介面的我，開始摸索影片串接、上字幕、做特效...功能，基本上，同一間公司所開發的軟體，在工具的使用邏輯不會相差太多，但每次剪完片，總得要花個三天三夜，耗費了我極大的產出心力！我想，應該是我沒有深入了解使用操作的原因吧？！可是，又不知該從何調整，才能加快影片的製作流程。
後來我發現，大家很推薦「剪映」軟體來剪輯影片，於是決定離開舒適圈，來嘗試一下。哇！一用下去不得了，這操作介面也太好入手了，特別是最讓我頭痛的上字幕，竟然可用「識別字幕」的功能，把我影片中的語音，自動識別生成字幕，大大提升了執行的效率，天啊~真心覺得，用過就回不去了啦！😍
別說我沒給Premiere機會，但它近期推出的「AI 語音辨識」讓我非常的失望！是的，有比較就會有傷害，此時我明白了，「選擇」適合的工具，比「努力」深入了解更重要🤣。
這幾年，踏入設計教學中，有越來越多人使用Canva美編排版，因為它有提供多樣的版型，便於使用者可直接套用，輕鬆解決不會美化版面的困擾，深受初學者的喜愛。
那...你想喔！Canva已可以解決基礎的圖文美編了，除非需要再執行更專業客製的設計，illustrator才會派上用場，否則對新手來說，一開始接觸非親民的Adobe軟體時，肯定會滿頭問號到懷疑人生🥲。
好吧！其實這篇文，是要抱怨Adobe的。
我可以理解，購買方案改成「訂閱制」，是商業模式的策略之一，想要抓住使用者的心，也得不斷投入在版本升級的優化更新。只是我發現，Adobe增加越多的新功能，我感受到的是一堆更複雜的介面和工具，讓人不知該從何著手，更無感於提升工作的效率。
沒錯，Adobe加入了一些AI的工具，如：Photoshop「生成式填色」、illustrator「AI向量生成器」、「Retype自動辨識字型」…可是，卻忽略了直覺使用的初衷，唉！原本的簡單變那麼複雜，又沒有執行斷捨離的精神，我很為它擔憂🥲。
最夯的UIUX，意指“使用者介面與使用者體驗”，本為使用者設計為出發點，這才是對症下藥的核心，所以你看！為什麼大家都拋棄Adobe XD，反而是使用Figma。
我們活生生感受到科技帶來的改變，然而不變的是👉符合人性之所需。
對呀！那你覺得呢？
Adobe新功能，能夠自動轉動2D圖片轉3D！
Project Turntable
「Project Turntable」，這項工具能讓用戶點擊按鈕並拖動滑桿，將2D向量圖像轉換至不同的視角，並保持原有設計。例如，在Adobe MAX活動中展示的案例中，一條龍的黃色腹部和尾巴，即便在不同角度的旋轉下，也保持了原始設計的完整性。
換言之，這項技術讓設計師無需再從頭繪製圖像，預計未來可顯著減少工作量。
軟體業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']
ChatGPT可以轉檔JPG、Word、PDF嗎？讓AI一站式解決20種轉檔任務
想把圖片如PNG、JPG轉成其他格式，或把Word等文字檔案轉檔，或將PDF合併成報告，這些瑣碎的任務能用AI完成嗎？解析如何透過ChatGPT等AI工具，一站式完成Word、JPG、PDF、Excel等多達20種轉檔任務，無需再依賴多款軟體，節省大量時間與精力，讓AI成為你的最佳工作助手！本文節錄自《30個必學的AI行政工作術》。
文／賴彥廷
本文目錄（點擊可快速前往）
讓AI幫你轉檔！ChatGPT一站式處理轉檔工作【STEP 1】快速掌握20種ChatGPT轉檔功能問題：ChatGPT可以轉檔影片嗎？【STEP 2】設計ChatGPT轉檔指令3大重點【STEP 3】出現缺頁或文字亂碼？讓ChatGPT修正錯誤【STEP 4】下載檔案【技巧升級】快速下載多個檔案的訣竅
在工作中，你是否經常需要做各種「轉檔」工作？早已準備好多款不同的應用軟體，還是每次遇到問題才急急忙忙尋找線上工具？
轉檔是職場生活中既不起眼又耗時的繁瑣事務。舉例來說，把多份PDF檔案合併成完整報告，或是將圖片轉換為指定格式。
雖然市面上有不少線上工具可以處理這些任務，但真正的麻煩在於，我們必須適應多種軟體，才能應付五花八門的轉檔任務。
試想一下，PDF合併需要一種工具，照片格式調整用另一種，至於影片處理、錄音格式轉換，甚至將網址製作成QR Code，都需要用不同的軟體來處理。更麻煩的是，找到操作簡單、功能強大的工具往往需要花不少時間試用和篩選。
如果能有一個「一站式」工具解決大多數的轉檔工作，省去來回切換軟體的麻煩，那該有多好！
讓AI幫你轉檔！ChatGPT一站式處理轉檔工作
ChatGPT在文案寫作、圖像生成、程式碼撰寫等方面的表現令人津津樂道，但它還有一個較不為人知且相當實用的功能：「轉檔」。
ChatGPT轉換多種不同類型檔案格式的品質都很好，有了它幫忙，我們就不必在各種軟體之間疲於奔命了！
【STEP 1】快速掌握20種ChatGPT轉檔功能
轉檔工作雖然不起眼，卻幾乎無所不在。無論是將文件轉換成適當的格式備份，還是將數據轉為兼容格式以供特定軟體處理。
此外，檔案的分割與合併也是常見的行政工作。在這些瑣碎繁雜的工作項目上，ChatGPT能幫上忙的地方比我們想像中更多。
以下列出7大類、超過20種轉檔相關的任務情境，每一項ChatGPT都能迅速完善地交付成果。
ChatGPT轉檔轉檔任務情境文字檔案轉換● Word檔案（.docx、.doc）、純文字文件（.txt）以及Markdown文件（.md）相關的檔案格式轉換。數據資料檔案轉換● Excel 檔案（.xlsx、.xls）、CSV 檔案（.csv）、JSON格式以及XML格式相關的檔案類型轉換。圖片檔案轉換● JPG、PNG、BMP等圖片檔案的格式轉換。PDF檔案分割與合併● 依照特定頁數範圍分割。● 奇數頁偶數頁分別獨立存放。● 單獨提取特定頁數。● 將多份檔案合併為一份。音訊檔案轉換、分割與合併● 不同音訊檔案（.mp3、.wav、.flac）的格式轉換。● 將一份音檔按照指定的時間區段，分割為幾個獨立的檔案。● 合併多份音檔。影片檔案分割與合併● 將影片檔案（.mp4、.avi、.mov、.mkv）按照指定的時間區段，分割為數個小片段。● 按照指定的檔案大小分割。● 將多段影片拼接成一個完整的影片。其他實用功能● 將彩色圖片轉換為灰階。● 圖片尺寸縮放。● 在圖片上套用簡單的濾鏡效果，比如復古風格或是負片效果。● 在圖片上的特定位置添加浮水印或是時間戳記。● 根據指定的排列方式，將多個圖片合併為一張圖。● 壓縮圖片以降低檔案大小。● 將網址製作成QR Code。
問題：ChatGPT可以轉檔影片嗎？
看完以上五花八門的功能或許有人會好奇：ChatGPT可以圖片轉檔，音樂轉檔，但是沒辦法將影片轉檔嗎？
答案是可以，但是失敗率高，限制也多。
原因在於影片的檔案容量通常比較大，轉換過程更為複雜又耗時，在處理中常常因為時間限制或網路不穩定，導致轉檔中斷而失敗。
根據經驗，目前ChatGPT只適合處理容量小、時間短的影片轉檔工作（分割與合併功能則不在此限），但相信AI科技一日千里，未來用ChatGPT處理幾小時長的影片不會是夢。
介紹完ChatGPT擅長的轉檔工作之後，接著就要設計指令囉！
【STEP 2】設計ChatGPT轉檔指令3大重點
工作上轉檔有很多情況，對ChatGPT下的指令也會各不相同。整體來說，轉檔指令可以簡化為3個重點：「輸入什麼、設定條件、輸出什麼」。
以切分一個PDF檔案為例。
輸入什麼：這份PDF檔案。
設定條件：照著1-5頁、6-10頁、10-15頁的順序分割。
輸出什麼：3份檔案。
將這3個重點整合成一段話就是：「請將這份PDF檔案依照1-5頁、6-10頁、10-15頁的順序，分割為3份獨立的檔案。」
透過這樣的方式，我們就能快速將工作需求轉為ChatGPT可以理解的指令，不必多費心力來思考指令該怎麼寫。
值得一提的是，如果要同時處理多份檔案，例如合併好幾份PDF文件，該如何告訴ChatGPT誰在前、誰在後呢？
這裡有個實用小技巧：「將每個檔案的名稱改為數字」，就能直接用數字檔名告訴ChatGPT排列順序囉！
【STEP 3】出現缺頁或文字亂碼？讓ChatGPT修正錯誤
如果發現轉檔後的檔案出現缺頁或是文字亂碼等錯誤，只要請ChatGPT重新處理一次即可排除問題。
舉例來說，近期ChatGPT處理JSON與XML兩種資料格式時，比較容易出現中文字亂碼。這時候我們可以輸入指令：「請修正這份檔案的中文編碼問題，並確保所有資料按照正確的格式顯示」，ChatGPT就會自動修正錯誤。
【STEP 4】下載檔案
轉檔完成後，點擊ChatGPT提供的下載連結，就能儲存檔案。
唯一要注意的是，下載連結有時效性，最好立刻將檔案儲存到自己的電腦。連結若是逾期失效，轉檔成果都會付諸流水！
【技巧升級】快速下載多個檔案的訣竅
當我們連續處理了好幾個轉檔，ChatGPT生成許多不同的下載連結，如果想簡化下載步驟，我們可以告訴ChatGPT：「將所有成果打包成壓縮檔」，就不需要手動下載多個檔案，省了許多麻煩。
節錄自：商周出版《30個必學的AI行政工作術：搞定會議、行程、簡報、文書、圖表、影音、資料庫，事半功倍，準時下班！》／賴彥廷 著
更多【AI工作術】推薦給你：
4步驟學會運用AI關鍵能力！16種AI工具應用解析｜行銷策略指令範例
用AI快速寫Email！ChatGPT Writer、Copilot等中英文電子郵件生成
ChatGPT一鍵生成簡報！Slides Maker讓AI幫你快速做完整簡報
會議紀錄用AI怎麼做？會議逐字稿如何整理？｜AI語音轉逐字稿教學
用ChatGPT準備面試練習！AI履歷撰寫和模擬面試必學指令
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 設計清楚了解每個流程的製作方式與細節等，最後將自己手寫的字體應用在各種地方！
如何在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的格式複製功能是一個提升設計效率和一致性的強大工具。無論是新手還是經驗豐富的設計師，善用這個功能都可以大大減少重複勞動，提高專案的整體設計速度。
一鍵讓文字變高級！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）
程式碼風格、極簡設計感，適合科技類帳號或開發者社群。
示範效果：
𝚃𝚑𝚒𝚜 𝚒𝚜 𝙼𝚘𝚗𝚘𝚜𝚙𝚊𝚌𝚎 — 等寬字體
Ｗｉｄｅ Ｔｅｘｔ — 全形寬字（每個字佔兩倍空間）
𝟖. 鏡像 & 反轉文字（Flip & Reverse）
趣味效果，做彩蛋、隱藏訊息或惡搞貼文超好用。
示範效果：
ɘɿɘʜT ɘƨɿɘvɘɿ — 左右反轉
ƧbɿAwkↄAd — 鏡像反轉
ǝʞɐɯ oʇ ʎɐʍ ǝɥʇ sᴉ sᴉɥ┴ — 上下顛倒
𝟗. 空格 & 間距調整（Spaced Out）
讓文字更有呼吸感，適合極簡風格標題。
示範效果：
S P A C E D O U T — 字母間加大空格
Ｓｐａｃｅｄ Ｏｕｔ — 全形空格版本
𝟏𝟎. 混搭組合技巧
最強大的用法是組合多種效果！以下是幾個我實際用過的範例：
表格
應用場景 組合效果 示範
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 → 點擊喜歡的風格，自動複製，直接貼上！
大家有沒有什麼特別喜歡的字體風格？或者你會怎麼把這些效果用在日常貼文裡？歡迎在留言區交流分享！🎨✨
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生成簡報、資訊圖表功能登場！實用技巧盤點
Figma 統一文字樣式方法：教你建立自己的文字範本，保存文字樣式，下次直接叫出使用
在設計專案中，保持文字格式的一致性是非常重要的。Figma中提供了一個功能，讓你可以輕鬆將常用的文字格式保存為「文字樣式」（Text Styles），以便在專案中反覆使用。本文將為你介紹如何在Figma中創建和應用文字樣式，從而提高設計的效率和一致性。
▮什麼是文字樣式？
文字樣式是Figma中用來儲存和重用文字格式的功能，包含字體、字重、字體大小、顏色、行高、字距等設定。透過將文字樣式保存，你可以在整個專案中快速應用統一的文字格式，而不需要手動一一調整。
▮如何在Figma中將文字保存為文字樣式？
以下是創建文字樣式的詳細步驟：
1. 選中設計好的文字
在畫布（Canvas）上，選擇你想要保存的文字層（Text Layer）。確保已設置好所有的文字屬性，例如字體、字重、字體大小、顏色、行高、字距等。
2. 打開右側屬性面板（Properties Panel）
選中文字層後，Figma介面的右側會顯示屬性面板。在面板中，你可以看到所有與文字相關的屬性設定。
3. 找到「文字樣式」區域（Text Style Section）
在屬性面板中的「Text」部分下方，你會看到一個標籤為「Text Style」的區域。這個區域用來管理文字樣式。
4. 點擊「+」按鈕（Create Style）
在「Text Style」區域右側有一個「+」按鈕（即「Create Style」）。點擊此按鈕會彈出一個對話框，讓你可以為新的文字樣式命名。
5. 命名樣式（Name the Style）
在彈出的對話框中，輸入一個清晰的名稱來命名這個文字樣式。例如「標題-加粗-24pt」或「正文-常規-16pt」，以便你和團隊成員在後續應用時能快速識別樣式。完成命名後，點擊「Create Style」按鈕保存。
▮如何在其他文字層上應用文字樣式？
一旦保存了文字樣式，你可以在設計過程中輕鬆地應用它：
1. 選中需要應用樣式的文字層。
2. 在右側屬性面板的「Text Style」區域中，點擊下拉選單。
3. 從選單中選擇所需的文字樣式。
文字層會立即應用選定的文字樣式，無需手動調整格式。
▮文字樣式的好處
1. 提高設計一致性：文字樣式確保整個專案中使用相同的文字格式，避免不同頁面間的格式不一致。
2. 加速設計流程：保存和重用文字樣式可減少手動調整的時間，提升設計效率。
3. 便於更新：如果需要修改樣式，只需在文字樣式中進行一次更改，所有應用了該樣式的文字層都會同步更新。
▮最佳實踐：文字樣式的應用
1. 分類管理：在創建文字樣式時，按照功能分類，如「標題」、「副標題」、「正文」、「註釋」等，方便快速查找和應用。
2. 使用設計系統：如果你有一個完整的設計系統，請將文字樣式納入其中，以便在不同專案中重用。
3. 命名規則清晰：採用一致的命名規則來命名文字樣式，讓樣式一目了然，提高團隊協作效率。
▮結論
在Figma中創建和應用文字樣式是設計中保持一致性和提升效率的關鍵。無論是大型專案還是日常設計工作，文字樣式的合理運用都能讓你的設計流程更加順暢。透過本篇指南，相信你已掌握如何在Figma中將文字保存為文字樣式，並有效地應用於設計中。
圖片設計與視覺創作實用工具整理：從配色靈感到特效製作
最近在鑽研圖片編輯與視覺設計，整理了一些實用的免費線上工具，涵蓋配色、文字特效、圖片處理與頭像製作等面向，分享給有需要的朋友參考：
🎨 配色靈感類
Birthday Color
https://birthdaycolor.org/：輸入生日就能生成專屬代表色，類似 Pantone 色卡風格，很適合當作個人品牌或作品的主色調靈感。
Pantone Birth Chart
https://pantone-birth-chart.com：結合星座與 Pantone 色彩，生成獨特的生日配色盤，做簡報或社群視覺時可以快速參考。
✏️ 文字特效類
Bold Text
https://bold-text.com/：提供多種特殊字體與粗體文字轉換，適合用在社群貼文、個人簡介或設計標題，讓文字排版更有層次感。
Paste Image
https://paste-image.com/：可以直接貼上圖片並生成分享連結，也能製作大文字圖片，方便快速展示設計稿或截圖。
Spiral Betty
https://spiral-betty.com/：將照片轉換成螺旋線條藝術效果，風格很特別，適合做海報或裝飾性圖片。
🎭 頭像與令牌製作
Token Maker
https://token-maker.org/：專門製作桌遊或 RPG 角色令牌（Token），可以上傳圖片並加上邊框，很適合設計遊戲素材。
Pride PFP
https://pride-pfp.com/：為頭像加上 Pride 彩虹邊框或背景，支援多種樣式，製作社群頭像很方便。
Square Face
https://square-face.net/：將照片轉成像素風格的方塊頭像，復古感滿滿，適合做論壇或遊戲頭像。
📷 照片編輯
Freqz Booth
https://freqznow.com/：線上 Photo Booth 工具，可以用網路攝影機拍照並加上濾鏡與貼圖，適合活動或派對使用。
💌 其他趣味工具
Open When Letters
https://openwhenletters.net/：線上製作「打開時」信件，可以寫下給未來自己或朋友的話，設計成圖片分享。
Gothic Remake Solver
https://gothicremakesolver.com/：喜歡玩《Gothic》重製版的朋友可以參考，提供遊戲內謎題的解法提示。
以上工具都是免費使用，操作也蠻直覺的。大家如果有其他好用的圖片設計工具，也歡迎在下方留言交流！🎨
Figma Asset 是什麼？用來管理Components超方便，不要再傻傻複製貼上了
在Figma中，Asset（資產）是設計師用來管理和重用設計元素的強大工具。它可存放常用的樣式（Styles）、組件（Components）、變量（Variables）等，讓設計師能在不同頁面或專案中快速調用已設計好的資源。以下將詳細介紹Figma中Asset的功能。
▮Figma中的Asset概念
Asset主要包含以下幾個部分：
1. 組件（Components）
是Figma中可重用的設計元素，類似於設計模組或模板。例如，按鈕（Button）、導航欄（Navigation Bar）、圖示（Icon）等都可以作為組件被添加到Asset中。
2. 樣式（Styles）
包括顏色樣式（Color Styles）、文字樣式（Text Styles）、效果樣式（Effect Styles，如陰影、模糊等）。透過這些樣式，可以在設計中保持一致性，並快速套用或更新設計。
3. 變量（Variables）
是用來儲存和管理不同屬性值的工具，如顏色模式（Color Mode）、字體尺寸（Font Size）、間距（Spacing）等。變量可在不同情境下應用，讓設計更靈活。
▮如何使用Asset面板
Asset面板通常位於Figma左側邊欄內，並包含以下功能：
1. 創建和管理組件（Components）
- 建立組件（Create Component）：選中要設為組件的元素，右鍵選擇「Create Component」，或使用快捷鍵 Cmd/Ctrl + Alt + K。
- 組件的使用：在Asset面板中，可以拖曳組件到畫布（Canvas）上，重用已設計的元素。
2. 保存樣式（Styles）
- 文字樣式（Text Styles）：選中設計好的文字，點擊右側樣式面板的「+」按鈕，將其保存為文字樣式，方便後續使用。
- 顏色樣式（Color Styles）：設置顏色後，也可以將其存為顏色樣式，快速應用在不同元素上。
- 效果樣式（Effect Styles）：如陰影（Shadow）或模糊（Blur）等效果，也能被儲存並重用。
3. 變量的應用（Variables）
- 在資產面板中，設計師可以定義不同的變量組（Variable Sets），如亮色模式（Light Mode）和暗色模式（Dark Mode），並在不同情境下快速切換。
- 當需要修改整個專案的屬性（如顏色或間距）時，只需修改變量的值，其他引用了這些變量的元素都會同步更新。
▮Asset的優勢
1. 提高一致性（Consistency）
透過Asset中的樣式和組件，可以在整個專案中保持一致的設計風格，避免不同頁面間的風格不協調。
2. 加速設計流程（Design Process Acceleration）
重用已存的資產可以減少重複勞動，縮短設計時間。
3. 便於團隊協作（Team Collaboration）
Figma中的Asset是多人協作的重要工具，所有人都可以從Asset面板中調用相同的設計資源，保持專案風格的統一。
▮如何最佳化使用Asset
1. 分類管理（Categorized Management）
將組件和樣式進行分類（如按功能、頁面、元件類型等），方便快速查找和應用。
2. 定期更新（Regular Update）
確保組件、樣式和變量的資源是最新的，以免在不同版本間出現不一致的情況。
3. 使用設計系統（Design System）
建立完整的設計系統（Design System），將所有設計規範、元件和樣式都納入Asset中，便於長期的專案維護和拓展。
透過對Figma中Asset的靈活運用，設計師可以提升設計效率和品質。Asset不僅是個人設計的好幫手，也是團隊協作中不可或缺的工具。
ChatGPT可以產生流程圖嗎？用Excalidraw和ChatGPT快速搞定
面對複雜的活動企劃或行政流程時，往往不能只靠文字或口頭說明。這時，利用流程圖來視覺化資訊成為提升溝通效果的最佳解方。本文解析如何結合「ChatGPT」與「Excalidraw」，從文字、Mermaid語法到圖表，快速產製出結構清晰、專業美觀的流程圖，輕鬆應對各種工作需求。本文節錄自《30個必學的AI行政工作術》。
文／賴彥廷
本文目錄（點擊可快速前往）
Excalidraw＋ChatGPT快速產製流程圖【STEP 1】快速掌握Excalidraw的使用方式使用Excalidraw將文字轉為流程圖【STEP 2】ChatGPT改寫語法【STEP 3】快速產出流程圖【STEP 4】調整與匯出Excalidraw實際成果展示【升級技巧1】善用資料庫與範本功能【升級技巧2】開啟即時協作模式
你是否遇過這樣的情況？同事在會議上介紹一個即將舉行的活動企劃，雖然他講得滔滔不絕，大家還是難以掌握活動全貌和階段任務。又或者，遇到報帳、請款這類較繁瑣的行政事務時，因為不熟悉流程，常常要多次詢問負責的人，耗費大量的時間。
這些讓人摸不著頭緒的狀況，往往是因為僅靠文字或口頭說明，無法讓他人迅速理解。此時若能將資訊視覺化，就能順利提升溝通效率，而「流程圖」就是職場中最常用的視覺化工具之一。
儘管流程圖常見且實用，但是想將一個活動企劃或是行政流程改寫為流程圖，卻不是一件容易的事！我們需要先在腦內消化眾多資訊，再思考如何拆解與表達，接著用手動繪圖，一來一往會耗費許多時間和精力。
如果有一款工具能將文字敘述快速轉換成簡潔明瞭的流程圖，那該有多好！
Excalidraw＋ChatGPT快速產製流程圖
「Excalidraw」是一款線上製圖工具，除了提供各式便利的圖表繪製功能，更重要的是，透過AI的輔助，可以快速將文字內容轉換成邏輯清晰的流程圖，對於展示活動企劃、產品研發、專案管理等工作的「流程」與「步驟」都非常有幫助。
接著將介紹如何運用「Excalidraw」搭配「ChatGPT」，根據各種工作需求，快速產出流程圖。
【STEP 1】快速掌握Excalidraw的使用方式
Excalidraw是一款免費開源、容易上手的圖表繪製工具，特別適合用於繪製流程圖與架構圖。無需安裝程式，在瀏覽器上開啟即可使用。
先進入Excalidraw的官方網站：https://excalidraw.com/
使用介面非常單純，畫面上空白的區域就是讓我們繪製與編輯圖表的白板，而透過畫面上方的「工作列」，即可加入文字、線條、箭號等流程圖常用的元素，也可以插入圖片輔助說明。
AI自動繪製流程圖的功能則是包含在工具列的「更多工具」功能中。開啟後，將有幾種模式可以選擇：
文字轉圖表：透過簡單的描述，讓AI迅速將文字轉為流程圖。
Mermaid：Mermaid是一種專門處理圖表設計的語法，適用於流程圖、甘特圖、心智圖等圖表，Mermaid能以文字的方式清楚定義圖表內的文字、節點、連線方式等元素如何組裝，我們不必手動處理每個細節。
線框稿轉為程式碼：線框稿（Wireframe）是一種網頁設計或應用程式開發的草稿，用於表達產品的設計邏輯或排版架構。此功能多用於軟體研發相關的工作，此處不贅述。
實際應用時，「文字轉圖表」可以將我們口語化的敘述改寫為流程圖，便利又實用。但是根據經驗，遇到複雜的程序偶而會出現誤判（例如漏掉某個步驟）。此時改為使用「Mermaid」功能，即可精準針對需求製作流程圖。
使用Excalidraw將文字轉為流程圖
圖／商周出版提供
到這裡你可能會心生疑問：為了畫張流程圖還得花時間學習Mermaid語法怎麼寫，不是搬磚頭砸自己的腳嗎？
別擔心，這個問題全部交給ChatGPT！
【STEP 2】ChatGPT改寫語法
現在我們切換到ChatGPT，請它將文字轉成結構性的綱要，並用Mermaid語法規劃流程圖的細節。
為了讓ChatGPT的回答內容更加精準，可以在指令中善用兩個技巧：
請AI根據資料提取「流程重點」或是「關鍵步驟」。
限制以Mermaid語法輸出。
舉例來說，現在公司要辦理一場商業茶會，同事在會議上說明了籌備流程，我們可以將隨手寫下的內容直接丟給ChatGPT處理，輸入指令如下：
請根據以下活動說明提取流程重點，以Mermaid語法清晰呈現整個活動的流程。
活動說明：
最近公司準備推廣新型的雲端服務，總經理決定舉辦一場茶會，邀請潛在客戶參加。關於地點，我先呈報上次合作過的會議中心，如果總經理不滿意，我們再討論其他適合的地點，直到總經理說ok，再來預約，同時，也要聯繫外燴公司準備點心及茶飲。現在要分工處理茶會當天的幾個工作項目：邀請嘉賓、邀請媒體單位、預先準備新聞稿、安排支援人力。另外，在茶會結束前，大家互相提醒一下，別忘了拿出送給來賓的宣傳手冊。
ChatGPT回答：
graph TD
A [開始準備] --> B [報告會議中心選項]
B --> C {總經理是否滿意}
C --> |不滿意| D [討論其他地點]
D --> C
C --> |滿意| E [預約會議中心]
E --> F [聯繫外燴公司準備點心及茶飲]
A --> G [茶會當天準備]
G --> H [邀請嘉賓]
G --> I [邀請媒體單位]
G --> J [準備新聞稿]
G --> K [安排支援人力]
G --> L [茶會結束前確認宣傳手冊]
L --> M [活動結束]
上面的英文字母、箭號、括弧等符號就是Mermaid語法。請連帶其他文字內容，全部複製貼上到Excalidraw。
這個方法的優點是，我們不必絞盡腦汁思索該如何將文字轉為流程圖，用口語化的描述，甚至有點凌亂的隨手筆記，都能直接丟給ChatGPT，讓AI整理成清晰的架構。
【STEP 3】快速產出流程圖
接著再回到Excalidraw，開啟「Mermaid」功能，輸入上一步驟ChatGPT生成的內容後，右側「預覽」（Preview）視窗就會出現AI自動生成的流程圖，接著點選「插入」（Insert）來編輯圖表細節。
【STEP 4】調整與匯出
我們可以將AI生成的流程圖當作基礎，繼續調整內容或是進行美編。
例如，使用工具列的「繪圖」（Draw）添加手繪風格的圖案，或是用「插入圖片」（Insert Image）上傳輔助說明的照片。當然，我們也能自由切換流程圖內的文字字型、顏色、對齊方式等美編設計。
完成後，點選畫面上方的「設定」就能匯出這張精美的流程圖囉！
Excalidraw實際成果展示
圖／商周出版提供
所謂「一圖勝千言」，流程圖透過簡單的關鍵字、幾組線條就能說明一切。更棒的是，如今有了AI幫忙，想繪製一張專業的流程圖，彈指之間就能完成！
【升級技巧1】善用資料庫與範本功能
如果我們在工作中設計出一個獨特且實用的流程圖，希望未來還能繼續使用，只需要對著流程圖按右鍵「加入資料庫」，即可將這次的設計儲存到個人資料庫中。下次遇到同類型工作時便能直接取用。
更棒的是，我們還可以在「資料庫」裡面瀏覽各式各樣的美編素材、插畫圖樣，甚至是其他人設計的圖表模板，還能套用到自己的作品中。藉由這些資源，作品的視覺效果將會更豐富多彩。
【升級技巧2】開啟即時協作模式
如果需要與同事一邊討論一邊修改流程圖，可以點選畫面上方的「共享」按鈕，分享網址，就能立刻多人連線、共同編輯。
節錄自：商周出版《30個必學的AI行政工作術：搞定會議、行程、簡報、文書、圖表、影音、資料庫，事半功倍，準時下班！》／賴彥廷 著
更多【AI工作術】推薦給你：
4步驟學會運用AI關鍵能力！16種AI工具應用解析｜行銷策略指令範例
用AI快速寫Email！ChatGPT Writer、Copilot等中英文電子郵件生成
ChatGPT一鍵生成簡報！Slides Maker讓AI幫你快速做完整簡報
會議紀錄用AI怎麼做？會議逐字稿如何整理？｜AI語音轉逐字稿教學
用ChatGPT準備面試練習！AI履歷撰寫和模擬面試必學指令
有任何收穫或想分享的，都來和大家一起聊聊吧！