第一次就上手，前端工程新手指南
在現代科技領域中，前端工程師扮演著關鍵的角色，負責開發各式網頁應用程式，並解決各種技術挑戰，這門課程將幫助你了解前端工程師的世界，教你如何找尋自己的職涯方向，準備面試等。課程將由專業的104 Alex老師帶領，提供實際的指導和支持，讓學員能夠快速成長為一名優秀的前端工程師！
104學習精靈
UX design
UX design
關注
邀請朋友 
Facebook
Line
複製連結
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
908 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
06/12 00:00
youtube.com
What is UX design and design in general? | UX 應用設計與設計理念
96 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
965 0
拍手
留言
分享
Line
複製連結
收藏
學習精靈
08/14 00:00
youtube.com
Notion歐美爆紅免費筆記軟體 - How I use notion as a UX design student |喬安Talk|
7 0
分享
Line
複製連結
收藏
推薦給你
Google發表：Gemini 2.0 全新AI模組介紹、四大亮點一次看
在ChatGPT傳出全球大當機災情的同一天，Google 發布了全新 AI 模型 Gemini 2.0。
不僅支援多模態物件，Gemini 2.0採用更精準、強大的代理式AI系統，幫助使用者主動提前思考並完善指令，打造更符合使用者需求的全方位AI人工智慧助理！
▍Gemini 2.0 亮點搶先看
※ 深度學習有效處理複雜問題：採用「深度研究」學習技術功能，大量運用高級推理和長上下文功能充當研究助理，探索複雜的主題並代表使用者編寫報告。
※ 多模態能力生成準確內容： 除了文字生成外，Gemini 2.0 還能直接生成圖片和音訊，並且能有效處理口音問題轉化成更準確的訊息內容。
※ 實現代理式 AI 的多元運用： 不只是AI助理，Gemini 2.0升級的代理式AI系統，能更主動的做出決策，為使用者提前思考，並在使用者的監督下執行任務。Gemini 2.0將以此為基石，使用在Project Astra助理工具與其他開發者工具中。
※ 活化並整合 Google 產品： Gemini 2.0 將逐步整合到 Google 的搜尋、地圖等產品中，為使用者帶來更智能、更個人化的體驗。
Gemini 2.0預計2025年1月正式推出，在此之前，使用者們可以透過Google AI Studio網站搶先體驗Gemini 2.0測試版的與眾不同。
➤ 立即試用：
➤ 歡迎在104學習精靈關注【AI趨勢報－科技愛好者的產地】獲得更多科技新知！
0
0
2052 1
拍手
留言
分享
Line
複製連結
收藏
你可能感興趣的教室