104學習

產品介面設計

產品介面設計
關注
邀請朋友
邀請朋友

Line

Facebook

複製連結

取消
「產品介面設計：負責設計及優化產品介面的使用者體驗，確保介面符合用戶需求及品牌形象。主要職責包括進行市場調查、使用者訪談及用戶測試，分析數據以提供有效的設計解決方案。需具備良好的視覺設計能力與互動設計知識，熟悉設計軟體（如Sketch、Figma），並具備優秀的跨部門協作與溝通技巧，能在多元團隊中有效交流想法。面對台灣市場的在地文化特色，需理解本地用戶的習慣及需求，並在設計中充分考慮跨平台的應用與響應式設計，以提升產品的市場競爭力。」
關於教室
關注人數 2 人
104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
學習主持人
持續分享知識，
有機會成為官方教室主持人
教室標籤
  • 產品介面設計
    • 關於教室
    關注人數 2 人
    104人力銀行從職缺中挑選出常見技能所成立的官方教室，提供大家進行共學互動。
    學習主持人
    持續分享知識，
    有機會成為官方教室主持人
    教室標籤
  • 產品介面設計
    • Hi~ 歡迎分享學習資源，有學習問題可匿名向Giver發問！
    我要分享
    我要提問

    產品介面設計 學習推薦

    PM雜學相談室－新手轉職PM交流區🙌
    關注
    知識貓星球

    喵星人

    2024/09/03

    新手如何學習 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 1245 1
    PM雜學相談室－新手轉職PM交流區🙌
    關注
    知識貓星球

    喵星人

    2024/06/27

    想學 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，成為一名出色的設計師！
    看更多
    想學 Figma 如何開始？給新手的自學推薦課程、資源網站
    user206203.pse.is
    Tutorials: Explore design features in Figma
    2 0 3306 2

    104學習精選課程

    想提升職場競爭力？專業技能課程看起來👇
    【安卓最新版】Android 9開發首部曲-UI與多頁面設計
    終極目標：3大重點技能取得 ✔ 特效讓主動畫的變化更加細膩 ✔ 搭配視覺化工具建立導覽圖，簡化整個app頁面設計流程，更快速拉出全部頁面與關聯性 ✔ 熟悉業界追蹤頁面流程的debug模式及使用Log功能 外加老師佛心來的，讓你一口氣取得24個Demo程式！
    緯育TibaMe
    【安卓最新版】Android 9開發首部曲-UI與多頁面設計
    終極目標：3大重點技能取得 ✔ 特效讓主動畫的變化更加細膩 ✔ 搭配視覺化工具建立導覽圖，簡化整個app頁面設計流程，更快速拉出全部頁面與關聯性 ✔ 熟悉業界追蹤頁面流程的debug模式及使用Log功能 外加老師佛心來的，讓你一口氣取得24個Demo程式！
    緯育TibaMe
    PM雜學相談室－新手轉職PM交流區🙌
    關注
    知識貓星球

    喵星人

    2024/06/06

    哪個產品設計與原型工具比較好？Sketch、Figma、Adobe XD 優缺點一覽！
    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相比功能稍嫌不足。
    看更多
    2 0 797 0
    你可能感興趣的教室