第一次就上手，前端工程新手指南
在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
104學習精靈
UX design
UX design
關注
邀請朋友 
Facebook
Line
複製連結
「UX design：負責設計使用者友好的介面，以提升數位產品的整體使用體驗，主要專注於用戶需求分析、原型設計和用戶測試。此職位要求具備良好的視覺設計能力、交互設計知識以及分析數據的技巧，並能有效進行跨部門協作，與產品經理和開發團隊密切配合。考慮到台灣職場的文化背景，需具備良好的溝通技巧，能快速適應快速變化的市場需求，並保持對用戶需求的敏感度，以確保設計方案符合當地使用習慣。」
Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
我要分享
我要提問
UX design 學習推薦
全部
影片
文章
新手如何學習 Figma？學習管道一次看
學習 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 時，最重要的是保持好奇心和耐心，逐步掌握基礎，隨著時間的推移，你會發現自己的設計技能有顯著提高。
0
0
1048 0
拍手
留言
分享
Line
複製連結
收藏
熱門精選
🎓 共學會員限定｜專屬AI課程優惠券來啦！
感謝你加入 104 AI 趨勢報共學社群，你的學習路上我們陪你一起前進！現在提供兩組專屬優惠券，幫助你輕鬆解鎖AI實力，快來領取吧！ 折扣碼在這邊↓↓↓↓↓
🔥 優惠一：
輸入折扣碼 `iloveai` 享 AI 熱門課程 8 折優惠
👉 前往領券頁面輸入折扣碼：
📘 適用課程（TibaMe AI 實戰路線）：
★尹相志的 ChatGPT 全攻略｜AI 溝通術 指令技巧大公開【2.0 升級版】
★AI-900 認證攻略 | AI 基礎入門 未來職場通行證
★成為 AI 科學家｜資料分析師必備視覺化技能 Power BI
★AI簡報3項思考力，ChatGPT倍速提升商業競爭力！ 目標思考、換位思考、邏輯思考
---
💰 優惠二：輸入折扣碼 `104ai` 立即折抵 NT$180
👉 同樣前往領券頁面輸入折扣碼：
📘 適用課程（104學習精靈精選AI專題）：
★ 數據分析師｜入門實戰：Excel x AI 打造最強數字力｜104獨家線上課🔗https://nabi.104.com.tw/course/104nabi/700f35aa-e227-4a12-b673-3b5931342c02
★找尋讓你發光的職涯天賦｜AI 個人化報告 x 專業測驗解析 ｜104獨家線上課🔗https://nabi.104.com.tw/course/104nabi/6b91a48a-b6a6-4fa7-b65f-4f3fd9b5b3e0
★【履歷一投就中】ChatGPT4大神技，打造HR最想錄取的履歷｜104獨家線上課🔗https://nabi.104.com.tw/course/104nabi/fde3d341-4750-4654-b203-ce6259a519c2
★用AI高效備戰面試，輕鬆拿下夢幻 Offer｜104獨家線上課🔗https://nabi.104.com.tw/course/104nabi/3e38f453-f9ed-4045-a51f-4375d2b12d59
🚀 不論你是AI新手還是想進一步強化職場競爭力，這波專屬優惠都是你啟動未來力的最佳時機！ 快前往領取，和共學社群一起進化 💪
學習精靈
06/12 00:00
youtube.com
What is UX design and design in general? | UX 應用設計與設計理念
105 0
分享
Line
複製連結
收藏
想學 Figma 如何開始？給新手的自學推薦課程、資源網站
自學 Figma 這款強大的設計工具有很多資源和課程可以推薦，無論你是初學者還是有經驗的設計師，都可以透過以下提供的優質的自學資源和課程精進自我！
【初學者課程】
1. Figma 官方資源
✶ Figma 101: Figma 官方YouTube頻道
✶ Figma 速成班: Figma 提供的官方指南和文檔，幫助你快速上手。
2. Coursera
✶ Web Design for Everybody: Basics of Web Development & Coding: 提供了一個很好的起點，其中包括對 Figma 的介紹和使用。
3. Udemy
✶ Learn Figma - UI/UX Design Essential Training: 一個全面的入門課程，涵蓋 Figma 的基礎知識和實踐技巧。
4. YouTube
✶ DesignCourse: 提供許多免費的 Figma 教學視頻，從基礎到進階都有。
【資源網站】
1. Figma 社區
Figma 社區提供了許多免費的設計模板、插件和教程，是一個豐富的資源庫。
2. Medium
UX Collective: 有很多關於 Figma 的文章和教程，適合進一步提升設計技能。
3. Dribbble
Dribbble 上有許多設計師分享的 Figma 文件和作品，可以用來學習和參考。
【自學建議】
☛ 實踐為主：在學習理論的同時，多進行實踐練習。可以模仿一些知名設計師的作品，從中學習他們的技巧和設計思路。
☛ 參加社群：加入 Figma 的線上社群，如 Slack 群組、Facebook 群組或論壇，與其他設計師交流，分享經驗和問題。
☛ 持續學習：設計工具和趨勢不斷變化，保持對新技術和新方法的關注，不斷提升自己的設計水平。
希望這些資源能幫助你順利自學 Figma，成為一名出色的設計師！
1
0
2375 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
08/14 00:00
youtube.com
Notion歐美爆紅免費筆記軟體 - How I use notion as a UX design student |喬安Talk|
8 0
分享
Line
複製連結
收藏
推薦給你
【AI挑戰001】ChatGpt創造自己的line貼圖! 歡迎分享你的作品!!
生成步驟與指令：
1. 開啟ChatGPT，在提示框上傳人物或寵物照片
2. 輸入指令：「參考上傳照片生成一套6張公仔風的Line貼圖，包括以下表情、情境與文字：『開心』『Love』『拍拍』『哭哭』『生氣』『無言』」
3. ChatGPT將提供6張符合主題的貼圖設計，每張貼圖皆有明確的表情與情境。
確認無誤後，即可下載圖片檔，並快速上架到Line貼圖平台販售或自用。Line貼圖申請上架網址：
0
1
168 0
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室