UI元件

UI設計現在越來越重要，對於提升用戶體驗有著不可忽視的影響力。但UI設計究竟是什麼？可能你會第一時間聯想到UX設計。但是，雖然UI和UX設計密不可分，但它們專注的範疇和所需技能有所不同。了解這兩者的差異，是精進UI設計技巧的關鍵。來，跟我們深入了解UI設計的世界吧！

產品新功能上線時，往往會需要在畫面附近加上引導，但引導要怎麼加？這篇整理 5 個常見引導位置，包含全站彈窗、新手引導、區塊引導、欄位引導、欄位說明。

在製作 Wireframe、Mockup、PRD 時，通常產品經理會需要根據不同使用情境，事前想好不同使用情境以及對應的回饋方式，這篇會記錄我在規劃產品需求文件時，常會規畫到的 5 種 UI 狀態。

Input 輸入元件一直是各大網站必備的元素，這篇會分成文字輸入 Text、按鈕 Button、互動元件 Modal、下拉式選單 Dropdown List、滑桿 Slider、選擇器 Picker 這六種常見介面元件，來記錄我在平台工作時遇到的 UI 元件，作為未來產品開發的資料庫。

「Feedback 回饋」是最直接面向使用者的一種元件分類，最常被拿來討論「這個功能友不友善」，這篇會整理常見的回饋元件，包含：模態（警示 Alert、工具提示 Tooltip、通知 Notification、流程 Progress）、非模態（互動元件 Modal、對話 Dialog）。

這篇主要整理常見的 Navigation 導覽元件，像是：選單 Menu、抽屜式導覽 Navigation drawer、標籤列 Tab Bars、多元選單 List、Gird、Card、麵包屑 Breadcrumb、進度表 Stepper。