.

edited by Justin

在設計使用者介面時，我們都希望能把介面設計的更直覺、更好用，但是現實往往並不是那麼美好。就我個人的經驗來說，有時候設計的過程常常會誤用不適宜的元件，或是沒有發現到一些元件在使用上應該注意的細節，這時候，多瞭解一些基本元件與設計原則便可以創造出更好的使用者經驗。今天跟大家分享幾個UI pattern的網站，這些網站收集了一些在介面設計時可能會使用到的元件，並且提供使用的方式、範例、解決的問題與原理說明，雖然內容是以網頁設計為主，但是一些準則大致上是相通的，看完後可以幫助設計師避免一些設計上的錯誤，或是激發出一些靈感。

‧Yahoo Design Pattern Library

由YahooUI團隊釋出的design pattern網站，資源相當豐富，除了一般常見的pattern外，還有一些比較互動性的內容，這些互動的範例並提供動態的影像檔，十分清楚易懂。

‧UI Patterns

此網站中的screenshot collections收集了同個pattern的各種範例圖片，相當實用，是個找資料的好地方。

‧Welie Patterns in Interaction Design

從需求面來分門別類各種UI pattern，內容整理得十分齊全且詳盡，並提供互動的留言與討論。

‧UI Pattern Factory

雖然分類的方式比較雜亂，但是每個項目的介紹還蠻清楚的，也有讓使用者討論和編輯內容的功能。

‧Designing Interfaces

這個大家應該很熟悉了，Jenifer Tidwell寫的這本書算是設計界的教科書了吧，網站提供書中一部份的軟體或網站的UI pattern，資料度比較沒那麼齊全。