UI UX 設計模式 - 由大學 UX 講師 - 2023

Contents

深入用戶界面設計模式和 UI 組件 + 使用設計工具 figma 創建這些設計模式

從這 7 小時的課程，你會學到

用戶界面( UI )設計
用戶界面設計模式( patterns )
用戶界面設計的最佳實踐
用戶體驗( UX )設計
設計
Figma

要求

所有技能，非常適合初學者

課程說明

第1部分：

設計模式是一組與用戶如何使用產品和用戶界面元素有關的用戶界面指南和規則。對於任何 UX 或 UI 設計師來說，理解這些設計模式是必須的。例如表單欄位、下拉選單、導航欄、選項卡欄( tab bars )、日期選擇器等。我們將深入研究每個用戶界面組件，並將涵蓋以下內容的最佳實踐：

表單欄位
按鈕
下拉選單
日期選擇器
單選按鈕、複選框和切換
地址表和搜索表
標籤欄( Tab Bars )和標題欄( Title Bars )
可折疊/展開內容區域的元件( Accordion )和標籤( Tabs )
工具提示和陰影
縮略圖和輪播
模態框和燈箱
選單和抽屜
嚮導( Wizards )、頁面路徑( Breadcrumbs )導航和分頁( Pagination )
圖標( Icons )和照片

使用設計模式非常有幫助，主要是因為它們可以節省時間（金錢）並更快地為我們帶來更好的結果。這是敏捷應用開發的核心理念。作為設計師，我們可以利用這些模式並在日常設計決策中使用它們，因為這些模式和組件每天都會在許多用戶體驗中使用，並且用戶已經習慣了這些模式的工作方式。這些模式比從頭開始設計或創建全新的用戶界面風險更小。我們不需要將它們完全應用到我們遇到的每個問題上，而是可以在它們的基礎上進行構建，利用我們的經驗來指導我們的決策，因為我們知道這些模式是有效的。

隨附課程材料和 Figma 設計檔案。

關於 Figma 文件
視訊中有稱為“課程材料”的說明，我也附上了說明
每個視訊主題還附加了特定的課程材料，但你可以在名為“課程材料”的課程中下載所有這些材料

第 2 部分 – Figma 設計：
我提供了一個 Figma 檔案，我們將其用作你可以下載的專案。然後，我們將使用設計工具 Figma 逐步在實時原型中建構設計組件

希望你喜歡這堂課

目標受眾

用戶體驗和用戶界面設計師
用戶體驗設計師
用戶界面設計師

講師簡介

Aron Lawrence 在舊金山的 UX 講師 & 產品設計師 ( 更多講師主講課程介紹 )

您好，我是 Aron。我是一家名為 Pivotal 的公司的 UX 首席設計師，舊金山藝術學院( Academy of Art University )的 UX 講師。

我從事設計已經 13 年了，是的，無論你是初學者還是想學習一些高級技術，你都應該參加我的課程，該課程將指導你完成 UX 設計過程。我們將仔細研究以用戶為中心的設計和設計思考理念，然後在每個部分停下來，深入研究工具，最佳實踐和設計方法，將抽象轉變為易於理解的策術性手段。我花了無數的時間來創建此內容和可下載的文檔，以幫助你練習每個主題。這些內容很多是我在大學教授的內容，在此供你使用。

我的幸福模式是設計和製造供人們使用的東西。我練習精益和敏捷的方法，以及以用戶為中心的設計、設計思考、UX 研究、假設驗證、互動設計、用戶測試、組件驅動的設計和視覺設計。你可以通過觀看 UX 設計101課來學習所有這些內容。

觀看免費預覽的影片，以了解有關該課程的更多資訊。

感謝並祝你快樂地設計 !

英文字幕：有

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

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