第一次就上手，前端工程新手指南
在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
緯育TibaMe104學習精靈
網頁UIUX
網頁UIUX
關注
邀請朋友 
Facebook
Line
複製連結
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
網頁UIUX 學習推薦
全部
影片
文章
如何在Figma中，一次將文字轉為大寫或小寫？懶人福音一鍵搞定超簡單
在設計中，文字格式的統一性非常重要。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）功能都能讓你更輕鬆地應對不同的設計需求。如果想要在設計過程中節省時間並提高整體設計效果，不妨試試這個方便的功能。
2
0
385 0
拍手
留言
分享
Line
複製連結
收藏
熱門精選
【最新】2024年11月AI課程熱門排行榜TOP 10：最受歡迎的AI學習課程推薦
從AI基礎知識到應用，市面上提供了各種AI學習課程：AI線上課程、AI實體課程，無論您是初學者還是專業人士，都可以找到適合自己的AI課程。本文將為您揭曉2024年11月最受歡迎的AI課程排行榜，幫助您輕鬆找到優質的AI學習資源，快速掌握AI技能。
本篇透過從104課程中心的用戶學習大數據，整理出大家都在搜尋的TOP 10 熱門課程；可透過排行榜，找到你所需的學習內容，增進職場的職能成長，加強自我競爭力，打造你的職涯藍圖！
第1名。ChatGPT x Excel | 職場必學商務數據分析術
講師將以系統化教學法，教授數據分析常用情境，搭上火紅 ChatGPT ，步驟式實戰，能隨學即用，讓你知道如何在工作中運用所學到的技能！
第2名。AI資料科學家【 聽課全系列 】
「基礎思維」AI資料科學的新朋友，必定要了解一下人工智慧的歷史里程碑與事件，從這裡出發，您也能與不熟悉這個領域的朋友侃侃而談地分享您所學領域的轉變與趨勢，而初學者免不了學習的十字路口，不知道該從哪個部分開始學習AI，這裡也會給您適合適當的指引。常常被混的網頁爬蟲與ETL您真的認識並了解嗎？聽聽看TibaMe的講師們怎麼說吧！
第3名。生成式AI應用速成：商業溝通師-數位行銷課(12/21開課)
🔴報名截止日：2024/12/8🔴
你可以學到
🌟AI 行銷創作零基礎也能秒上手｜不需任何行銷經驗，快速學會生成式 AI 工具，輕鬆打造吸睛行銷素材。
🌟行銷策略效果爆發式成長｜ 有效運用 AI 提升執行力，讓行銷效率飆升、策略效果倍增。
🌟精準鎖定目標受眾，打中痛點｜ 用 AI 技術解析消費者行為，精準掌握市場趨勢，一次抓住受眾需求。
🌟品牌形象全面升級｜ AI 創造獨特行銷風格，讓品牌成為目光焦點，迅速在市場中脫穎而出。
第4名。2小時輕鬆學AI | 基礎觀念與應用
從資料科學的基礎觀念談起、商業智慧、資料探勘、影像辨識等技術應用，最後再討論企業實際導入人工智慧所需的相關流程。
第5名。生成式AI應用速成：創作詠唱師-影音創作課(11/30開課)
🔴報名截止日：2024/11/17🔴
你可以學到
🌟虛擬角色打造 ｜ 從角色設計、到AI影片製作，一站式打造你的專屬虛擬網紅。
🌟短影音製作 ｜ 運用AI工具，快速生成各種特效、濾鏡，製作出精緻的短影音。
🌟內容行銷 ｜ 學習如何利用AI工具製作出更能觸動觀眾的內容。
第6名。生成式AI工具應用實戰 (線上直播課程)
你可以學到
行銷廣告文案+社群策略及內容+SEO生成+BingAI繪圖，一次學會生成式AI工具應用！
本課程「生成式AI工具應用」旨在教導學員如何利用最先進的生成式AI工具，特別是ChatGPT和微軟Bing AI繪圖工具，來提升行銷文案、社群媒體內容、SEO優化、廣告文案創作以及內容行銷的效率和成效。
第7名。生成式AI應用速成：創作詠唱師-繪圖設計課(12/21開課)
🔴報名截止日：2024/12/8🔴
你可以學到
🌟成為AI設計高手｜ 從設計小白變身AI設計達人，自信接下各種設計挑戰。
🌟擴大職涯發展｜ 掌握AI設計技能，提升職場競爭力，開拓更多職涯發展機會。
🌟節省設計成本｜ 減少外包設計費用，提高工作效率，為企業創造更多價值。
🌟實現創意無限｜ 突破傳統設計框架，用AI工具打造出獨一無二的視覺作品。
第8名。AI應用時代｜從邏輯思維到文字溝通，從職場複利到高效生活
藉由AI助手的力量，更高效地完成商務工作、激發靈感。也透過AI協助經營社群，包含工作行程、日常旅遊、飲食規劃等，提高短影音規劃的效率，進而產出斜槓複利。
第9名。一次搞懂 ChatGPT 工作法 | 5分鐘看懂，立即上手 AI 應用觀念！
5分鐘輕巧學：圖解式影音 X 25應用情境 X 30組AI神器
第10名。AI x 產品企劃(產品開發)實務應用班
你可以學到
往在產品企劃及開發上，所面臨到的難以解決的疑難問題，在未來都有機會利用AI工具進一步改善，取得更有效的解決方案。
本課程將教會您如何快速掌握AI在商業分析、創意生成、行銷文案、用戶旅程設計與消費者行為洞察中的應用，並了解如何將這些工具應用於產品企劃流程中。
更多AI課程推薦：
2
0
2415 0
拍手
留言
分享
Line
複製連結
收藏
104學習精靈精選課程
想提升職場競爭力？專業技能課程看起來👇
學習精靈
10/01 00:00
youtube.com
程式超級白EP5 | 談網頁設計 UI/UX（下）
26 0
分享
Line
複製連結
收藏
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中將文字保存為文字樣式，並有效地應用於設計中。
0
0
157 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
09/29 00:00
youtube.com
程式超級白EP4 | 談網頁設計 UI/UX（上）
10 0
分享
Line
複製連結
收藏
推薦給你
怎樣才是正確的撰寫產品規格書(Spec)過程？從需求確認到Kickoff Meeting 啟動專案步驟
撰寫產品規格書（Spec）的過程中，產品經理需要負責多個環節，是整個流程中的協調者和驅動者，從需求分析到專案啟動， 需要在過程中持續溝通與調整，確保產品順利開發並符合目標需求。以下是詳細流程：
1. 競品分析與需求確認
PM 首先進行競品分析，了解市場上類似產品的功能、優勢和不足，結合用戶需求確定產品方向。這包括分析競品的功能結構、用戶評價，並與設計師、業務方討論，確保需求符合產品願景及商業目標。
2. 撰寫初步規格書
在需求明確後，PM 開始撰寫規格書的初稿，將需求轉化為具體的功能描述，包括用戶故事、使用情境，以及功能的基本邏輯。這是一個草稿階段，重點在於梳理需求並準備進行內部確認。
3. 技術可行性確認
PM 與 RD 團隊開會，檢查功能需求的技術可行性，包括實現的難易程度、可能遇到的技術挑戰，以及潛在的解決方案。如果發現實現難度過高，PM 需要根據團隊的回饋調整需求或重新設定優先級。
4. 設計確認與用戶體驗優化
在技術確認後，PM 與設計師進一步合作，討論功能的用戶界面呈現方式，確保操作流程的流暢性和用戶體驗的最佳化。這通常涉及檢視設計原型或線框圖，並根據技術限制和需求進行多次修正。
5. 最終規格書完善
當技術和設計都確認後，PM 會將規格書細化，補充詳細的功能描述、邊界條件、技術 API 要求及驗收標準，確保開發團隊有清晰的執行方向。這是一份完整的需求文件，供團隊參考並執行。
6. Kickoff Meeting 啟動專案
規格書完成後，PM 會召集相關人員（包括 RD、設計師及業務方）舉行 Kickoff Meeting。在會議中，PM 簡要說明需求及目標，解答團隊的疑問，並確認專案的進度安排與責任分工。Kickoff Meeting 標誌著專案正式啟動。
PM 負責整合需求、協調資源，確保需求清晰、技術可行、設計合理，並推動專案按照既定方向前進，同時確保產品開發順利進行並達成目標。
0
0
264 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室