104學習

在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的格式複製功能是一個提升設計效率和一致性的強大工具。無論是新手還是經驗豐富的設計師，善用這個功能都可以大大減少重複勞動，提高專案的整體設計速度。

在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不僅是個人設計的好幫手，也是團隊協作中不可或缺的工具。

自學UI（使用者介面）和UX（使用者體驗）設計非常具挑戰性，在這個數字化時代，設計師的需求日益增長，UI/UX設計師更是炙手可熱。自學讓你能夠以自己的節奏學習，靈活地選擇學習資源和時間，然而，自學因為沒有結構化的課程和專業的指導，可能會讓你感到迷茫和無所適從。缺乏實際項目經驗和專業反饋，使得理論知識難以轉化為實際技能。 自學UI和UX設計可能會遇到一些挑戰。以下是一些常見的困難點以及應對策略： 1. 獲取結構化的學習路徑 【困難點】 學習資源過於分散：網上有很多資源，但缺乏結構化的學習路徑，容易讓人感到迷茫，不知道從何開始。 【應對策略】 → 遵循課程大綱：選擇一個在線課程或學習計劃，跟隨其大綱學習，例如 Coursera、Udemy 或 Interaction Design Foundation 提供的課程。 → 制定學習計劃：自己制定一個學習計劃，列出需要學習的主題和目標，並按照計劃逐步學習。 2. 缺乏實踐機會 【困難點】 → 缺乏實際項目經驗：僅僅學習理論而沒有實際應用，會使得所學知識難以鞏固和理解。 【應對策略】 → 參加設計挑戰：參加像 Daily UI 這樣的設計挑戰，每天進行設計練習。 → 個人項目：為自己設計一些項目，無論是重新設計已有的應用還是創建新的概念設計。 → 志願者機會：為非營利組織或小型初創企業提供免費設計服務，積累經驗。 3. 缺乏反饋和指導 【困難點】 無法獲得專業的反饋：自學過程中，缺乏專業人士的指導和反饋，難以發現自己的不足。 【應對策略】 → 參加設計社區：加入設計師社區，如 Dribbble、Behance、Reddit 的設計子版塊，分享作品並尋求反饋。 → 設計夥伴或導師：尋找設計夥伴互相交流和反饋，或者尋求在線導師的幫助。 → 設計評論平台：使用平台如 Designer Hangout 或 UX Mastery，發佈作品並請求反饋。 4. 理解用戶需求和行為 【困難點】 缺乏用戶研究經驗：UI/UX 設計不僅僅是美觀的界面，還需要理解用戶的需求和行為，這對自學者來說可能較難掌握。 【應對策略】 → 用戶研究工具：學習使用用戶研究工具和方法，如問卷調查、用戶訪談、可用性測試等。 → 實際操作：嘗試對身邊的人進行用戶研究，或參加開源項目，進行實際的用戶測試。 → 學習案例研究：閱讀和分析成功的UI/UX設計案例，了解他們是如何進行用戶研究和設計迭代的。 5. 保持動力和堅持 【困難點】 缺乏持續的動力：自學需要高度的自律和持續的動力，很多人會在中途失去興趣或動力。 【應對策略】 → 設置小目標：設定可實現的小目標，逐步完成，以維持成就感和動力。 → 尋找靈感：定期瀏覽設計作品集網站和博客，尋找設計靈感，保持對設計的熱情。 → 記錄進展：保持學習日記，記錄每天的學習進展和心得，看到自己的進步會有助於保持動力。 自學UI/UX設計是一個持續學習和實踐的過程，雖然會遇到一些挑戰，但只要有耐心和毅力，並利用好各種資源和社區的幫助，最終能夠克服困難，掌握這些技能。

以下幾種為作品集網站常見錯誤 1.作品排序凌亂未按照順序或年份排序 2.毫無重點並且沒有說明文字 3.沒有簡歷也沒有自己本人照片 圖一說明為第一點缺點 圖二為behance頭貼錯誤設置第二點錯誤範例 圖三為簡歷示範圖 圖四與圖為使用創立團隊來分類年代久遠並上傳在behance作品 團隊使用說明：按下編輯個人檔案後頁面底下有個團隊可建立團隊

想要轉職專案經理(PM)前，面試前準備專案經理的作品集時，重點在於展示你的技能、經驗和成功案例。以下是一些步驟和建議，幫助新手轉職者準備一個有說服力的作品集： 1. 選擇適當的專案 挑選你參與過的、最能展示你能力的幾個專案。確保這些專案涵蓋不同的技能和挑戰，以展示你在各方面的能力；若先前無相關專案經驗可敘述，可以試著找出之前工作上或學生時期與別人團隊合作的經驗。 2. 清晰地描述每個專案 對每個專案進行詳細描述，包含以下幾個方面： ☛ 專案背景：該專案的目的和目標。 ☛ 你的角色：你在專案中的具體職責和貢獻。 ☛ 挑戰和解決方案：你遇到的主要挑戰以及你是如何克服它們的。 ☛ 成果：專案的結果，最好有量化的數據來支持，如提高了多少百分比的效率、降低了多少成本等。 透過說明專案背景、目標、執行過程、成果以及所學習到的經驗，讓面試官了解你的專案管理能力。 3. 展示你的技能和方法 展示你在專案管理中的各種技能，例如： ☛ 時間管理：如何按時完成專案。 ☛ 資源分配：如何管理和分配團隊成員及其他資源。 ☛ 風險管理：如何識別和應對風險。 ☛ 溝通與協作：如何與團隊和其他利益相關者有效溝通。 4. 使用視覺效果 在作品集中加入專案的截圖、成果圖片、流程圖等，並且在文字說明中詳細闡述這些圖片的意義，讓閱讀者更能夠理解你的專案內容。你可以加入： ☛ 圖表和數據視覺化 ☛ 專案時間線 ☛ 前後對比圖片 ☛ 用戶回饋和測評數據 5. 保持簡潔和專業 確保你的作品集簡潔明瞭，易於閱讀。使用專業的語言和格式，避免過多的技術術語。 6. 展示持續學習與改進 強調你如何從每個專案中學習和改進。例如，你如何利用之前的經驗來優化後續專案。 若不希望原公司專案內容外洩，可以將重點呈現在作品集中，並且在面試時詳細說明專案內容，以展現你的專業能力，希望大家想要轉職的都順利！ 關注教室追蹤更多PM更多相關知識~~

該用Photoshop或Illustrator？1分鐘弄懂設計軟體 Adobe Photoshop 還是 Illustrator？簡單比較兩大平面設計軟體特色，不管是設計排版、照片後製，線上自學 PS/AI，快速做出你要的成品。 Adobe 旗下兩大台柱 — Photoshop 和 Illustrator，是目前最普及的平面影像處理及繪圖軟體，成品可廣泛應用在各種情境，就算不是平面設計師，也能輕鬆運用軟體強大的功能製作影像作品，並輸出海報、DM、名片、logo、宣傳圖檔⋯⋯等多種設計物。然而，初學者往往分不清楚這兩個軟體的差異： 修圖、後製、排版，用哪個軟體做最快？ 想入門平面設計，要先學 Photoshop 還是 Illustrator？ 到底要一個軟體用到底，還是兩種都會一點搭配使用？ 以上都是 Hahow 時常收到的學生提問，我們希望以這篇文章回答這些疑惑，幫助你找到最適合的工具！ PS v.s. AI：點陣 v.s. 向量 Photoshop 和 Illustrator 兩個軟體的介面和邏輯都很相似，甚至還有部分功能重疊，而兩者最大的差異，是在於檔案格式 —— Photoshop 是點陣圖檔（像素檔），Illustrator 則是向量圖檔。 點陣圖檔是由一格一格的影像基本單位（像素，pixel）拼湊起來所組成，而向量圖檔則是基於數學公式的曲線和路徑渲染出的數位影像。以下範例清楚顯示了兩者的區別： 如果我們在 Illustrator 裡畫了一個圓，再使用放大鏡工具去放大，由於這個圓形的曲線，是非常多點對點的路徑以數學公式計算後的結果，則在尺寸調整後，數據也會重新計算，放大後圓形的曲線邊緣依然會是一條光滑、無鋸齒的線： 詳見原文> https://hahow.in/cafeteria/articles/6062d9b6e28e58598cffa54a

小編想問問大家，在第一次購買某商品時， 不同品牌的相同產品，你從架上拿下來仔細看的時候； 是甚麼促使你優先選擇它？ 依我自己經驗，多半是包裝； 那個包裝的色系剛好是我愛的、那個包裝材質感覺質感很好、 那個包裝構圖很吸睛等原因； 包裝就是產品建立使用者第一印象的最佳媒介。 由此可知包裝的重要性。 這堂課，就是要來告訴各位，如何讓包裝幫品牌提升使用者信心， 透過包裝，建立好的使用體驗，增加品牌黏著度。 將品牌思維、產品價值訴說，延伸到包裝上，以吸引使用者目光，刺激購買慾望。 想要讓包裝做到上述的價值，必須先了解包裝設計的概念、及其設計流程。 下一步才是去將包裝設計放進去品牌規劃中，讓兩者產生關連性。 確立了品牌與包裝的關係後，就開始挖掘品牌核心價值，建立調性。 以作為包裝設計的思考基礎。 接下來我們要學習如何找出使用者需求或痛點，再視品牌及其產品是如何解決痛點； 從這些方向，找到設計的風格與手法。 真正進入實作時，則要加入包裝構造、材質、觸覺與視覺。 所以這門課其實不只是包裝設計， 其實可以視為貫通整個品牌精神、包裝設計、使用者體驗、 甚至延伸至品牌形象經營、品牌溝通的課程。 推薦課程網址： https://hahow.in/courses/5f5610dff24eac2c7cf2ea56/main 祝您 工作順利、學習愉快 小編陪您每日學習成長1%

書名：Illustrator超完美入門 作者：高野雅弘 本書從基礎開始，逐一解說Illustrator的各項功能、 使用方法及設計方式，規劃「從做中學」的完美課程， 扎實學會Illustrator必備功能與應用。 ----------------------------------------- 首次接觸Illustrator者，可從第1章開始依序閱讀， 內容設計由淺入深，培養出正確的使用方式與應用技能。 如果是原本就有Illustrator基礎的設計人， 本書將成為你手邊超好用的工具書，內容依應用分類， 可依目的迅速查詢所需技巧，隨時融入你的設計之中。 【本書特色】 ‧用5分鐘學會Illustrator基礎知識 ‧掌握一開始就該記住的基本操作功能 ‧從基本圖形的畫法開始學起，達成隨心所欲地描繪插畫的第一步 ‧精通Illustrator必備「路徑」基本知識與重要工具 ‧了解物件的編輯與圖層的知識，學習組合、合成製作出完整圖稿的技巧 ‧熟悉顏色與漸層的設定，打造精采的影像 ‧運用變形、合成與特殊效果，充分活用Illustrator的功能 ‧學會影像的置入與編輯，在設計上就能擴大發揮的空間 ‧學習文字操作與段落設定，作為裝飾運用或圖像解說的基本元素 ‧經由綜合練習，學會如何搭配運用多種功能進行實務設計 ‧打造提升操作便利性與作業效率的環境設定和檔案輸出 目錄 Lesson 1 Illustrator的基礎知識 用5分鐘學會Illustrator的基本概要 Lesson 2 Illustrator操作入門 一開始就該記住的基本操作 Lesson 3 基本圖形的繪製方法與變形操作 首先從基本圖形的畫法開始學起！」的設定) Lesson 4 路徑的描繪與編輯 路徑的基本結構與各式各樣的編輯功能 Lesson 5 物件的編輯與圖層的基礎知識 要能隨心所欲地完成圖稿的必備知識 Lesson 6 顏色與漸層的設定 為物件設定色彩的各種方法與功能 Lesson 7 變形、合成、特殊效果 讓你充分活用Illustrator的便利功能 Lesson 8 影像的置入與編輯 在Illustrator中處理點陣影像的必備知識 Lesson 9 文字操作與段落設定 從各種相關面板的基本操作到應用技巧字元 Lesson 10 綜合練習 從做中學，讓你實際動手的設計製作練習 Lesson 11 環境設定與檔案輸出 可提升操作便利性及作業效率的環境設定和檔案輸出

想像一下，你是一位忙碌的專業工作者或求職者，想要快速建立一個專業的網站來展示你的作品集、個人品牌，或是吸引潛在客戶與雇主，但你完全不懂寫程式，也沒時間從頭學起。這時候，Lovable 就像你的數位魔法師，幫你用簡單的對話，在幾分鐘內打造出一個功能齊全、看起來超專業的網站！ 【Lovable是什麼？簡單、有趣又超實用！】 Lovable 是一個利用人工智慧（AI）驅動的網站建置平台，專為不熟悉程式設計的人設計。你不需要寫一行程式碼，只要用文字描述你的需求（像是「我要一個展示作品集的網站，帶點現代風格！」），Lovable 就能幫你生成一個基於 React 的網站，包含響應式設計（手機、平板、電腦都能完美呈現）、資料庫整合（例如連接到 Supabase），甚至還有表單功能和第三方 API 串接。 簡單來說，Lovable 就像一個會聽你說話的超聰明助手，把你的想法變成一個真實、好看又好用的網站。對專業工作者和求職者來說，這就像擁有一個隨身攜帶的數位名片，隨時展示你的專業能力！ 【Lovable能為你做什麼？專業工作者與求職者的應用場景】 1. 專業工作者：快速建立個人品牌與客戶信任 身為專業工作者（像是顧問、自由接案者、設計師或行銷專家），你需要一個能吸引客戶的專業網站來展示你的服務和作品。Lovable 能幫你： ［打造個人品牌網站］：快速生成一個乾淨、現代化的網站，展示你的專業技能、過往案例和客戶評價。 ［提升SEO曝光］：Lovable 生成的網站支援 SEO 最佳化，像是友善的 URL 結構和快速載入速度，幫助你的網站更容易被 Google 搜尋到，吸引更多潛在客戶。 ［整合表單與資料庫］：想收集客戶詢問或預約？Lovable 提供表單功能，還能連接到 Supabase 資料庫，讓你輕鬆管理客戶資料。 ［節省時間與成本］：不用花大錢請網頁設計師，也不用花時間學程式，幾分鐘就能上線，專注在你的核心業務！ 真實案例：假設你是一位行銷顧問，客戶常透過 Google 搜尋「行銷顧問 台北」。用 Lovable 打造一個網站，加入關鍵字優化的標題和內容（像是「台北頂尖行銷顧問，幫你提升業績！」），就能讓你的網站更容易出現在搜尋結果的前幾頁，帶來更多商機！ 2. 求職者：讓你的履歷脫穎而出 在競爭激烈的求職市場，單靠紙本履歷已經不夠！Lovable 能幫你打造一個數位作品集，展現你的獨特價值： ［個人作品集網站］：快速建立一個展示你專案、證照或技能的網站，讓雇主一眼看到你的實力。例如，一位平面設計師可以用 Lovable 展示設計作品，UI/UX 設計師可以展示線框圖或原型。 ［行動裝置友善設計］：Lovable 自動生成響應式網站，確保你的作品集在手機上也能完美呈現，方便雇主隨時查看。 ［簡單更新與即時預覽］：想隨時更新你的最新專案或證照？Lovable 提供即時編輯功能，改動後立刻看到成果，保持你的作品集最新鮮。 ［提升個人品牌］：一個專業的個人網站能讓你在求職時脫穎而出，尤其在創意產業或科技業，雇主更看重你的數位存在感。 真實案例：一位求職中的前端工程師可以用 Lovable 快速建一個網站，展示自己的 GitHub 專案、LinkedIn 連結，甚至嵌入互動式程式碼範例，讓面試官直接體驗你的技術能力！ 【Lovable的價值：為什麼專業工作者與求職者需要它？】 1. 省時省力：不用學複雜的程式語言或網頁設計，Lovable 的 AI 幫你搞定一切，幾分鐘就能上線。 2. 高性價比：免費試用，還能根據需求選擇進階功能，遠比請專業網頁設計師划算。 3. SEO友好，吸引流量：Lovable 的網站結構和速度都針對搜尋引擎最佳化，幫助你的網站被 Google 快速收錄，增加曝光機會。 4. 專業形象：一個乾淨、現代化的網站能提升你的可信度，讓客戶或雇主對你更有信心。 5. 靈活應用：不管是展示作品、收集客戶資料、串接第三方工具，還是打造個人品牌，Lovable 都能滿足多樣化需求。 【如何開始使用Lovable？】 1. 註冊並描述需求：到 Lovable 官網 註冊，簡單輸入你想要的網站類型（例如「個人作品集」或「服務介紹頁」）。 2. AI生成網站：Lovable 會根據你的描述生成一個網站草稿，你可以即時預覽並調整。 3. 發布與優化：滿意後一鍵發布，接著可以透過 Google Search Console 檢查收錄狀況，或手動提交網頁加速 Google 收錄。 4.持續更新：用 Lovable 的即時編輯功能，隨時更新內容，保持網站新鮮。 小提醒：為了讓你的網站更快被 Google 收錄，記得在標題和描述中使用相關關鍵字（例如「台北產品經理」或「行銷顧問服務」），並確保網站內容有價值且定期更新！ 【結語：用Lovable讓你的專業光芒閃耀】 不管你是想拓展業務的專業工作者，還是希望在求職市場脫穎而出的求職者，Lovable 都能幫你快速打造一個專業、好用又吸睛的網站。它的 AI 技術讓你省下時間與金錢，專注在你最擅長的事情上，同時提升你的數位曝光與個人品牌。快試試 Lovable，讓你的專業光芒在數位世界閃耀吧！ https://lovable.dev/

覺得自己的字體庫存不夠用了嗎？幫大家整理了2025年最熱門的10款免費字體、開源字體，除了穩重的黑體，還有各種可愛的手寫風字體，而且都能免費自用、商用，不僅不必擔心版權問題，也能豐富創作者們的字體庫！ 第1款：貓啃什錦黑 繁體中文版 馬克筆手繪風格，活潑有趣，並增加了繁體中文字庫。 前往下載：https://github.com/Skr-ZERO/MaokenAssortedSans-TC/releases 第2款：字魂扁桃體 穩重粗體線條，精美現代感，適合用於標體宣傳設計。 前往下載：https://www.facebook.com/groups/enjoyfonts/posts/2827884007366456/ 第3款：思源黑體 多語言支持，優質設計，多風格，開源授權，跨平台，廣泛應用。 前往下載：https://fonts.google.com/noto/specimen/Noto+Sans+TC 第4款：台北黑體 簡約現代、中文優美、多風格、開源許可、易用廣泛。 前往下載：https://sites.google.com/view/jtfoundry/zh-tw 第5款：源樣黑體 簡約風格、中英文支持、多字重、開源許可、廣泛應用。 前往下載：https://github.com/ButTaiwan/genseki-font 第6款：花園明朝體 優雅書法風、中文精美、多風格、閱讀佳選、獨具特色。 前往下載：https://glyphwiki.org/hanazono/ 第7款：饅頭黑體 多語言支持，優美字形，清晰易讀，跨平台，開放授權。 前往下載：https://github.com/mant0u0/MantouSans 第8款：源泉圓體 簡約風格，中文精緻，多字重，免費開源，廣泛應用。 前往下載：https://github.com/ButTaiwan/gensen-font 第9款：芫荽字體 手寫風格、藝術性、簡單多用、中英文支持、創新設計。 前往下載：https://github.com/ButTaiwan/iansui 第10款：辰宇落雁體 藝術書法、流暢筆觸、文學情感、風格獨特、中文優雅。 前往下載：https://github.com/Chenyu-otf/chenyuluoyan_thin 以上字體分享提供大家使用。

自學 Figma 這款強大的設計工具有很多資源和課程可以推薦，無論你是初學者還是有經驗的設計師，都可以透過以下提供的優質的自學資源和課程精進自我！ 【初學者課程】 1. Figma 官方資源 ✶ Figma 101: Figma 官方YouTube頻道 https://user206203.pse.is/64u6a9 ✶ Figma 速成班: Figma 提供的官方指南和文檔，幫助你快速上手。 2. Coursera ✶ Web Design for Everybody: Basics of Web Development & Coding: 提供了一個很好的起點，其中包括對 Figma 的介紹和使用。 https://www.coursera.org/specializations/web-design 3. Udemy ✶ Learn Figma - UI/UX Design Essential Training: 一個全面的入門課程，涵蓋 Figma 的基礎知識和實踐技巧。 https://user206203.pse.is/64u6gr 4. YouTube ✶ DesignCourse: 提供許多免費的 Figma 教學視頻，從基礎到進階都有。 【資源網站】 1. Figma 社區 Figma 社區提供了許多免費的設計模板、插件和教程，是一個豐富的資源庫。 2. Medium UX Collective: 有很多關於 Figma 的文章和教程，適合進一步提升設計技能。 https://uxdesign.cc/ 3. Dribbble Dribbble 上有許多設計師分享的 Figma 文件和作品，可以用來學習和參考。 https://dribbble.com/ 【自學建議】 ☛ 實踐為主：在學習理論的同時，多進行實踐練習。可以模仿一些知名設計師的作品，從中學習他們的技巧和設計思路。 ☛ 參加社群：加入 Figma 的線上社群，如 Slack 群組、Facebook 群組或論壇，與其他設計師交流，分享經驗和問題。 ☛ 持續學習：設計工具和趨勢不斷變化，保持對新技術和新方法的關注，不斷提升自己的設計水平。 希望這些資源能幫助你順利自學 Figma，成為一名出色的設計師！

母親節即將到來，你是否也想親手做一張與眾不同的賀卡，送給媽媽一個驚喜？現在，不用會設計、也不用自己想祝福語，只要結合 AI文字生成工具（如ChatGPT）+ Canva，就能快速打造一張既溫馨又具美感的電子或實體母親節卡片！ 這篇教學會手把手帶你完成一張屬於你的母親節賀卡，不論你是學生、上班族，還是手作小白，都能輕鬆完成！ Step 1：用AI生成母親節祝福語 首先，打開 ChatGPT 或其他 AI 助理（如 Gemini、Claude），輸入以下提示： > 「請幫我生成10句溫馨典雅的母親節祝賀詞，每句20字內。」 這樣你就會立刻得到一串有感情的祝福語，像是： * 媽媽，謝謝妳無私的付出與守護。 * 妳是我永遠的避風港。 * 願妳天天都有陽光與微笑。 接著從中選一句最打動你心的，準備貼到賀卡中。 Step 2：開啟 Canva，選擇賀卡模板 1. 前往 [https://www.canva.com/](https://www.canva.com/) 2. 登入或註冊帳號 3. 搜尋「母親節卡片」或「Mother’s Day Card」，你會看到上百款設計範本 4. 選擇一款你喜歡的風格（橫式或直式皆可） Step 3：套用祝福語並自訂風格 進入模板後，你可以： * 替換卡片內建的文字，貼上你從AI生成的祝福語 * 修改字型、字體顏色，讓整體視覺更協調 * 調整背景顏色，推薦使用柔和的粉色、米色、紫色等溫馨色調 ✅ 小提醒：Canva內建中文字體如「思源宋體」、「文雅黑體」都很適合中文賀卡唷！ Step 4：加上AI風格圖片或裝飾 Canva有個超好用功能：「Text to Image」！ 操作方式： 1. 點選左側選單的「應用程式」 2. 搜尋「Text to Image」→ 開啟功能 3. 輸入描述如：「watercolor flowers background, pastel color, Mother’s Day card」 4. 選擇生成圖片樣式 → 套用到卡片中作為背景或裝飾 這樣就能打造出「浪漫水彩風」、「插畫風」等獨特風格。 Step 5：下載或列印卡片，溫馨傳遞你的心意 設計完成後，點右上角「分享」→「下載」，建議選擇： * PDF格式：適合列印成實體卡片 *PNG/JPG：可傳Line、Email或社群媒體 延伸應用：母親節祝福語懶人包（AI生成範例） 不會寫祝福？以下是由ChatGPT生成的20句母親節祝賀詞，你也可以直接使用： 1. 親愛的媽媽，感謝妳無盡的愛。 2. 您是我人生中最溫暖的陽光。 3. 媽媽，有妳的地方就是家。 4. 妳的微笑，是我最美好的回憶。 5. 謝謝妳，一直是我心靈的港灣。 6. 媽媽，妳是我生命中的貴人。 7. 願妳的每一天都幸福滿滿。 8. 因為妳，我懂得什麼是愛。 9. 媽媽的愛，溫暖我一輩子。 10. 親愛的媽媽，願妳永遠健康快樂。 11. 感謝妳，給了我最珍貴的生命。 12. 因為有妳，生活充滿幸福。 13. 母愛無言，卻勝過千言萬語。 14. 媽媽，妳永遠是我的女神。 15. 每一刻，都感謝有妳在我身邊。 16. 祝福妳，親愛的媽媽，天天笑容常在。 17. 感恩有妳，成就了今天的我。 18. 媽媽，有妳在，我什麼都不怕。 19. 願妳的每一天，都充滿陽光與愛。 20. 母親節快樂，妳值得世上一切的美好。 在這個特別的節日，不妨動手運用AI和Canva，花點心思為媽媽設計一張獨一無二的賀卡。 比起買現成的卡片，這樣的祝福更溫暖、也更有意義。祝你母親節快樂，創作愉快！

前端工程師需要掌握的技能和專業涵蓋了多個方面，包括基礎的網頁開發知識（ HTML、CSS 和 Java Script）、前端框架（ React.js、Vue.js 和 Angular．．等）、以及與團隊合作的工具等。以下是前端工程師的必備技能清單： 前端工程師 必備工具： ⭕ HTML/CSS/Java Script: 這三者是前端開發的基礎技能，用於設計和構建網站的視覺層。 ⭕ React、Vue 或 Angular: 主流前端框架，幫助開發者更有效率地構建交互式網頁應用。 ⭕ Git: 版本控制工具，幫助團隊協作並管理代碼變更。 ⭕ Webpack、Parcel: 模組打包工具，優化前端資源的加載和編譯。 ⭕ Figma、Sketch、Adobe XD: 設計工具，與設計師溝通並將設計轉換成實際前端代碼。 推薦證照： ⭕ Microsoft Certified: Azure Developer Associate: 如在雲端平台上進行前端開發，Azure的證書會讓你對雲端部署有更深的理解。 ⭕ Google Mobile Web Specialist Certification: 專注於前端開發的移動端最佳實踐。 ⭕ Certified Web Professional - Web Developer: 國際網頁專業人士協會頒發，涵蓋網頁開發的核心技能。 相關課程推薦： Let’s Vue! 前端開發入門到實戰 https://nabi.104.com.tw/course/tibame/ee965aa9-eb02-43d5-ae79-1dcd50f965dc 成為前端工程師｜Java Script 入門：帶你逐步培養網頁開發技能 https://nabi.104.com.tw/course/tibame/9e6b7b79-2849-4f24-80ef-a620b94471a5 第一次就上手，前端工程新手指南 https://nabi.104.com.tw/course/tibame/6e43b10e-45e7-40e2-92c0-1b4d6aeb955c 後端工程師 必備工具： ⚡ SQL（PostgreSQL、MySQL）及 NoSQL（MongoDB）: 數據庫管理技能是後端工程師的核心能力之一。 ⚡ Node js、Python、Java 或 Ruby: 這些後端編程語言被廣泛用於構建伺服器端邏輯。 ⚡ Docker、Kubernetes: 容器化技術和編排工具，用於構建、測試和部署應用程序。 ⚡ RESTful APIs 和 GraphQL: 這些技術用於實現應用的後端與前端、第三方系統之間的通信。 ⚡ CI/CD 工具: 自動化流程，確保代碼更快更安全地進入生產環境。 推薦證照： ⚡ AWS Certified Solutions Architect – Associate: 了解如何在AWS雲上設計和部署後端應用程式。 ⚡ Microsoft Certified: Azure Administrator Associate: 若專注於Azure雲平台，這是不可錯過的證書。 ⚡ Oracle Certified Professional, MySQL Database Administrator: 確保後端數據庫管理的穩定和高效運作。 推薦課程： 成為後端工程師 | 踏上程式起點，逐步掌握 Java 語言特性與物件導向程式設計 https://nabi.104.com.tw/course/tibame/c24de9ca-27e6-46cb-80f4-9d7b27d9ca47 全端工程師 必備工具： 🔵 HTML/CSS/Java Script + React/Vue/Angular: 熟悉前端開發工具與框架，確保網頁的視覺與交互效果。 🔵 Node js、Express 或 Django: 這些是全端工程師通常選擇的後端框架，用於建立伺服器端邏輯。 🔵 Git、GitHub: 版本控制與協作工具，用於管理全端工程中的代碼。 🔵 Docker、CI/CD 工具: 幫助全端工程師部署整體應用，確保端到端流程的流暢運行。 🔵 GraphQL、RESTful APIs: 掌握API設計，讓前後端溝通順暢。 推薦證照： 🔵 AWS Certified Developer – Associate: 強化在雲端上開發全端應用的能力。 🔵 Certified Full Stack Developer: Coursera或Udacity上的全端開發認證，涵蓋從前端到後端的各項技能。 🔵 Google Cloud Professional Cloud Developer: 若專注於Google Cloud，這張證書能幫助掌握雲端環境下的全端開發技能。 工具與證書是工程師專業技能的一部分。無論你是專注於前端、後端還是全端開發，選擇合適的工具、掌握相關技能並考取相關證書，都是提升專業能力和職業發展的關鍵。保持學習的動力，不斷提升自我，是在快速變化的技術領域中保持競爭力的必備條件。

PRD 是 "Product Requirement Document"（產品需求文檔）的縮寫。PRD 是一份詳細描述產品功能、特性和要求的文檔，通常由產品經理(PM)撰寫。它的主要目的是向開發團隊和其他相關方傳達產品的需求和期望，確保所有人對產品的理解一致。 【PRD 通常包括以下內容】 1. 產品概述：產品的基本介紹，包括目標市場和目標用戶。 2. 目標：產品的主要目標和預期成果。 3. 功能需求：詳細描述產品的各個功能和特性，通常按優先級排序。 4. 用戶體驗（UX）需求：關於用戶界面和用戶互動的要求。 5. 技術需求：包括技術架構、平台支持、性能要求等。 6. 非功能需求：如安全性、可擴展性、兼容性等方面的要求。 7. 測試需求：測試計劃和測試標準。 8. 依賴性和限制：需要的資源、依賴的技術或系統，以及可能的限制。 PRD 在產品開發過程中起到關鍵作用，它能幫助團隊明確目標，避免誤解，確保最終產品符合預期。 ⁋ Spec 是 "Specification"（規範或說明書）的縮寫。在產品開發過程中，Spec 是一份詳細描述產品、系統或組件的技術要求和功能的文檔。Spec 和 PRD 之間有些重疊，但兩者側重點有所不同： 1. 目標受眾： - PRD：主要針對產品經理、開發團隊和設計團隊，目的是傳達產品的需求和目標。 - Spec：通常針對開發團隊、工程師和技術人員，更加技術和細節導向。 2. 內容側重： - PRD：側重於產品的功能需求、用戶需求和商業目標，描述產品應該做什麼以及為什麼這麼做。 - Spec：側重於具體的技術實現細節，描述產品或系統如何運作，包括數據結構、算法、接口、協議等技術細節。 3. 詳細程度： - PRD：比較概括，提供高層次的視圖和用戶場景。 - Spec：非常詳細，提供低層次的實施細節和技術規範。 【Spec 的常見內容包括】 1. 系統概述：系統或組件的總體描述。 2. 功能說明：具體功能的詳細描述，包括輸入、處理和輸出。 3. 技術架構：系統的架構設計和技術棧。 4. 數據模型：數據結構和數據庫設計。 5. 接口規範：API 和其他接口的詳細說明，包括參數、返回值和錯誤處理。 6. 算法描述：關鍵算法的詳細描述和流程。 7. 性能要求：性能指標和優化目標。 8. 測試規範：測試計劃、測試用例和驗收標準。 Spec 通常是技術團隊在開發過程中的主要參考文檔，用於確保技術實現符合設計和需求。在實踐中，Spec 和 PRD 可能會結合使用，以提供完整的產品和技術視圖。

當你的Notion有著龐大的內容，尤其是拿來做筆記的時候，在 Notion 中建立目錄可以幫助你更好地組織和導航內容，以下提供兩個方式使用 Notion 創建目錄，附上詳細步驟： 【自動生成】添加目錄塊 1. 在新頁面中，點擊頁面的空白處，或者使用快捷鍵 `/` 打開命令選單。 2. 輸入“Table of Contents”並選擇“Table of Contents”塊。這將自動生成一個目錄，包含頁面中所有標題的連結！ ►注意：要確保頁面中已有不同層級的標題（Heading 1, Heading 2, Heading 3），目錄才會顯示內容。 3. 現在notion也可以側邊預覽目錄了！（如以下GIF所示) 點開頁面右上角三個點點→打開Table of Contents→側邊目錄就自動出現啦 【自訂目錄】使用錨點連結創建 如果你想創建一個自訂的目錄，可以使用 Notion 的頁面連結功能： 1. 在頁面中添加各級標題（Heading 1, Heading 2, Heading 3）來組織內容。 2. 回到你的目錄頁面，輸入你希望作為目錄的文本，例如： ►一級標題 ►二級標題 ►三級標題 3. 選中這些文本，並創建內部鏈接(copy link to block)： 選中一級標題文本，點擊彈出的工具欄中的“連結”圖標，使用 `Cmd+K` (Mac) 或 `Ctrl+K` (Windows) 快捷鍵來快速添加連結。

上一篇講到了UI/UX設計師與產品設計師的不同之處，但若現在你已經是一位UI/UX設計師了，要學習哪些技能才足以擔任起產品設計師的工作呢？以下節錄四大必備硬技能，快來看看~ 1.使用者中心設計 產品使用與介面設計息息相關，不能用自己的思維去設計，要去了解如何從使用者的角度出發來進行規劃與思考並引導產品、系統、服務的設計與開發。一個標準的流程大致包含定義使用的情境、定義產品需求、設計解決方案、以及評估設計成果，另外再加上前期使用者需求調查和後續的使用者滿意度評估。 白話一點來說，一個功能要開發前，要去了解這個功能對使用者是否有價值，能真正解決他們的痛點嗎？在產品服務中什麼情境、又是基於何種考量去使用這個功能？再者，設計出來的解決方案是如何讓使用者看到並且使用達到預期目的？最後，如何得到驗證，評估的標準為何，使用者實際使用後的感受為何？ 2,資訊架構與操作流程設計 如何將眾多的功能適時的分類、配置，並保留未來的功能擴充性，就很仰賴資訊架構的能力。例如一個app經過需求盤點後大致有6項大功能、9項子功能，那首頁應該怎麼設計？功能相近的功能是否應該放在一起，還是依據使用流程來配置？如果未來繼續加功能，目前的架構是否可以滿足等等。 操作流程是指在首頁賦予任何的任務，都可以經過操作後抵達目的頁；包含功能的可逆性(取消、返回、刪除)，以及各種的極端值、錯誤狀態。設計第ㄧ個版本後，可以再思考是否有更短路徑、或更方便操作的動線，以此優化、迭代。 3.數據驅動設計 產品開發大多是帶者假設、然後上線要獲取驗證的過程，我們無法百分百保證新功能就是使用者心中所希望的、使用者會按照我們預想中的流程去操作；所以上線後必須要隨時觀測使用情況的數據，並以此為基準去解讀數據、洞察問題、提出假設、進行設計解決方案、再經過上線驗證。 常見的數據分析工具是GA (google analytics)，市面上也有很多關於此工具的教學；一般來說主要觀測的是頁面流量、留存率、跳出率、點擊率、某功能的轉換率、頁面使用排名與流程、使用者裝置佔比、其他使用行為洞察等等。產品設計師們不一定要自己「會看」，也可以詢問PM你想知道的數據，再由PM提供給你；若你真的很好奇但是不好意思一直問PM，還是建議請PM幫你開通使用權限，自己玩玩看會發現更多有趣的現象喔！ 4.統整需求與提案、說服能力 最後一點但認為是非常重要的一點，單靠產品設計師一人是無法將專案推上線的！必須跟產品企劃(PM)一起獲得決策者們的認同，可能還需獲得行銷單位、廣告單位、前、後端工程單位的支持，產品才有可能順利進行開發。 所以設計師必須將自己的發現整理成他人可以看得懂的內容、將設計方案呈現的讓人一眼就明白、或是透過prototype讓大家更好理解整個操作流程；簡報也盡可能納入有說服力的內容，例如搜集使用者的聲音、進行原型測試、或是整理內部單位相似的需求、大環境或競業的分析與趨勢、前一版本的使用數據與解讀...只要可以「佐證」你的設計，都可以整理進你的提案中，成為一個很好的推力。 以上，4大必備硬技能介紹到這兒，下篇聊聊軟實力~~ 延伸閱讀： [嚼舌]產品設計師進化論1-平面設計師如何成為UIUX設計師 https://nabi.104.com.tw/posts/nabi_post_6e012a8d-811b-457f-b5fd-5bf94793f0e2?utm_source=104nabi&utm_medium=share [嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別 https://nabi.104.com.tw/posts/nabi_post_e981ec13-398f-42a4-9d8f-6da97147b274?utm_source=104nabi&utm_medium=share

在數位化辦公環境中，Google 文件因其便捷性和協作功能而備受青睞。然而，許多使用者經常遇到Google 文件格式跑掉的問題，這可能影響文件的專業性與可讀性。無論是在貼上內容時格式失真，還是在不同設備上查看時出現排版問題，這些狀況都會影響工作效率。本文將深入分析導致 Google 文件格式跑掉的原因，並提供多種實用解決方案，幫助你在工作中保持文件格式的一致性。 口訣：「清格式、調樣式，文件整齊不煩惱！」 ✅為什麼格式會跑掉？ 當你從其他來源（如 Word 文檔或網頁）複製內容並貼上到 Google 文件時，原始格式可能會干擾 Google 文件的排版。這包括字體、段落間距和圖片位置等，導致文件看起來雜亂無章。此外，當你將文件發佈為網頁時，也可能會出現格式不一致的情況。 ✅解決方案 1. 使用純文字貼上 在貼上內容時，使用「Ctrl + Shift + V」(Windows)或「Command + Shift + V」(Mac)將內容作為純文字貼上。這樣可以避免帶入不必要的格式。 2. 清除格式 貼上內容後，選擇文本並使用「格式」>「清除格式」選項，將所有不必要的格式移除，恢復為預設樣式。 3. 使用 Google Doc Publisher 這是一個專門的工具，可以幫助你將 Google 文件發佈為不跑版的網頁。只需將文件網址貼入該工具，即可生成一個正確顯示的網址。 4. 調整段落和字體樣式 檢查段落間距和字體樣式是否一致，手動調整以保持整體外觀協調。 5. 測試不同瀏覽器 有時候，不同瀏覽器可能會影響 Google 文件的顯示效果。嘗試在不同瀏覽器中打開文件，以確保最佳顯示。 面對Google 文件格式跑掉的挑戰，其實只要掌握合適的技巧，便能輕鬆解決這些問題。透過使用純文字貼上、清除格式等方法，你可以確保文件排版的整齊與專業性。隨著這些技巧的運用，無論是個人還是團隊協作，Google 文件都能成為你高效工作的得力助手。

在現今數位行銷領域，Google Analytics (GA) 證照已成為行銷專業人士必備的技能之一。無論你是行銷新手還是數據分析專家，通過Google Analytics認證都能顯著提升你的職場競爭力。本篇文章將為你提供【2025最新】Google Analytics證照考取資訊，包括GA考照連結、GA4線上課程推薦、以及完整的學習資源一覽表，幫助你迅速掌握GA技能，輕鬆取得證照。 1. Google 官方學習資源 - GA 4堂課的學習連結 - 從入門到進階的完整學習路徑 這是Google官方提供的四堂免費GA學習課程，無論你是剛接觸Google Analytics的新手，還是已經有一定基礎的使用者，都能找到適合自己的學習路徑。這些課程涵蓋了從基礎操作到高級功能的全面內容，幫助你逐步深入了解並掌握GA的各項功能。 https://support.google.com/analytics/answer/15068052#zippy=,get-started-using-google-analytics-introduction,go-further-with-advanced-features-in-google-analytics-advanced,answer-business-questions-with-google-analytics-intermediate,use-google-analytics-for-your-business-beginner 2. GA證照考試連結 - 75分鐘內完成，迅速取得認證 透過這個連結，你可以參加由Google官方提供的證照考試，75分鐘內要完成。這個證照是數位行銷領域中公認的專業證明，通過考試可以大幅提升你的職場競爭力。 https://skillshop.docebosaas.com/learn/courses/14810/google-analytics-certification 3. Google Analytics 官方YouTube頻道 - 最新功能、操作指南影片 這是Google Analytics的官方YouTube頻道，頻道內容涵蓋了GA的最新功能介紹、詳細的操作指南以及實用的使用技巧。適合想要隨時更新GA知識並獲取實用操作的使用者。 https://www.youtube.com/@GoogleAnalytics 4. GA4 中文線上課程 - GA4+GTM網站數據分析實戰課 這是由TiBaMe提供的GA4中文線上課程。課程以中文講解GA4的各項功能，並通過實際操作和案例分析，幫助學員快速掌握GA4的操作技巧，是想要用母語學習GA4的最佳選擇。 https://nabi.104.com.tw/course/tibame/9d130973-439c-4260-bc2d-997fdfef26ba 5.如果你Google Analytics很多自學，但都無法有效考到證照！那不要錯過7月開班喔！否則可能要等到9月喔！ 🔴兩天週日實訓班 🔴協助您完課考取證照 除了行銷外，現在很多職類有該證照特別加分，例如：產品經理（ＰＭ）、業務、電商，即便小編也很加分！ https://nabi.104.com.tw/course/tibame/a68eecc5-7d1c-4210-8266-bd3d37354dfe 這些資源可以幫助你全面提升Google Analytics的知識和技能，無論是準備考試還是實際應用，都能事半功倍！

Figma、Sketch和Adobe XD 是當今主要的UI/UX設計工具，每個工具都有其獨特的特色和優勢，選擇取決於個人喜好、工作環境和團隊需求。Figma以其跨平台支持和強大的協作功能脫穎而出；Sketch擁有直觀的界面和強大的向量繪圖功能，特別適合macOS用戶；Adobe XD集成了Adobe生態系統，適合那些已經熟悉Adobe產品的設計師。以下分別介紹三個工具的優缺點： 【Sketch】 優點： - 界面簡潔：簡單直觀，適合初學者和專業設計師。 - 插件豐富：擁有大量第三方插件，可以擴展功能，提高設計效率。 - 向量編輯：強大的向量編輯功能，適合圖標設計和UI設計。 - Sketch Cloud：可以與團隊共享設計文件，並進行基本的原型設計和反饋。 缺點： ✘ 僅支援macOS：只能在macOS上運行，限制了Windows用戶的使用。 ✘ 實時協作較弱：與Figma相比，Sketch的實時協作功能較弱，需要使用第三方插件或雲端存儲服務來實現團隊協作。 - 需要一次性支付軟件許可費用。 【Figma】 優點： - 跨平台支援：支援Windows、macOS和網頁版，靈活性高。 - 實時協作：強大的實時協作功能，適合團隊合作設計。 - 雲端儲存：所有設計文件存儲在雲端，便於隨時隨地訪問和共享。 - 原型設計：內置強大的原型設計工具，無需使用額外的插件。 - 提供免費版和付費版。免費版包括限制，但對於個人用戶和小型團隊來說是一個不錯的選擇。付費版則提供更多功能和團隊協作能力。 缺點： ✘ 需要網路連接：雖然有離線模式，但最佳體驗需要穩定的網路連接。 ✘ 資源密集：對系統資源要求較高，可能在低配電腦上運行不夠流暢。 【Adobe XD】 優點： - 跨平台支援：支援Windows和macOS。 - 集成Adobe生態系統：與Photoshop、Illustrator等Adobe工具的無縫集成。 - 原型設計與分享：強大的原型設計功能，便於分享和收集反饋。 - 自動動畫：內置自動動畫工具，簡化動畫製作流程。 - 有免費版和付費版，免費版提供了基本的功能，付費版則提供更多功能和團隊協作能力。 缺點： ✘ 插件生態系統較弱：相比Sketch，Adobe XD的插件生態系統相對較小。 ✘ 學習曲線：對於非Adobe用戶，初始學習曲線可能較陡。 ✘ 提供了一些團隊協作功能，但與Figma相比功能稍嫌不足。 更多可參考網友的分享>>https://blog.twjoin.com/2022-%E5%B9%B3%E9%9D%A2%E8%A8%AD%E8%A8%88%E5%B8%AB%E8%BD%89%E8%81%B7-ui-%E8%A8%AD%E8%A8%88%E5%B8%AB-sketch-adobe-xd-figma-%E5%A6%82%E4%BD%95%E9%81%B8%E6%93%87%E9%81%A9%E5%90%88%E8%87%AA%E5%B7%B1%E7%9A%84ui%E8%A8%AD%E8%A8%88%E5%B7%A5%E5%85%B7-ff9352f88e5a

最近，X 上一篇題為 《How to become an AI Engineer in 6 months》的文章引發不少關注。這份路線圖之所以被討論，不是因為它鼓吹速成，而是它提出了一個很貼近當前職場需求的觀點：現在企業需要的 AI 工程師，很多時候不是從零訓練大型模型的研究員，而是能把現有模型、API、資料與工具整合起來，做成可用產品與工作流程的人。 根據這份整理，AI 工程師的核心工作，通常包括串接 LLM API、設計 prompt 與上下文流程、建立聊天或搜尋系統、整合資料庫與外部工具、處理結構化輸出，以及優化成本、速度與穩定性。換句話說，這份角色更接近軟體工程、產品開發與流程自動化的交會點。 這份 6 個月路線圖，最重要的不是「學更多」，而是「學對順序」。第 1 個月先把 Python、Git/GitHub、CLI、HTTP/API、JSON、基本 SQL、Pandas 與 FastAPI 打底，因為原文認為 AI 工程首先仍是軟體工程；如果連基本程式、API 與資料處理能力都還不穩，後面的 AI 應用很容易只停在 demo 階段。 第 2 個月，重點進入 LLM 應用開發，包括 prompt 設計、結構化輸出、tool calling、streaming responses、對話狀態管理、成本與 token 概念、失敗處理與 prompt injection 基本意識。第 3 個月則聚焦在 RAG，也就是讓模型能根據自己的文件與資料回答問題，這也是客服機器人、企業知識庫、文件搜尋等場景最常見的核心能力之一。 第 4 個月開始，路線圖進一步談到 agent、工具、workflow 與 evals。原文特別提醒，不是每個問題都需要 agent；有時一個 prompt 就夠，有時 workflow 比 agent 更穩。真正重要的，是知道該怎麼選擇，以及如何用評估機制去判斷系統是否真的變好。第 5 個月則轉向部署、可靠性與產品化，包括 Docker、背景任務、queue、驗證與 API key 管理、logging、observability、prompt/version management、成本監控、rate limits 與 caching。 到了第 6 個月，這份路線圖建議學習者開始選定方向，往三種角色收斂：AI Product Engineer、Applied ML / LLM Engineer，以及 AI Automation Engineer。前者偏向使用者產品與 AI 功能開發，後兩者則更接近模型效果優化或企業流程自動化。對求職者來說，這一步的意義在於：不能只停留在「我有在學 AI」，而要把能力整理成職缺看得懂、作品集也講得清楚的樣子。 如果把這篇路線圖放回台灣職場來看，它最大的提醒其實不是「6 個月能不能成功轉職」，而是：AI 時代的競爭力，越來越像是把技術、工具與工作場景整合起來的能力。 企業不一定每一家都在找模型研究員，但會愈來愈需要懂 API、懂資料流、懂自動化，也懂得把 AI 接進產品與流程的人。這段屬於本文根據原始路線圖內容做的職場延伸整理。 A還有一個很務實的提醒：一定要做作品。 作者多次強調，不管是 Python 練習、API 串接、RAG 還是 agent，都不能只停留在看教學，而要真的做出專案、放上 GitHub、部署出去，讓別人能試用。對轉職者來說，這點尤其關鍵。因為當市場上很多人都說自己「會用 AI」，真正能拉開差距的，往往不是上過多少課，而是有沒有做出一個可被驗證的作品。 說到底，這篇路線圖最值得記住的一點是：未來企業需要的，不只是會使用 AI 工具的人，而是能把 AI 做成工作成果的人。對想轉職、想加值、想提升職場競爭力的人來說，與其一開始追逐最新工具，不如先建立一條能走完、也能做出作品的學習路。 --- 資料來源 https://x.com/DeRonin_/status/2033587293064204349

Axure是一種流行的原型設計工具，專門用於設計交互式和高保真度的網頁和移動應用程式原型，使用者能夠創建複雜的原型，包括交互式元素、動態效果、狀態轉換等，以模擬真實應用程序的使用體驗。 以下是Axure的一些特點和功能： 1. 高保真度原型：Axure允許用戶創建高度可交互且外觀逼真的原型，讓團隊和利益相關者可以更好地理解產品的功能和用戶體驗。 2. 動態效果：用戶可以在Axure中添加各種動態效果，如過渡效果、彈出視窗、滑動效果等，以模擬真實應用程序中的動態行為。 3. 條件邏輯和狀態轉換：Axure允許用戶基於不同條件設置元素的顯示和行為，還可以創建狀態轉換，以展示用戶界面的不同狀態。 4. 團隊協作：Axure提供了團隊協作和版本控制功能，多個用戶可以同時編輯原型，並且可以跟踪版本的變更。 5. 互動式測試：用戶可以將Axure原型導出為HTML文件，以便在瀏覽器中進行互動式測試，收集用戶反饋和意見。 總結來說，Axure是一個功能豐富的原型設計工具，非常適合不想花太多時間學習 UI/UX 設計細節的產品經理，在產品開發過程中使用可以大大的幫助他們設計和驗證產品的功能和用戶體驗。 📌官方網站：https://www.axure.com/ 📌Youtube 線上自學影片：https://www.youtube.com/watch?v=vzV2d2KxzWI&list=PLM2Dd2NIn2CrF2V-xQyZ_Nk3vQNUl2UCG 📌之前教室內分享關於 Axure 功能的文章~ 【Axure 檔案怎麼開共享檔案？2方法教你匯出檔案、共享連結】 https://nabi.104.com.tw/posts/nabi_post_d55a9608-dd04-4923-a546-6b0dac2cb689 【Axure 行距在哪調整？一招解決太窄不好閱讀的問題！】 https://nabi.104.com.tw/posts/nabi_post_cdb9172a-63d2-449e-9abc-267f33fee3e3 【怎麼建立 Axure 超連結？5步驟詳解，這些細節要注意！】 https://nabi.104.com.tw/posts/nabi_post_c2c7d965-cd00-4cdc-822a-751cffc888e4 【Axure 怎麼插入表格、新增欄列？完整步驟解析】 https://nabi.104.com.tw/posts/nabi_post_d781211c-295e-41bf-8d47-adac6f7c5383 【怎麼用Axure畫flow chart 流程圖？】 https://nabi.104.com.tw/posts/nabi_post_6c8d6e08-f381-4a5c-8bb9-d4453e20eb51 喜歡這篇貼文的話歡迎加入教室，分享更多實用內容給你😍

隨著生成式 AI 與雲端運算技術蓬勃發展，Google 提供一系列 AI 與雲端技術課程與認證，幫助個人提升數位能力、強化職場競爭力。無論你是剛入門、轉職中、還是現職工作者，這篇整理都能協助你選擇最適合的學習路徑。 📌 一、Google AI 與 Cloud 證照總覽 ### 1. Google Cloud 專業證書（Professional Certificates） 透過 Google Cloud Skills Boost 提供的認證課程，可系統化學習資料分析、網路安全與雲端架構等職場必備技能。 - 資料分析專業證書（Data Analytics） - 網路安全專業證書（Cybersecurity） - 上課平台：Google Cloud Skills Boost - **學費：每月 $29 美元，首月免費試用 - **網站：[Professional Certificates](https://cloud.google.com/learn/certificates?hl=zh-TW) --- 2. Google Cloud 認證證書與徽章 - Cloud Digital Leader 認證**：入門級雲端通識認證 - Associate / Professional 級證照**：適合工程師、架構師、資料分析師等專業角色 - 技能徽章 Skill Badges**：完成特定實作課程即可獲得，適合展示技能 - 網站：[Google 認證官網](https://cloud.google.com/learn/certification?hl=zh-TW)｜[技能與證照管理](https://cloud.google.com/learn/training/credentials?hl=zh-TW) 🤖 二、生成式 AI 與機器學習課程推薦 3. Google AI Essentials（生成式 AI 通識課程） 由 Google 推出的免費 AI 基礎課程，適合初學者快速了解生成式 AI 工具與應用。 - 內容：AI 工具應用、提升工作效率 - 平台：[Google AI Essentials](https://grow.google/intl/zh-HK_hk/ai-essentials/) 4. Introduction to Generative AI（Google Cloud Skills Boost） 短時程微學習課程，幫助你理解生成式 AI 的核心概念與技術原理。 - 課程頁面：[Introduction to Generative AI](https://www.cloudskillsboost.google/course_templates/536?locale=zh_TW) 5. Machine Learning Crash Course (MLCC) Google 經典的免費機器學習課程，包含視覺化示意、互動程式與 15 小時課程。 - 對象：資料科學、AI 工程師、對 ML 有興趣的學習者 - 網站：[ML Crash Course](https://developers.google.com/machine-learning/crash-course) 🧠 三、台灣本地 AI 認證課程（與 Google 合作） 6. 104 學習精靈｜生成式 AI 證書課程 由 104 與 Google 技術整合推出的 8 小時 AI 入門課程，內容實用、講解清晰。 - 學習內容：生成式 AI 的應用邏輯與職場場景 - 報名網址：[104學習精靈｜生成式 AI 課程](https://nabi.104.com.tw/ability/10048799) 7. ADCT｜Google Gemini AI 通識認證 由數位文化協會推出的 AI 通識測驗，考核 Google Gemini 與生成式 AI 的應用知識。 - 課程免費，測驗費用 NT$599 - 證書可列入履歷／求職加分 - 報名網址：[ADCT AI 基本測驗](https://exam.adct.org.tw/product/ai-%E5%9F%BA%E6%9C%AC%E6%B8%AC%E9%A9%97) 🚀 四、進階培訓與活動 8. Google Cloud AI Study Jam 為台灣開發者社群舉辦的 AI 主題訓練活動，涵蓋 Prompt Engineering、生成式 AI API 等進階應用。 - 適合對 AI 應用開發有興趣者 - 活動頁面：[Google Cloud Study Jam](https://rsvp.withgoogle.com/events/csj-tw-2024/home) 9. 5 天生成式 AI 密集學習營 短期集訓課程，由 Google 主辦，深入 AI 模型應用與專案實作。 - 活動頁面：[5 天密集課程](https://rsvp.withgoogle.com/events/google-generative-ai-intensive_2025q1/home)

分享一個最近在處理像素風（Pixel Art）和復古視覺時的小心得。 以前在 Photoshop 裡要做 Dither（抖動效果），通常要先轉索引顏色（Indexed Color），步驟多又不能即時預覽效果，對設計工作流來說其實挺卡頓的。 最近發現一個專門處理這功能的免費網頁工具：https://ditherimage.online 它的優點是**「免安裝、直接在瀏覽器運作」**。它把 PS 那些繁瑣的流程簡化了，你可以直接切換 Bayer、或是 Halftone 等不同演算法，並且即時調整參數。 對於追求 Lo-Fi 質感或想快速產出點陣圖的朋友來說，這算是一個非常輕量且專業的替代方案，能省下不少切換軟體的時間。分享給各位有需要的朋友，希望能幫大家提高一點生產力！

POP 就是 Point ( 點 ) of ( 的 ) Purchase ( 購買) 的大寫縮寫，意為賣點中所設立之海報或廣告物，即可稱為『賣點廣告』，也就是泛指所有販賣的地點廣告物，舉凡促銷特賣廣告、海報、標語、大字報、價目表、吊牌......等等都算是 POP。 在 1980 年代開始於台灣流行，當時大街小巷出現許多手繪 POP廣告，當然以超市與書店的應用最廣泛，後來慢慢推廣到各個銷售範圍。POP 常被使用在店舖、大賣場、市場、攤商…........等賣點，最常見此類手繪式 POP 海報，像是在店舖內外陳列的促銷活動或商品，小如商品旁的價目卡、大如天花板上垂吊下來的『出清存貨‧限時搶購』、『購物滿 300 即可参加摸彩活動』或是大大小小的數字組成的促銷特賣海報；在結帳區、新商品告知或店內促銷活動.......等告知提醒，都是 POP 魅力的誘導進而刺激消費者購買的慾望！ POP 不單只是用來訴求商品的內容、價值或名稱而已，還可快速地提供商品情報，更是銷售賣點中無形增加販賣促銷的推銷員。 許多人都認為 POP 代表手繪海報，其實 POP 廣告還代表更多的表現；在現今有電腦的輔助，每個人都可以自行製作簡易的 POP 廣告，不需要特別學習專業技法與插畫就可輕鬆完成一張簡易的 “ POP ”。 首先介紹 POP 海報的類型： 👉商品 POP ：構成商品 POP 要件為商品名稱、商品用途、商品特性與價格，主要是在銷售點廣告特性以商品的特性造成提醒需求進而刺激消費者購買。 👉促銷 POP ： 促銷 POP 又可分成兩種，一為活動促銷 POP ，其 POP 內容構成要件為名稱、時間、條件、獎品、對象與注意事項.....等，二為單品促銷，針對與單樣商品進行促銷，內容主要是商品名稱、原價特價之價格差異。 👉節慶 POP ：節慶 POP 的構成要件是為讓賣點因為節慶的表現吸引消費者的目光，無論季節或是節慶都有可能促成消費的意願。 👉告知 POP： 告知型 POP 主要是賣點與消費者溝通的表現，無論是賣點的注意需知、新增的附加服務、營業時間變動或是藝文活動......等，都是屬告知型POP。 ⏰一般市場上可以看到的 POP 海報可區分成以上四大類，實際應用上還可有更多變化， POP 海報不見得要有複雜的影像技法或是眼花撩亂的編排，一般賣點只要有動人的簡易文案搭配插圖，就能製作出一張有助消費者快速作出選擇並促進銷售的 POP 海報喔! 資料來源：https://www.twpop.com.tw/classroom1A01.html

1. UI (User Interface) 全名：User Interface Designer (用戶界面設計師) 介紹：UI設計師負責設計產品或應用程式的用戶界面，確保界面設計美觀、易於使用和符合用戶需求。 2. UX (User Experience) 全名：User Experience Designer (用戶體驗設計師) 介紹：UX設計師負責設計產品或應用程式的整體用戶體驗，包括用戶流程、互動設計和用戶研究，以提高用戶滿意度和產品易用性。 3. BD (Business Development) 全名：Business Development Manager (業務拓展經理) 介紹：業務拓展經理負責尋找新的業務機會，建立合作夥伴關係，拓展客戶群和市場份額，以促進公司的業務增長。 4. CM (Community Manager) 全名：Community Manager (社群經理) 介紹：社群經理負責管理和維護品牌在社交媒體上的形象，與粉絲互動，促進社群參與，並回應用戶的評論和問題。 5. QA (Quality Assurance) 全名：Quality Assurance Engineer (品質保證工程師) 介紹：品質保證工程師負責測試產品或服務的品質，確保其符合品質標準，並發現並解決可能存在的問題。 6. PM (Project Manager) 全名：Project Manager (專案經理) 介紹：專案經理負責領導和管理專案團隊，制定專案計劃、監督進度、資源分配和風險控制，以確保項目按時高效完成。 7. CRM (Customer Relationship Management) 全名：Customer Relationship Management Specialist (客戶關係管理專員) 介紹：客戶關係管理專員負責與客戶建立和維護關係，聆聽客戶需求並提供解決方案，以提高客戶滿意度並促進客戶忠誠度。 8. PR (Public Relations) 全名：Public Relations Specialist (公關專員) 介紹：公關專員負責管理公司或品牌的公關活動和形象，與媒體溝通，發布新聞稿，組織活動，以提升公司或品牌的形象和知名度。 9. HR (Human Resources) 全名：Human Resources Manager (人力資源經理) 介紹：人力資源經理負責招聘、員工培訓、薪資福利管理、人員管理、勞動法規遵循等。 10. IT (Information Technology) 全名：Information Technology Specialist (資訊技術專家) 介紹：資訊技術專家負責管理和維護公司的IT系統和設備，解決用戶的技術問題，並提供技術支援和建議。