104學習

常常有平面設計師/視覺設計師，工作了一陣子之後覺得遇到瓶頸想換跑道、或看到UI/UX設計師的起薪較優渥，想要轉職但是不知怎麼開始，也不清楚要學些什麼，也許這篇文章是一個不錯的啟蒙。 在學習成為介面設計師之前，先了解這兩者實質上的差異，最大差別就是載體的轉換與動態交互的不同。 基本上都需要視覺傳達的基礎，非常仰賴字型、用色、排版、以及其他「美的形式原理」例如平衡、對比、協調等來塑形。平面設計多用於實體印刷品或網頁中等靜態溝通文宣；而介面設計是從靜態的視覺宣傳物一躍而成可以點擊、頁面切換、著重體驗與流程的交互行為。 若你現在是平面設計師，想成為UI/UX設計師卻不知道如何開始，可以參考以下五個脈絡，照著做一遍就很有感： 1.了解、熟悉雙平台元件規範、基礎交互原則 此階段為基本功，有點像是平面設計要學基本設計、CMYK等印刷基本知識，不知道這些知識就沒辦法做好成品。iOS與android分別都有提供基本的規範，從字級、字體、元件大小、樣式、互動行為等都有準則可供參考，是屬於偏生硬但是必須紮實打好基礎的必要知識。 雙平台官方也有釋出參考內容： android https://material.io/design iOS https://developer.apple.com/design/ 2.大量瀏覽設計案例 這邊案例包含線上一些設計作品網站以及實際使用各類產品的經驗；線上平台例如behance、dribbble、pinterest等等；或者你可以到app store去下載新上架、熱門排行榜上的app來實際體驗。將覺得有參考價值的畫面收藏或截圖下來；並盡可能的分類，例如「首頁」、「個人中心頁」、「登入流程」等等，作為後續靈感及複習的來源。 此步驟建議為一個持續性的學習動作；必須要持續不斷地維持瀏覽優秀作品的習慣；你會逐漸發現開始能夠比較案例的優劣，也可以慢慢的發現自己偏好某一種呈現形式，這有助於未來塑形你的個人設計風格。 3.實際臨摹與練習 接著開始大量的臨摹！廣義上來說，到這步才是真正開始學習設計，也是讓1、2點作用開始充分發揮的時候。一開始你可以先選定一個喜歡的主題或產品，例如常用的網站或app，嘗試進行幾個主要頁面的改版，試著用自己的想法去改變現版可以更好的地方，例如更適合的配色、按鈕的比例、改變元件的位置或樣式等等。 過程中一定會覺得很卡，做什麼都不確定，然後就再去觀察別人的作品怎麼做，慢慢修正自己的畫面，就這樣不斷地試做試做再試做，直到熟悉畫面的元件佈局以及有初步製作時的感覺與概念為止。 4.軟體的應用與熟悉 把軟體的熟悉寫在這麼後面的步驟，是想要表達用什麼工具不是太重要；如果會用Adobe系列的軟體，去學習其他介面設計軟體不是一件很困難的事。重點是你作品最終的呈現、你的視覺美感，而不是你用了什麼工具產出的。 目前業界以使用sketch和figma為主流，但在操作流程上差異不會太大；也不要太擔心選錯軟體，若學了sketch後再配合公司使用figma轉換也不會太困難喔(反過來也是) 。 5.讓同業的前輩給予建議 自己是察覺不到問題的。找個對此領域有涉略的前輩(設計師/企劃/研究員/產品經理都可)，請他們幫看作品有沒有很明顯的違和感，或是可以加強的地方，持續精進，成品會越來越完整與成熟。 以上，是總結五個大致上的流程，每個人學習的方法其實不盡相同，若本身有其他習慣的方式，也不用硬套用本文建議喔！祝大家學習愉快。 延伸閱讀： [嚼舌]產品設計師進化論2-UI/UX設計師與產品設計師差別 https://nabi.104.com.tw/posts/nabi_post_e981ec13-398f-42a4-9d8f-6da97147b274?utm_source=104nabi&utm_medium=share [嚼舌]產品設計師進化論3-UIUX設計師如何成為產品設計師 https://nabi.104.com.tw/posts/nabi_post_ffdca43d-8dd0-4d10-9a76-c63ac9b5561d?utm_source=104nabi&utm_medium=share

Runway 推出新一代圖像生成模型 Frames！ 創意者的福音來了！Runway 最新推出的 Frames，不僅實現了圖像生成技術的飛躍，更開啟了完整視覺世界構建的新篇章！🎨✨ Frames 不只是工具，更是創意產業的新引擎。隨著 AI 持續進步，Frames 將釋放更多可能，助力創作者突破想像極限，打造令人驚豔的視覺作品！ 現在就了解 Runway Frames，讓您的創意超越平凡！ 🌌🎥 #RunwayFrames #AI創作 #圖像生成 #創意未來 #品牌設計 https://1314520.com.tw/runway/

由於課程內容將以104履歷範本為教學架構， 為了確保學習成效，需要請學員先開通104履歷， 並填寫初版履歷，繳交連結供資格審核參考。 📍如何取得履歷連結？ 【電腦版】 ❶點選「My104」➡ ❷點選「履歷」➡ ❸點選「我的履歷」➡ ❹點選「‧‧‧」➡ ❺點選「取得連結」➡ ❻點選「複製連結」 【手機版】 ❶點選「左上三條橫線鈕」➡ ❷點選「履歷表」➡ ❸點選「‧‧‧」➡ ❹點選「取得連結」➡ ❺點選「複製連結」 【捷徑】 104 履歷表：https://pda.104.com.tw/profile/intro 可直接從步驟❸點選「‧‧‧」➡ ❹點選「取得連結」➡ ❺點選「複製連結」

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

什麼是 Google Stitch？用嘴巴就能「畫」出 App 的 AI 設計神器 🎨 傳統的網頁或 App 開發流程中，最耗時的就是「把想法變成視覺畫面」的階段。產品經理（PM）或創業者要先畫出密密麻麻的線框圖（Wireframe），再交給 UI 設計師精修，溝通成本高得嚇人。 Google 推出的 Stitch（stitch.withgoogle.com）就是為了徹底終結這個痛點。它是一套由 Google Gemini 驅動的 AI 原生設計畫布。 它最狂的地方在於：你不需要會畫畫，也不需要懂複雜的設計工具。 你只需要用簡單的文字（例如：「幫我做一個健身 App 的會員登入頁，要有進度條、深色模式」），甚至直接用說的（Voice Canvas 功能），Stitch 的 AI 設計助理就會「即時」在無限畫布上幫你把高質感的 UI 介面、互動原型（Prototype）直接生成出來。 為什麼你需要懂它？三大受眾的黃金應用價值 這款產品不是只給設計師用的，它真正的價值，是全面解放「非設計背景」的專業工作者： 1. 專業工作者 / 產品經理（PM）：告別靈魂畫手，溝通效率提高 10 倍 🧠 痛點： 腦中有很棒的產品想法，但每次畫出來的草圖都很像小學生作品，跟工程師或老闆溝通像在雞同鴨講。 Stitch 的價值： 以前開會前準備原型要花好幾天，現在你可以一邊和團隊討論，一邊對著 Stitch 下指令微調介面（「把按鈕變圓一點」、「這裡加上搜尋欄」）。Stitch 還能自動生成「點擊後的下一個邏輯畫面」，自動幫你把使用者旅程（User Journey）串起來。這讓 PM 在敏捷開發、Sprint 計畫時，能用最低的成本與團隊達成 100% 的視覺共識。 2. 求職 / 轉職者：履歷作品集「速成外掛」 🚀 痛點： 想轉職做產品經理（PM）、數位行銷或獨立開發者，但作品集裡沒有拿得出來的 App 或網頁原型。 Stitch 的價值： 它是轉職者展現「產品思維」的終極利器。你可以把你想做的 side project 想法餵給 Stitch，在幾分鐘內產出整套精美的 UI 介面。更厲害的是，它支援「一鍵匯出到 Figma（帶有命名圖層與自動佈局）」，甚至能產出 HTML/CSS 程式碼。在履歷上寫出自己能熟練運用 Google Stitch 進行敏捷原型設計，絕對會讓面試官眼睛一亮。 3. 外包接案者：用「超音速」提案，提高結案率與報價 💰 痛點： 客戶需求講得不清不楚，花幾天做好的提案不對客戶胃口，白白浪費時間。 Stitch 的價值： 在跟客戶初步諮詢時，你可以直接打開 Stitch，上傳客戶給的參考截圖或隨手畫的草圖（Stitch 支援草圖轉 UI 結構）。一邊講、一邊對著 AI 下指令，在 30 分鐘內現場把「設計雛形」做出來給客戶看。這種「即時回饋」的超專業提案力，不僅能讓你在競標中脫穎而出，更能直接把客戶的黏著度牢牢鎖定。 結語：AI 時代，懂「氛圍設計（Vibe Design）」才是贏家 在 Google Stitch 誕生後，設計的門檻已經被降到了最低。未來職場拉開差距的關鍵，不再是你會不會拉 Figma 的線條，而是你有沒有好想法，以及能不能用精準的邏輯引導 AI 產出你要的結果。現在就登入 stitch.withgoogle.com，開始用你的嘴巴「說」出你的第一個軟體設計吧！ Google Stitch https://stitch.withgoogle.com/

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

這份測驗提到的工具，附件為實戰運用在此系列作品中的部分！「形狀建立」勾勒線條，並透過「網格工具」填色工具。同時配合「全域色彩」與「封裝」功能，確保圖稿在輸出時，顏色精準且檔案完整，不跑字型。

收到面試通知後，很多人第一個動作是查公司資料。但真正開始準備時，常會遇到幾個問題：官網看完不知道重點、新聞太多不知道怎麼整理、職缺內容寫得很長卻看不出面試官真正想找什麼樣的人。 這時候，AI 可以成為你的「面試前研究助理」。它不是幫你背答案，而是協助你快速整理公司資訊、產業趨勢與職缺需求，再把這些內容轉成面試時能自然使用的回答素材。 面試前，先搞懂這 4 件事 面試前做功課，不是要把公司介紹全部背起來，而是要能回答這幾個問題： 第一，這家公司主要在做什麼？ 你需要知道公司的產品、服務、客戶族群與商業模式，避免只停留在「這是一間科技公司」、「這是一間電商公司」這種模糊印象。 第二，這家公司最近有什麼動態？ 例如新產品、合作案、展店、募資、品牌轉型或市場布局。這些資訊可以幫助你在面試中展現自己有做功課。 第三，這個產業正在發生什麼變化？ 你不需要變成產業分析師，但至少要知道近期有哪些趨勢，可能如何影響這家公司與你要面試的職位。 第四，這份工作真正重視哪些能力？ 職缺內容通常會列出很多條件，但面試官真正關心的，往往是你能不能解決這個職位目前需要處理的問題。 可以直接複製的 AI 指令 面試前可以把公司名稱、職位名稱、職缺內容和自己的背景一起丟給 AI，請它幫你整理重點。 ================================================================ 我即將面試【公司名稱】的【職位名稱】。 請你扮演「面試前研究助理」，幫我整理這家公司與產業資訊，目標是讓我在面試中能展現：我有做功課、理解公司需求，也能把自己的經驗和職缺連結起來。 請依照以下格式整理： 一、公司快速理解 1. 這家公司主要在做什麼？ 2. 主要產品或服務是什麼？ 3. 目標客戶或使用者是誰？ 4. 可能的商業模式是什麼？ 5. 和競爭對手相比，可能的特色或差異是什麼？ 二、近期動態 1. 請整理這家公司近期值得注意的新聞、產品、合作、募資、展店、裁員、組織變動或市場動態。 2. 請把不確定、需要我再查證的資訊清楚標註。 3. 如果你沒有即時搜尋能力，請直接告訴我需要提供哪些連結或資料。 三、產業趨勢 請整理【產業名稱】近一年值得注意的 5 個趨勢，並說明： 1. 這些趨勢對公司可能有什麼影響？ 2. 這些趨勢對【職位名稱】可能有什麼影響？ 3. 哪些觀點可以在面試回答中自然提到？ 四、職缺分析 以下是職缺內容： 【貼上職缺說明 JD】 請分析： 1. 這份工作最重視的 5 個能力 2. 面試官可能在意的經驗或成果 3. 我應該準備哪些作品、數據或案例 4. 可能被問到的 10 個面試問題 5. 回答時應避免的地雷 五、面試回答素材 請幫我產出 3 段自然、不像背稿的回答草稿： 1. 為什麼想加入這家公司？ 2. 你對這個產業的理解是什麼？ 3. 為什麼你適合這個職位？ 我的背景簡述如下： 【貼上你的工作經驗、專長、成果或履歷摘要】 最後請整理一份「面試前 10 分鐘速讀版」，包含： 1. 我一定要記住的 5 個公司重點 2. 我一定要展現的 5 個能力 3. 我可以主動問面試官的 5 個問題 4. 一段 60 秒內可使用的面試開場說法 ================================================================== 時間很趕，可以用精簡版 如果面試前只剩十幾分鐘，可以改用下面這段： ================================================================== 我即將面試【公司名稱】的【職位名稱】。 請幫我快速整理： 1. 公司在做什麼 2. 主要產品或服務 3. 目標客戶 4. 商業模式 5. 近期重要動態 6. 產業近一年趨勢 7. 競爭對手與公司差異 8. 這個職位最重視的能力 9. 面試官可能問的 10 題問題 10. 我可以反問面試官的 5 題問題 以下是職缺內容： 【貼上 JD】 以下是我的背景： 【貼上履歷摘要】 請最後幫我整理成「面試前 10 分鐘速讀版」，並標註哪些資訊需要我再查證。 ================================================================== 資料要怎麼提供給 AI？ 想讓 AI 回答更準，建議至少提供三種資料。 第一，公司名稱與職位名稱。 例如：「我要面試 ABC 科技公司的產品行銷專員。」 第二，職缺內容。 請直接貼上工作內容、條件要求與加分條件。AI 可以從中判斷這份工作最可能考察哪些能力。 第三，自己的履歷摘要。 不一定要貼完整履歷，但可以簡單整理過去職稱、主要經驗、擅長工具、專案成果與想強調的優勢。 例如： 我的背景是：有 2 年社群行銷經驗，曾經經營品牌 Facebook、Instagram，負責內容企劃、廣告素材發想與活動頁文案。曾協助一檔活動提高報名數 30%。熟悉 GA4、Meta 廣告後台與基本數據分析。 資料越具體，AI 越能幫你把個人經驗和職缺需求連起來。 不只整理資料，還要轉成面試語言 AI 幫你整理完公司與產業資訊後，可以再追問： 請把以上公司與產業資訊，轉換成我在面試中可以自然說出口的回答。請避免太正式、太像背稿，語氣要像真人面試回答。 如果你已經寫好回答，也可以請 AI 幫你檢查： 以下是我的面試回答草稿，請幫我檢查： 1. 是否太空泛 2. 是否有說服力 3. 是否有對應公司與職缺需求 4. 是否聽起來像 AI 生成 5. 請幫我改成更自然、更像真人面試回答的版本 我的回答： 【貼上回答】 這一步很重要。面試不是在考你背了多少資料，而是看你能不能用自己的話，說出對公司、職缺與自身經驗的理解。 面試時可以這樣回答 當面試官問「為什麼想加入我們公司？」可以用這個架構： 「我注意到貴公司主要在做【業務／產品】，服務的對象是【客戶族群】。我對這個方向有興趣，是因為它和我過去在【相關經驗】中的累積有連結。尤其我看到產業目前正在發生【趨勢】，我認為這個職位未來會更需要【能力】，這也是我希望能貢獻的地方。」 當面試官問「你為什麼適合這份工作？」可以這樣整理： 「從職缺內容來看，我理解這份工作最重視的是【能力一】、【能力二】和【能力三】。我過去在【專案或工作經驗】中曾處理過類似任務，例如【具體成果】。因此我認為自己不只是對這份工作有興趣，也有相關經驗可以比較快進入狀況。」 使用 AI 準備面試，別忽略查證 AI 可以幫你加快整理速度，但不要完全照單全收。公司最新產品、營收、員工數、募資、裁員、組織異動等資訊，最好回到公司官網、官方社群、新聞報導或徵才頁再次確認。 尤其是面試時要提到的公司近期動態，一定要查證來源。講錯資料，反而會讓面試官覺得你準備不夠扎實。 結語：AI 幫你省時間，但答案要像你自己 面試前做功課的目的，不是把公司介紹背起來，而是讓你更清楚三件事： 我了解這家公司。 我知道這份工作需要什麼。 我能說出自己的經驗如何派上用場。 AI 可以幫你整理資訊、拆解職缺、模擬問題、優化回答，但最後進入面試現場的仍然是你自己。最好的做法，是讓 AI 幫你省下查資料的時間，再用自己的理解和語氣，把答案說出來。

在數位化辦公環境中，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 文件都能成為你高效工作的得力助手。

你是一名 UI/UX 工程師嗎？是否在面對繁瑣的網頁元件設計與開發時感到壓力？v0 AI 工具將徹底改變你的工作方式。透過這款生成式 AI 工具，你可以輕鬆地將設計概念轉化為代碼，節省時間並提升效率，讓你專注於更具創意的工作。 在現代網頁設計與開發中，UI/UX 工程師的工作變得愈加重要，但同時也更具挑戰性。傳統的開發流程中，從設計到編碼，每一個步驟都需要精心打磨，這不僅費時，還可能出現溝通不順、實現困難等問題。這時，一個強大的 AI 工具便成了救星。Vercel 的 v0 AI 正是為了解決這些痛點而誕生。 ▍v0 AI 是什麼？ v0 是由 Vercel 推出的一款生成式 AI 工具，專門為 UI/UX 工程師設計。它能根據你的文字描述自動生成對應的網頁 UI 元件，並生成包含 React、Tailwind CSS 和 Shadcn UI 等現代前端技術的代碼。對於那些想要快速搭建網站或者進行原型設計的人來說，這無疑是一個革命性的工具。 ▍如何使用 v0 AI？ v0 AI 的工作原理相當簡單，但功能強大。首先，用戶只需輸入簡單的文字提示，描述他們需要的 UI 元件，如「一個簡單的聯絡表單」或「帶有暗模式的首頁橫幅」。隨後，v0 會根據這些描述，自動生成多個 UI 元件的代碼選項。用戶可以從這些選項中挑選最符合需求的一個，並且可以在此基礎上進行進一步的修改和優化。 這個過程大大簡化了 UI/UX 工程師的工作，使得即便是對於非技術背景的人員，也能輕鬆上手，從而加快設計與開發的整體流程。更重要的是，這款工具生成的代碼是基於現代前端框架的，因此與現有的技術棧無縫兼容。 ▍v0 AI 的優勢 ● 節省時間和精力：過去需要耗費大量時間設計和編寫代碼的部分，現在只需簡單描述，即可由 v0 AI 自動完成，這讓工程師可以將更多精力投入到創意設計和優化上。 ● 提高效率：v0 AI 能夠根據文字提示自動生成多個選項，讓 UI/UX 工程師可以快速篩選出最合適的解決方案，避免了反覆修改的麻煩。 ● 降低技術門檻：對於非技術背景的設計師來說，v0 AI 提供了一個友好的介面，讓他們無需深入理解代碼，就能輕鬆完成設計工作。 ● 現代技術支持：v0 生成的代碼基於 React、Tailwind CSS 和 Shadcn UI 等現代前端技術，確保生成的元件能夠與現有項目完美整合，無需額外的調整。 ▍v0 AI 的方案與費用 v0 AI 目前提供了兩種方案：免費版與付費版。免費版每月提供 200 個生成點數，適合小型項目或偶爾使用的用戶。付費版則每月提供 5000 個生成點數，月費為 20 美元，適合需要頻繁使用的專業設計師或開發團隊。 對於需要更高生成量或進階功能的用戶，付費方案無疑更具吸引力，因為它不僅提供更多的生成點數，還可能包括未來的高級功能更新和技術支持。 ▍v0 AI 的應用場景 不論你是剛入門的 UI/UX 工程師，還是經驗豐富的開發者，v0 AI 都能為你提供便利。對於初學者來說，它是一個學習和實踐設計概念的好幫手；而對於專業人士，它則是提升生產力的利器，幫助你在短時間內完成高質量的網頁設計。 此外，v0 還非常適合快速迭代和原型設計。在項目的早期階段，設計師可以通過 v0 快速生成多種設計方案，並與團隊進行討論和修改，最終選擇最佳方案進行深入開發。 v0 AI 的出現，為 UI/UX 工程師以及整個設計開發領域帶來了新的可能性。透過這款工具，你可以更快速、更有效率地完成網頁設計，並在設計過程中保持高度的靈活性。不論你的需求是什麼，v0 都能提供合適的解決方案，幫助你輕鬆應對各種挑戰。如果你還沒有試過這款工具，現在就是最佳的時機。 ➤ 立即使用：https://v0.dev/ ➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！

它不是一般的圖庫，一百多個 Prompt 範本。瞬間打造出一套完整的 Nano Banana 系列風格： nanobananaprompt.org/promp… 如果你想更深入研究不同 AI 風格語言，我也整理了幾個同樣值得收藏的國外 1. PromptHero — 萬用型提示詞百科 prompthero.com 2. Lexica Art — Stable Diffusion 最經典的風格語料庫 lexica.art 3. Krea — 更偏向『風格創作實驗室』 krea.ai/explo… 4. PromptMania — Midjourney 成功案例庫 promptmania.com 5. PromptBase — 提示詞的「市集」 promptbase.com

在設計中，文字格式的統一性非常重要。Figma作為設計師常用的設計工具之一，提供了方便的「文字轉換」功能（Text Transform），可讓用戶輕鬆將文字一次性轉為大寫、全小寫或標題大小寫。本篇文章將深入介紹如何在Figma中進行文字大小寫的快速轉換，幫助你提升設計效率。 ▮為什麼需要使用文字大小寫轉換？ 1. 提升設計一致性：當需要統一標題或段落的大小寫格式時，使用Figma的文字轉換功能可以確保整體設計風格一致。 2. 節省時間：避免手動逐字調整大小寫，提升設計流程的效率。 3. 更好地適應設計變更：在進行UI/UX設計迭代時，能夠靈活應對文字樣式的變更需求。 ▮如何在Figma中一次性將文字轉為大寫或小寫？ 以下是具體操作步驟： 1. 選中要轉換的文字層（Text Layer） 首先，在畫布（Canvas）上選中你想要改變大小寫的文字層。可以是標題、段落或其他文字元素。 2. 打開右側的屬性面板（Properties Panel） 當選中文字層後，Figma介面的右側會顯示屬性面板，這裡包含該文字層的所有設置選項，如字體、字重、字體大小、顏色等。 3. 找到「Text」部分 在屬性面板的「Text」部分，可以看到文字相關的設定，這是調整文字大小寫的起點。 4. 展開「Text Transform」選項 在「Text」屬性部分的下方，可以找到「Text Transform」選項。點擊展開後，你會看到以下選項： - Uppercase（全大寫）：將選中的文字轉為全大寫格式。 - Lowercase（全小寫）：將選中的文字轉為全小寫格式。 - Title Case（標題大小寫）：將文字轉為標題樣式，每個單詞的首字母大寫。 - Original Case（原始大小寫）：將文字恢復為原始的大小寫狀態。 5. 選擇需要的文字轉換方式 選擇合適的大小寫轉換選項，文字層會立即顯示出相應的效果，無需手動調整。 ▮文字轉換的最佳實踐 1. 統一標題格式：當你在設計標題或重要文字時，可以使用Uppercase選項，讓標題顯得更加醒目和專業。 2. 適用於批量轉換：可以一次選中多個文字層，然後應用相同的文字轉換選項，以實現快速統一。 3. 靈活應對設計需求變更：在設計過程中，當需要變更文字格式時，只需通過「Text Transform」即可快速完成修改，無需手動調整。 ▮結論 在Figma中，一次性將文字轉為大寫或小寫是提升設計效率和保持格式一致性的關鍵功能。無論是用於標題設計還是段落格式調整，文字轉換（Text Transform）功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果，不妨試試這個方便的功能。

在使用Word製作文檔時，常常需要在表格中插入圖片。不過這操作有時會帶來一些麻煩，例如圖片無法移動、圖片顯示不完全或者插入圖片後整個表格變形。本文將詳細介紹如何解決這些問題，幫助你在Word表格中插入圖片時保持表格的完整性和美觀。通過以下的步驟和技巧，你可以輕鬆地管理圖片和表格的排版 【無法移動】 1. 原因：你的圖片與文字自動排列預設是嵌入式的文字排列 2. 解決方法：選擇圖片，並且在上方的「圖片格式」的功能列找到自動，選擇除了與文字排列之外的任何一種文繞圖的自動判斷方式 【顯示不完全】 1. 原因：你的圖片在段落設定上被設定為「固定行高」，所以圖片會顯示固定行高的段位 2. 解決方法：我們只要選擇圖片在「常用」功能列下找到我們只要選擇圖片在常用功能列下找到「段落」的「行與段落間距」，選擇「行距設定」開啟「段落設定」，再以間距這裡的「行距設定」你會發現被設定為「固定行距」，這時我們只要將「行距設定」改成「固定行距」之外的其他設定即可完全顯示 【讓整個表格都變形】 1. 解決方法：你可以在插入圖片之前，先選擇表格在上方功能列的「版面配置」下點選內容開啟表格內容或者你也可以選擇表格，按右鍵直接開啟表格內容，再點選下方的選項開啟「表格選項」，將這裡的自動調整成內容大小勾選欄點一下取消勾選，按確定回到表格之後，這時我們再插入圖片，無論我們是將圖片插入到表格的任何一個欄位，都不會使表格變形。 ➤ 歡迎在104學習精靈關注【超級辦公室達人】獲得更多實用的小技巧！

在設計專案中，保持文字格式的一致性是非常重要的。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中將文字保存為文字樣式，並有效地應用於設計中。

新的一年開始，因有與大公司配合設計案件的執行，身為自由工作者的我，最近又要檢視一年一度的合約內容了。 雖然，看到落落長的條款，覺得好麻煩🥺但簽訂合約書，是給予雙方的保障權益。同時，也因立場的不同，對於責任歸屬和著作認定，更需多加審閱！ 而「著作權」是最常會遇到的其一問題👉 一般來說，創作者完成著作/設計，就享有著作權。 【設計者與業主合作，建立在雙方的信任】 合作就像是買賣的生意，業主需要設計者的「專業服務」，而設計者賺取應有的「收入報酬」。以不同角度的切入“設計者vs.業主”，雙方都要有基本的觀點，彼此合作才能順利長久！ ⭐️設計者的口碑： 1.具有專業技能，有效率的規劃工作進度 2.勿侵犯他人智慧財產權 3.積極的態度和用心服務 ⭐️業主的合作關鍵： 1.遵守付款的方式 2.具體的傳遞資訊，建立良好溝通 3.校對稿件需適當幅度的修正 【設計接案的流程】 1.了解專案需求→2.提供作品集和報價，給予參考→3.回簽報價單，確認執行＋收取訂金→4.溝通進行製作、校對、修改→5.結案提供完稿檔+申請尾款 【什麼是智慧財產權？】 「智慧財產權」是指個人的智慧，所創作出具有價值的產物。 而智慧財產權大致上可分成：著作權、專利權及商標權。 身為自由接案工作者，不免的來分享一下觀點，如先撇開法規的歸屬定義，通常業主較為在意的是“版權所有”，而設計者比較在意的是“作品集的展示發布”，所以，很常會遇到類似相關的問題： Q.作品集可以直接放前公司做的作品嗎? A.我的答案是可以的。 作品集的用途在於，求職的職務中所需提供的一項參考依據！只要設計美編的執行，無抄襲之疑慮，也沒有牽扯到商業行為，就沒有問題！ 而製作物如有涉及到個資，擔心會有所顧忌的話，可另修改為示意的假文字取代或模糊馬賽克處理。當然，貼心的提醒一下，如作品尚未曝光發布，就需要移除前公司的LOGO，避免有所爭議。 那麼，什麼情況是不被允許放入作品集內的呢？ 我們了解到，著作權是歸屬於設計創作者。 而如有簽訂設計合約，關於“著作權與使用權”之規範，就得看仔細啦！ 以上，分享個人經歷和看法，提供給大家做參考！🙂

過去十年，產品經理的工作模式其實沒有太大變化。 大多數PM的日常仍圍繞在三件事：整理需求、規劃roadmap、推動開發進度。這套方法在網路與行動時代行之有年，也培養出一整套成熟的產品流程與分工。 但現在，這個前提正在被動搖。 生成式AI的出現，讓產品開發的門檻大幅降低。過去需要工程與設計協作數週甚至數月才能完成的內容，如今透過AI工具，幾小時內就能做出初步版本。從文件撰寫、流程設計到簡單原型，都可以快速生成。 當「做出產品」變得越來越容易，一個更根本的問題開始浮現： 如果執行不再稀缺，產品經理的價值還剩下什麼？ 在AI原生公司Anthropic，這個問題已經不是未來，而是現實。產品開發的節奏不再以季度或半年為單位，而是以「幾天內完成一次驗證」來運作。這樣的變化，也迫使產品角色重新定義。 在一場公開訪談中，Claude Code和Cowork產品負責人Cat Wu提到，AI時代的PM，不再只是負責推動流程，而是必須主導決策與實驗方向。 這樣的轉變，代表的不只是工具升級，而是一整套工作邏輯的改寫。 從穩定規劃到快速實驗：產品節奏正在改變 傳統產品開發強調長期規劃。PM需要在專案初期蒐集需求、整理優先順序，並規劃出清楚的roadmap，讓團隊能在接下來的幾個月甚至半年內依序推進。 這種方式的前提是：開發成本高、修改成本也高，因此需要事前盡可能想清楚。 但當AI降低了開發與修改的成本，這個前提開始失效。 在Anthropic這類AI公司中，產品不再依賴長期規劃，而是以「實驗」為單位快速推進。團隊更關注的，不是未來三個月要做什麼，而是下一個最值得驗證的假設是什麼。 這種模式帶來一個明顯轉變：產品開發不再是線性的執行流程，而更像是一連串快速迭代的決策循環。 對PM來說，重點不再是把計畫排好，而是持續做出選擇。 從接收需求到重新定義問題 另一個明顯的變化，是PM面對需求的方式。 在傳統情境中，PM往往需要蒐集來自用戶、業務或主管的需求，整理後轉化為產品規格，再交由工程與設計實作。 但在AI時代，這樣的流程已經不夠。 因為AI讓「實作」變容易，真正困難的反而是「判斷這個需求是否值得做」。 許多需求其實只是表象，背後對應的是更深層的問題。如果PM只是照單全收，產品很容易陷入功能堆疊，卻無法真正解決使用者痛點。 因此，AI PM更重要的能力，是拆解問題、釐清本質，並重新定義要解決的核心。 換句話說，從「需求管理者」，轉變為「問題定義者」。 從協調者到能動手驗證的人 過去，PM的主要角色是協調不同職能。產品、工程、設計各司其職，PM負責整合資訊與推動進度。 但隨著AI工具的普及，這種分工正在鬆動。 現在的PM，可以透過AI快速產出流程草圖、使用情境、甚至初步原型，讓討論不再停留在抽象層，而是直接以具體版本為基礎。 這樣的改變，使PM不再只是「轉述需求的人」，而是能夠親自驗證想法的人。 對團隊而言，這也意味著決策速度加快。許多原本需要開會反覆討論的問題，可以透過快速產出版本來驗證，而不是單純依賴想像。 AI產品的關鍵，不只是能用，而是可信 AI產品帶來的另一個挑戰，是「可靠性」。 許多AI功能在展示時看起來表現不錯，但只要在關鍵情境中出現錯誤，就可能嚴重影響使用者信任。例如提供錯誤資訊、誤解使用者意圖，或在重要任務中失效。 這也是為什麼，「完成度95%」在AI產品中往往不夠。 因為剩下的5%，很可能正好發生在最關鍵的時刻。 因此，PM需要思考的不只是功能是否可行，而是產品在不同情境下的穩定性，以及如何設計機制來降低風險，例如提示使用限制、提供替代方案，或讓使用者更容易察覺錯誤。 產品的價值，不再只是能否完成任務，而是能否在關鍵時刻被信任。 轉型的關鍵，不在工具，而在工作方式 面對這些變化，許多PM的第一反應是學習新的AI工具。 這當然重要，但真正的轉型，其實發生在工作方式本身。 首先，是從「想清楚再做」轉變為「做了再優化」。 過去需要花大量時間規劃與對齊，現在則可以先做出版本，再透過回饋修正方向。 其次，是從「文件驅動」轉為「實驗驅動」。 產品決策不再只依賴文件與會議，而是透過實際測試來驗證。 最後，是從「分工合作」轉向「跨能力動手」。 PM不再只是整合資訊，而是能直接參與產出，縮短決策與執行之間的距離。 PM轉型的實際路徑 這樣的轉型並不需要一步到位，可以從三個階段逐步進行。 第一階段，是讓AI成為日常工作的助手。 例如用來整理資料、產出初稿、輔助分析，目標是建立基本的使用習慣。 第二階段，是重構工作流程。 開始用AI產出多個方案，並透過測試選擇方向，而不是只依賴單一版本。 第三階段，則是進入AI原生產品思維。 這時PM需要理解模型的能力與限制，並能設計出符合這些特性的產品體驗。 未來PM的核心能力，正在改變 在這樣的背景下，PM的核心能力也逐漸轉移。 快速產出原型的能力，讓想法可以更快被驗證。 問題拆解能力，決定是否能找到真正需要解決的核心。 對AI能力的理解，影響產品設計的可行性與風險。 而持續驗證與調整的能力，則成為產品成長的關鍵。 這些能力，與過去強調的流程管理或文件撰寫相比，更貼近「決策與判斷」。 PM的價值，正在被重新定義 當AI讓產品開發變得更容易，PM的價值就不再建立在「能不能把事情完成」，而是「能不能做出正確選擇」。 這包括判斷什麼值得做、如何驗證方向，以及在不確定中持續調整。 未來的產品經理，不一定需要成為工程師，但需要更接近產品本身——能快速理解問題、做出判斷，並讓想法在現實中被驗證。 這場轉變已經開始，而且不會等人。 對PM而言，關鍵不只是學會使用AI，而是重新思考，自己在產品中的角色，究竟是什麼。 https://www.youtube.com/watch?v=PplmzlgE0kg

從演藝人員到烘焙師傅，謝佳陵（Lisa）在第一次吃過志賀勝榮製作的麵包後，便下定決心要遠赴日本學藝，也從此找到了她的熱情所在。 推開麵包店大門，映入眼簾的是裝潢簡單的小空間，架上麵包排列得整整齊齊，一如女主人清爽打扮，素淨短髮、身著廚師袍，在店後的製作台前靜靜地將剛揉好的麵糰切成小塊，再整型成適當尺寸、樣貌，排列整齊後送入烤箱，讓它們在高溫中慢慢釋放出香氣，成就美味。 日復一日的麵包製作，從養菌、揉麵、發酵，到整型、烘烤，每天排定流程照表操課，看似無趣重複的步驟，謝佳陵（Lisa）卻甘之如飴。年輕時的她曾是周遊旗下的藝人，演戲好幾年卻一直沒嘗到大紅大紫的滋味，後來厭倦了演藝生涯，轉而開公司賣精品，也積攢了一些積蓄，不過她總覺得心裡有夢未圓，於是決定在 40 歲那年放下台灣的一切，遠赴日本學習烘焙。 遠赴日本學烘焙 人生40再出發 重新出發，當時謝佳陵連日文都不通，只因為很愛吃麵包、蛋糕，憑著一股現在想起來也不知從何而來的衝勁，從日語學校開始念，後來從東京法國藍帶學校畢業後，到日本酵母麵包大師志賀勝榮的烘焙坊實習。 實習只有3個月，後來她甚至央求老師讓她到店裡工作，謝佳陵成為志賀勝榮海外唯一的弟子，甚至後來她回台灣開店時，志賀勝榮還親自到台灣為她站台。 一個人在異鄉奮鬥，上班時身體各種撞到、燙傷都是家常便飯，體力上的負荷尤其沉重，身材纖瘦的她跟其他師傅一樣，經常要扛著 2 袋麵粉上肩運貨，由於志賀勝榮最重視前端發酵的控管，因此半夜就開始做麵包，謝佳陵也跟著上晚上 10 點到隔天中午的大夜班，就是希望能學到老師做麵包的核心精髓。 工作了 2 年，謝佳陵向老師提出在台灣開店的想法，得到志賀勝榮的認同，因此回台開了「味覺 の 感動」烘焙坊，將「志賀流」的烘焙理念帶到台灣。 詳見原文> https://hahow.in/cafeteria/articles/61ca8dc5edcae80007cbf80f

ChatGPT Images 2.0上線後，忍不住做一輪實測。 這次升級超有感：中文字型不會變亂碼，排版邏輯順很多，再也不是「乍看很美、細看想報警」的狀態。 試做了海報文宣、手繪塗鴉風、社群圖卡，還有不同尺寸版本，整體表現都比以往更好。 當然，AI依然不是許願池，如果有明確需求，提示詞怎麼寫還是很關鍵。尺寸、文字、風格、參考圖，精準一點都能避免大走鐘。 整理好的實測結果、提示詞5招、網路熱門手繪風提示詞詳見整理： https://blog.104.com.tw/chatgpt-images-2-0-sop/?utm_source=104&utm_medium=104nabi_aiclassroom 這組圖也是ChatGPT製作的，大家覺得如何？

學習 Figma 對於新手來說可以是個有趣且有成就感的過程，因為 Figma 是一款直觀且功能強大的設計工具。這篇文提供十個方法給想要學習Figma卻不知從何下手的新手，以下是幾個步驟，幫助你快速上手 Figma： 1. 理解 Figma 的基本概念 - 介面概覽：熟悉 Figma 的介面，包括工具欄、層次結構面板、屬性面板和畫布。 - 設計基本概念：了解什麼是框架（Frame）、元件（Component）、自動佈局（Auto Layout）等基本概念。 2. 學習基本工具 - 選取工具：學會使用移動工具、選取工具。 - 形狀工具：嘗試創建矩形、圓形、線條等基本形狀，並練習調整它們的大小、顏色和邊框。 - 文字工具：學習如何添加文字，並調整字體、大小和顏色等屬性。 3. 熟悉元件（Component）和樣式（Styles） - 元件系統：了解如何創建和使用元件，可以提高設計的重複使用性和一致性。 - 樣式管理：學習如何創建和應用顏色、字體樣式和效果樣式，這樣可以快速一致地應用設計。 4. 學習 Auto Layout（自動佈局） 自動佈局：這是 Figma 非常強大的功能，學會使用它來創建響應式設計。掌握如何讓元件自動排列和調整大小。 5. 探索 Figma 社群和資源 - 社群資源：Figma 社群提供了豐富的免費模板、元件庫和插件。你可以下載這些資源來學習和提高自己的設計技能。 - 官方教程和文件：Figma 官方網站有詳細的教程和文檔，這是學習 Figma 的最好資源之一。 6. 實踐項目 - 小型項目：開始時可以嘗試重現一些簡單的 UI 設計，比如一個登錄頁面或簡單的手機應用介面。這樣能幫助你加深對工具的理解。 - 模仿練習：選擇你喜歡的設計作品，試著在 Figma 中進行模仿，這是很好的學習方式。 7. 使用快捷鍵 提高效率：學習並練習 Figma 的快捷鍵，比如複製、粘貼、對齊等操作。掌握快捷鍵可以大大提高你的工作效率。 8. 持續學習 - 參加設計挑戰：參與一些設計挑戰，比如 Dribbble 或 Behance 的挑戰活動，能讓你有機會應用學到的技能並獲得反饋。 - 關注設計趨勢：經常瀏覽設計博客、YouTube 頻道、Twitter 和 LinkedIn，關注最新的設計趨勢和 Figma 的更新。 9. 加入設計社群 設計論壇：加入像是 Designer Hangout 或 Figma 社區等設計論壇，與其他設計師交流，尋求幫助，分享作品。 10. 探索進階功能 - 原型設計：學習如何使用 Figma 的原型設計功能，來模擬和測試你的設計交互。 - 插件使用：了解和使用 Figma 的各種插件來提高工作效率，比如圖標庫、資料生成器等。 開始學習 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，花點心思為媽媽設計一張獨一無二的賀卡。 比起買現成的卡片，這樣的祝福更溫暖、也更有意義。祝你母親節快樂，創作愉快！

如何撰寫軟體產品經理（PM）的履歷？本文將提供一份軟體產品經理履歷範本，涵蓋PRD撰寫、Mockup設計、Google Analytics（GA）、Google Tag Manager（GTM）等核心技能，並以具體數據佐證，助你在求職過程中脫穎而出。 【軟體業PM產品經理 - 履歷範本】 1. PRD撰寫與管理 ◯ 撰寫並維護詳細的產品需求文檔（PRD），包括產品功能、用戶需求和技術規格，累積20多個專案。 ◯ 確保開發團隊和利益相關者對產品目標有清晰的理解，從而提高產品開發效率30%。 2. 用戶需求分析 ◯ 主導市場和用戶需求調查，收集並分析數據，調查涵蓋500多名用戶。 ◯ 將用戶需求轉化為具體的產品功能和特性，成功增加新功能，使產品使用率提高25%。 3. 跨部門協作 ◯協調設計、開發、測試和市場行銷等跨部門團隊，管理團隊規模達50人。 ◯ 確保產品開發和上市過程的順利進行，縮短產品上市時間20%。 4. Mockup設計 ◯ 使用設計工具（如 Sketch、Figma、Adobe XD）製作產品的原型圖（Mockup），設計超過100個界面。 ◯ 展示產品的視覺設計和用戶交互方式，根據反饋進行多次迭代，提升用戶滿意度40%。 5. 用戶故事與流程設計 ◯ 撰寫用戶故事 (User story) ，設計用戶流程圖 (User flow)，確保產品滿足目標用戶的需求和期望。 ◯ 提高用戶體驗評分至4.5/5分。 6. 產品測試與反饋 ◯ 組織並參與產品測試，收集用戶反饋，進行100多次測試迭代。 ◯ 根據反饋進行產品優化和改進，將產品故障率降低50%。 7. 數據驅動決策 ◯ 使用 Google Analytics 分析產品使用情況，並根據數據制定優化策略 ◯ 成功將用戶留存率提高15%，並提升月活躍用戶數至100萬人。 8. GTM（Google Tag Manager）管理 ◯ 設置和管理 Google Tag Manager，實現精確的數據跟蹤和事件監控。 ◯ 通過 GTM 的數據標籤優化，提高數據收集效率25%，增強數據分析的準確性。 【參考撰寫重點】 1. PRD撰寫與管理： 詳細描述產品需求，涵蓋功能、用戶需求和技術規格。 2. 用戶需求分析： 收集和分析數據，將用戶需求轉化為具體功能，量化成果。 3. 跨部門協作： 協調設計、開發和市場團隊，確保項目順利進行，並量化協作成果。 4. Mockup設計： 使用設計工具製作原型圖，展示產品設計和交互方式，根據反饋進行迭代。 5. 數據驅動決策： 利用Google Analytics（GA）和Google Tag Manager（GTM）進行數據分析和優化，量化提升效果。 ### 貼心提醒 此工作能力摘要僅供參考，請根據自己的實際經歷進行擷取和改寫，不可直接全部複製貼上，以確保履歷的真實性和個人特色。請確保所有內容均能真實反映您的技能和經歷。

https://www.youtube.com/shorts/03QYZLDd8Bs 你喔想要找一群聽話的?還是一群難搞的合夥人? 如果你身邊的人只會順著你 你的事業高度，將永遠被鎖在你這個人的天花板之下 真正的領袖，都有被挑戰的勇氣 商業系統要優化，一定是不斷糾錯 我成立The One創業學院，不是為了找一群聽我話的粉絲 我要的是敢夢敢想、敢挑戰我、也敢被我挑戰的戰友 真正的夥伴，不一定能永遠讓你開心 但他一定可以讓你成為一個更有價值、更值得被喜歡的領袖 這也是我團隊夥伴的人數、收入還有自由，能夠持續倍增的秘密 私訊我"挑戰合夥"尼歐教練，陪你練

在現今數位行銷領域，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的知識和技能，無論是準備考試還是實際應用，都能事半功倍！

如何自學平面設計？本文精選十本設計師推薦的入門書單，更包含經典平面設計線上課程，提供最實用的設計自學工具。 如何自學平面設計？本文精選十本設計師推薦的入門書單，推薦給想要培養設計思維和美感的任何人，就算毫無基礎也能輕鬆閱讀。現在就開始探索，踏出認識設計的第一步： 品牌 Logo 設計心法 1. 好 LOGO，如何想？如何做？：品牌的設計必修課！做出讓人一眼愛上、再看記住的好品牌+好識別 作者：David Airey 最多設計師推薦的 Logo 暢銷書，甚至被許多人稱為自己讀的唯一一本 Logo 設計書。濃縮了歐美一線設計師的經驗談，不只清楚闡述 Logo 及品牌設計原理，連報價、溝通等與品牌客戶合作的秘訣也涵括在內。 2. 脫穎而出的品牌致勝秘密 2：從小公司到大企業都要看！品牌經營者必讀聖經 作者：Alina Wheeler 雖然書名談的是品牌，但其心法對於所有有心了解品牌塑造、識別設計、Logo 設計的設計人都至關重要，完整介紹了品牌塑造的必備要素與設計流程，是設計師們值得收藏的一本書。 3. 好設計，4 個法則就夠了：頂尖設計師教你學平面設計，一次精通字型、色彩、版面編排的超實用原則 作者：Robin Williams 國內外設計師同聲推薦的設計經典，總印量逾 80 萬冊，堪稱是最受歡迎的平面設計書，非常適合沒有任何背景的自學者。從最基本的設計概念，以「相近、對齊、重複、對比」為中心，加上大量的案例、測驗、練習，讀者可以由淺入深一步步內化知識，也可以當作工具書時時查找學習。 4. 玩出絕妙好設計 3：版面的準則 作者：內村光一 「玩出絕妙好設計」系列（準則系列）共有三本，向來是設計人必推書單，這裡特別推薦《版面的準則》，以文字、照片、插畫等不同中心的版面設計分類，提供大量的實用範例，不管是海報、DM、雜誌頁等都適合參考，為版面設計打下扎實基礎。 詳見原文> https://hahow.in/cafeteria/articles/6059bb974584fcbf87dec2c1

想像一下，你是一位忙碌的專業工作者或求職者，想要快速建立一個專業的網站來展示你的作品集、個人品牌，或是吸引潛在客戶與雇主，但你完全不懂寫程式，也沒時間從頭學起。這時候，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/