20個(gè)專為無線端設(shè)計(jì)提供靈感的資源站

@Iamkikidong 這幾年研究手機(jī)和平板應(yīng)用程序的開發(fā)者越來越多，都知道這是一碗香餑餑。但！設(shè)計(jì)出合適的UI組件以及適合大多數(shù)用戶的操作流程，這些問題會(huì)非常棘手。當(dāng)你設(shè)計(jì)思緒堵塞的時(shí)候，看下其他設(shè)計(jì)者的作品會(huì)很有幫助。

那么在今天的文章里，我要跟你分享一些我自己用來尋找手機(jī)和手機(jī)UX設(shè)計(jì)方面的靈感網(wǎng)站。我把它們按照我尋找的方式進(jìn)行了歸類。

相關(guān)文章推薦：
經(jīng)驗(yàn)分享：移動(dòng)端設(shè)計(jì)開發(fā)經(jīng)驗(yàn)之設(shè)計(jì)篇
那些過目不忘的無線端交互設(shè)計(jì)（Dribbble GIF動(dòng)態(tài)圖）
圖書推薦：移動(dòng)應(yīng)用UI設(shè)計(jì)模式

一、導(dǎo)航，列表等應(yīng)用的布局設(shè)計(jì)

當(dāng)設(shè)計(jì)一個(gè)特殊的組件或應(yīng)用時(shí)，直接通過模板來尋找靈感可以節(jié)省很多時(shí)間。你會(huì)在這里找到一系列有用的資源，這些資源展示了按手機(jī)布局分類的不同應(yīng)用程序的視圖。

1、僅限安卓的布局設(shè)計(jì)資源站

Android App Patterns

Android App Patterns 上有超過1130張手機(jī)和平板的屏幕截圖。你可以向下滾動(dòng)瀏覽更多。

Androidux

Androidux 是另一個(gè)你可以汲取靈感的"安卓設(shè)計(jì)"布局的資源庫，可分類瀏覽。

2、僅限IOS的布局設(shè)計(jì)資源站

Uxarchive

在Uxarchive上，你可以對(duì)針對(duì)不同的iOS組件設(shè)計(jì)的用戶操作流程進(jìn)行對(duì)比。

3、混合操作系統(tǒng)的布局設(shè)計(jì)資源站

Lovely UI

在Lovely UI，你可以通過選擇不同的設(shè)備進(jìn)行篩選，也可以通過標(biāo)簽分類篩選UI模式。

Mobile Patterns

在Mobile Patterns上你可以選擇布局分類，或通過設(shè)備進(jìn)行篩選。

Mobile Mozaic

Mobile Mozaic 混合了不同設(shè)備上的漂亮的UI布局，但你不能根據(jù)操作系統(tǒng)進(jìn)行瀏覽。

Pttrns

Pttrns 提供了超過1380款不同手機(jī)布局的屏幕截圖。不允許通過設(shè)備進(jìn)行篩選，但允許你通過網(wǎng)站提供的放大功能查看更多細(xì)節(jié)。

Inspired UI

Inspired UI分兩個(gè)不同的網(wǎng)站展示手機(jī)的布局設(shè)計(jì)：默認(rèn)頁上可瀏覽iOS的布局設(shè)計(jì)。

切換到安卓版本可以查找安卓的布局設(shè)計(jì)。

Pattern Tap

在Pattern Tap上，你會(huì)找到超過4450種布局設(shè)計(jì)，可以通過設(shè)備（手機(jī)，平板或桌面），類型還有風(fēng)格來篩選。

4、通用布局設(shè)計(jì)

如果你不是特意尋找一些"視覺"上的靈感，更多的是手機(jī)布局設(shè)計(jì)本身，你真的應(yīng)該看下 Android Patterns和Windows Phone Patterns這兩個(gè)網(wǎng)站。

Android Patterns

Windows Phone Patterns

5、按類型分類的應(yīng)用程序設(shè)計(jì)資源站

如果你不是在尋找特定的UI布局，而是相同領(lǐng)域的應(yīng)用程序設(shè)計(jì)方面的靈感。若是這種情況那下面的鏈接可能會(huì)對(duì)你有所幫助。

TappGala

在TappGala上，你可以通過不同領(lǐng)域來篩選應(yīng)用程序的設(shè)計(jì)。

二、綜合類應(yīng)用程序設(shè)計(jì)和演示資源站

如果你不是在尋找特定的應(yīng)用程序界面設(shè)計(jì)或UI布局，只是想瀏覽下這方面的漂亮截圖，那你應(yīng)該看下以下這些網(wǎng)站。

1、僅限IOS的應(yīng)用程序設(shè)計(jì)資源站

iOSpirations

在 iOSpirations上，你會(huì)找到針對(duì)iPad，iPhone以及圖標(biāo)和應(yīng)用程序設(shè)計(jì)方面的靈感。

2、僅限安卓的應(yīng)用程序設(shè)計(jì)資源站

Holo Everywhere

Holo Everywhere是設(shè)計(jì)起來向安卓4.0致敬的。在這個(gè)博客上你會(huì)找到不錯(cuò)的應(yīng)用程序設(shè)計(jì)，還有布局以及非常好的一些提示。

3、混合平臺(tái)的應(yīng)用程序設(shè)計(jì)資源站

Ultra UI

Ultra UI是你可以找到安卓和iPhone套件設(shè)計(jì)靈感的另一個(gè)網(wǎng)站。

Meerli

Meerli在每個(gè)設(shè)備（iPhone，iPad和安卓）的不同子領(lǐng)域上擁有很多相同的設(shè)計(jì)規(guī)則。你還可以獲取應(yīng)用程序圖標(biāo)設(shè)計(jì)方面的靈感。

Mobile Awesomeness

Mobile Awesomeness精選了一些最好的資源供你開始創(chuàng)建手機(jī)站點(diǎn)的時(shí)候參考，另外提供了站點(diǎn)在手機(jī)屏幕上的效果演示功能。

三、其他資源站

這貌似談不上"靈感"了，但如果你喜歡手機(jī)線框圖，你可能會(huì)對(duì)Moobileframes產(chǎn)生興趣，一個(gè)圖片集錦網(wǎng)站，收羅了一些非常好看的線框圖。

Moobileframes

如果你正在尋找一枚設(shè)計(jì)師，或純粹想看下其他設(shè)計(jì)師的作品，那么你可以逛逛Scoutzie，這里聚集了一些頂級(jí)的手機(jī)設(shè)計(jì)師。

Scoutzie

四、現(xiàn)在輪到你啦！

我已經(jīng)分享了當(dāng)我尋找手機(jī)設(shè)計(jì)方面的靈感時(shí)所用到的大多數(shù)網(wǎng)站鏈接，可能遺漏了一些。但我感到特別奇怪的是我居然沒有找到任何僅限Windows手機(jī)設(shè)計(jì)的資源站。等你來補(bǔ)充吧！
 

原文：onextrapixel
優(yōu)設(shè)編輯：@Iamkikidong

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)講座：每月邀請(qǐng)國內(nèi)互聯(lián)網(wǎng)公司設(shè)計(jì)前輩及行業(yè)總監(jiān)在群內(nèi)及YY語音（YY頻道：15335158）分享實(shí)戰(zhàn)經(jīng)驗(yàn)。
設(shè)計(jì)微博：擁有粉絲量47萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計(jì) 微信號(hào)：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：