使用者介面設計模式大全【208/366】

UI-Patterns.com 把 User Interface Design Pattern 分成六大類

六大分類下面還有2~4種子分類

  1. Getting input — 28
    1. Forms – 19
    2. Explaining the process – 4
    3. Community driven – 5
  2. Navigation — 25
    1. Tabs – 2
    2. Jumping in hierarchy – 6
    3. Menus – 3
    4. Content – 14
  3. Dealing with data — 11
    1. Tables – 3
    2. Formatting data – 3
    3. Images – 3
    4. Search – 2
  4. Onboarding — 9
    1. Guidance – 6
    2. Registration – 3
  5. Social — 11
    1. Reputation – 3
    2. Social interactions – 8
  6. Miscellaneous — 5
    1. Shopping – 4
    2. Increasing frequency – 1

之後會慢慢介紹每個子類別底下的 User Interface Design Pattern

共有89種使用者介面設計模式

每一篇介紹都會參考UI-Patterns.com裡面的內容

因為是前端學習

所以也會附上已經有的open source專案

或是補上常見或是經典的設計案例圖片

也歡迎大家能夠補充資料!!

這系列文章應該也會同步貼到medium去