fbpx

UX/UI 設計原則精簡版(理論+Figma 練習)

Contents

了解用戶體驗(User Experience,UX)和用戶界面(User Interface,UI)設計原則,例如啟發式規則(heuristic rules)和最佳實踐。

從這 2 小時的課程,你會學到

  • 通過理解用戶體驗理論改進設計結構
  • 通過理解 UI 理論改進你的設計
  • 改善與你的 UX 或 UI 團隊的溝通
  • 為你或你的客戶改進現有網站

要求

  • 想了解更多關於 UX/UI 設計的資訊
  • Figma 的基礎水平(僅當你想跟隨最後的練習時)

課程說明

今天,我們將學習 UX/UI 設計原則。

在查看 UI 設計時,我們通常可以分辨出哪種設計效果更好,但是當你開始進行自己的設計時,突然就不再那麼容易了。

如此讓我們如此喜悅的順暢過程和完美分配的背後秘訣是什麼?

在不到兩個小時的時間裡,我將向你展示 UX/UI 設計原則,以及這帶來的影響、方法和原因。

在本課程中,我結合了理論概念、現實生活中的示例和最終的實踐練習,以確保它不僅是理論,而且是一種你可以立即應用於 Web 和 App 線框( wireframe )設計的技能。 但是,請注意,這是一門綜合理論課!

本課程主要分為兩部分:

第 1 部分:用戶體驗設計原則

在第1 部分,我們將深入探討用戶體驗設計原則,這將大致基於尼爾森啟發式( Nielsen Heuristics ):

  1. 真實世界的參考、心智模型以及如何使用它們
  2. 雅各布定律( Jakob’s Law ) – 為什麼其他頁面對你自己的頁面很重要
  3. 一致性是關鍵
  4. 希克定律( Hick’s Law )——在選擇和限制下工作
  5. 神奇的數字是 4 !
  6. 常見的頁面定位和掃描模式
  7. 反饋和系統狀態
  8. 錯誤預防
  9. 錯誤處理
  10. 關於多巴胺和倫理設計的一句話
  11. EXERCISE(+Figma File)–> 我們正在用 Figma 構建線框!

第 2 部分:用戶界面設計原則

在第 2 部分,我們將學習用戶體驗設計原則。 這部分主要基於格式塔理論:

  1. 審美可用性效應 – 何必呢?
  2. 什麼是視覺層次?
  3. Prägnanz 法則 – 簡單是關鍵!
  4. 相似法則 – 使用顏色、大小和形狀來創建設計系統
  5. 關於文本和觸摸目標大小的更多資訊
  6. 鄰近法則 – 間距系統和網格
  7. 公共區域法則 – 創建部分並為佈局添加結構
  8. Von Restorff 效應 – 在你需要的地方吸引註意力
  9. 共同命運法則 – 行為預測
  10. 本能反應 – 設計中的情感
  11. EXERCISE(+Figma File)–> 我們正在使用 Figma 將線框轉換為 UI 設計。

第 3 部分:一些額外的小東西

作為一份小禮物,這裡有一些我其他課程的額外內容,可以更深入地研究我們接觸過的一些主題。 享受這門課!

不管你是 UX 設計新手,或想重溫自己的技能,這門課都適合你。 這是 moonlearning 的課程。

目標受眾

  • 不管你是用戶體驗/用戶界面設計的新手,或只是想溫習一下自己的技能,本課程適合你。
  • 過渡到 UX 或 UI 設計的平面設計師
  • 希望提高對常見 UX 理論的理解的 UI 設計師
  • 希望與 UI 團隊更緊密合作的 UX 設計師

講師簡介

Christine moonlearning moonlearning

大家好,我是 moonlearning 的創始人 Christine Vallaure,moonlearning 是一個 UX/UI 設計 + Figma 學習中心。

moonlearning 是我的寵物專家,它已經變成了一份全職工作,對此我感到非常高興。 我喜歡談論、教授和撰寫關於 UX/UI 設計和 Figma 的文章,總是鼓勵 UI 設計師和開發人員對彼此的工作保持好奇。

除了視訊教程,我還提供現場和線上研討會,並在會議和聚會上發言。 在 Twitter、LinkedIn、YouTube 上和通過我的時事通訊與我聯繫,這樣我可以讓你了解未來月球學習冒險的最新資訊。

你會在 Udemy 上找到我最初的一些 moonlearning 課程的一小部分。 內容被縮短並調整為 Udemy 格式。 享受!

英文字幕:有

  • 想要了解如何將英文字幕自動翻譯成中文? 請參考這篇 How-To

  • 點選這個優惠連結 課程特價 | Udemy 永久擁有課程 NT390 起( 在電腦瀏覽器登入,點選“優惠連結”後再回想要的課程介紹中點選“報名參加課程”即可取得 )
  • Udemy 現在越來越多課程有中文字幕,請參考 Soft & Share 中文線上課程
  • 手機上點選優惠連結看到的價格比電腦上看到的貴
  • $代表當地貨幣, 如在台灣為 NT
  • 點選”報名參加課程”有可能因瀏覽器 cookies 轉久一點或回報錯誤而無法連上,請稍等刷新或重新點選就會出現

報名參加課程

Sponsored by Udemy


Lingoda

也許你會有興趣

不受 FB 演算法影響,歡迎透過 e-mail 訂閱網站更新

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料

Powered by WordPress.com.

Up ↑

%d 位部落客按了讚: