建立移動設計模式是很是重要的一步,記住!這是爲移動設備設計而不是web。不單單是移動屏幕遠小於普通的電腦屏幕,關鍵是鼠標和鍵盤已經被手指替代了! 固然還有更重要的,提及來很苦逼,咱們不再能使用一種模式來通吃這些不一樣的移動平臺了,這可比兼容IE那一家子要苦可貴多,畢竟尚未很好的規範。不是 嚇唬你,別覺得只有那巴掌地大小,爲移動端作設計並非很容易。php
值得慶幸的是,國外已經有不少優秀的移動用戶界面資源是可用的,這些先驅的寶貴資源能夠大大幫助你的移動設計或開發你的響應式網站。相信今天要隆重推薦的10個網站,不管是在你設計一個新的移動應用程序仍是尋找特定的設計解決方案時,他們都會踏踏實實的幫助到你。web
1. Konigi設計模式
這個網站上展現了許多完美的交互設計和視覺設計案例,網站提供了許多不一樣的方式來引導你便捷的搜尋感興趣的項目!必定要利用好標籤喲。網站
2. Pattern Tap ui
這個特殊的網站開發和維護都由馬修·史密斯和克里斯·波洛克兩人完成。一樣是一個畫廊的信息展示方式,這個網站有超過7000的做品集,有大量的設計靈感。優設哥以前也在微博屢次推薦,不容錯過。spa
3. Inspired UI插件
這個優秀的網站利用廣闊的畫廊來展示移動UI設計模式。在這裏,你能夠看到超過1000個真正移動應用程序的屏幕截圖,省時省心了很多吧。此外,您更能夠得到一些超棒的設計模式,譬如歡迎界面和註冊頁面等。設計
4. QUINCE: X Patterns Explorerhtm
這個驚人的web應用程序能夠幫助你探索無數的用戶體驗設計模式,如日期選擇器和麪板選擇器。然而,這個應用程序須要Silverlight插件。blog
5. Lovely UI
可愛的UI網站,提供流行的移動應用程序的用戶界面元素。如按鈕、列表、通信錄等等。
6. Welie.com
這個網站包含大量的最佳實踐交互設計。收集了許多例子來讓你瞭解他們的適用性,優設哥提醒您:千萬,千萬別小看這個簡單的網站。這但是一個寶庫來着。
7. Mobile Design Pattern Gallery
移動設計模式的畫廊,它提供了許多特殊技巧。
8. Design|snips
這個設計畫廊着重關注流行的web頁面元素(好比導航,此外,它凸顯了流行的設計趨勢。這個網站有超過30個類別,你也能夠看看其餘設計師對案例的評價,取長補短。
這是一個UI設計圖書館和畫廊。
10. UI-patterns.com
這個網站提供了大量的優秀設計模式。UI設計人員能夠經過訪問這個網站獲得靈感。在這裏,你能夠輕易找到一些常見的移動UI設計模式。在這個網站有20個類別,這樣你能夠很容易尋找到你的目標。
轉載自: http://mobile.51cto.com/design-377004.htm