在移動(dòng)端設(shè)計(jì)風(fēng)起云涌的今天，移動(dòng)端的UI和UX設(shè)計(jì)師任重而道遠(yuǎn)。巧婦難為無(wú)米之炊，好素材就是設(shè)計(jì)師的底氣。這次搜集的移動(dòng)端免費(fèi)素材覆蓋全面，從教學(xué)資源到UI Kit，從開(kāi)發(fā)工具到圖標(biāo)合集，一應(yīng)俱全。

年度總結(jié)好資源：

• 《年度總結(jié)第二彈！2014年最棒的50個(gè)LOGO設(shè)計(jì)》
• 《年度總結(jié)第三彈！2014年最受歡迎的50款字體免費(fèi)打包》

學(xué)習(xí)資源

UX Design for Mobile Developers

移動(dòng)端開(kāi)發(fā)的用戶(hù)體驗(yàn)設(shè)計(jì)是Udacity所推出的課程，教授移動(dòng)端應(yīng)用開(kāi)發(fā)用戶(hù)體驗(yàn)設(shè)計(jì)的技術(shù)和案例，主要是針對(duì)移動(dòng)端開(kāi)發(fā)者，提高他們對(duì)于設(shè)計(jì)和用戶(hù)體驗(yàn)的知識(shí)和意識(shí)，讓他們開(kāi)發(fā)的APP兼具好功能和好體驗(yàn)，不過(guò)編程開(kāi)發(fā)的體驗(yàn)設(shè)計(jì)并不在課程范疇以?xún)?nèi)。

課程本身是免費(fèi)的，但是如果你需要一個(gè)一對(duì)一的教練那么你就得付費(fèi)了。

對(duì)于開(kāi)發(fā)者而言，這是學(xué)習(xí)用戶(hù)體驗(yàn)設(shè)計(jì)和移動(dòng)端UI設(shè)計(jì)的絕佳課程。盡管課程主要的案例都圍繞著Android平臺(tái)，但是設(shè)計(jì)思想和原則符合所有的移動(dòng)端平臺(tái)。

Android Design in Action

Android Design 實(shí)踐（Android Design in Action）同樣是Youtube上Android Developers 頻道的課程，課程中谷歌設(shè)計(jì)師Nick Butcher, Adam Koch 與 Roman Nurik 會(huì)與你一同探討Android Design中的各種設(shè)計(jì)元素。

每一次課程，三位設(shè)計(jì)師會(huì)找來(lái)許多APP，將其分割肢解分析它們的UI和UX設(shè)計(jì)，解釋這些設(shè)計(jì)哪些可行哪些不行，之后他們會(huì)基于這些應(yīng)用的需求和特色進(jìn)行重新設(shè)計(jì)，并且展示整個(gè)設(shè)計(jì)的流程并解釋設(shè)計(jì)的理由。對(duì)于設(shè)計(jì)師而言，尤其是Android平臺(tái)的UI設(shè)計(jì)師而言，這些課程絕對(duì)靠譜，你可以將課程中傳授的技巧應(yīng)用在自己的APP設(shè)計(jì)中。

Hack Design

對(duì)于任何想借助網(wǎng)絡(luò)來(lái)學(xué)習(xí)設(shè)計(jì)的設(shè)計(jì)初學(xué)者而言，Hack Design 網(wǎng)站絕對(duì)可以稱(chēng)之為業(yè)界良心，它可以幫你將設(shè)計(jì)基礎(chǔ)知識(shí)全部補(bǔ)上來(lái)。幾位業(yè)界著名的設(shè)計(jì)師為Hack Design 設(shè)計(jì)了包括博客、圖書(shū)、視頻、游戲以及教程等多種類(lèi)型的內(nèi)容，并且將這些以設(shè)計(jì)為核心的內(nèi)容分割為50個(gè)不同的課時(shí)。你可以按部就班地學(xué)習(xí)，也可以直接訪問(wèn)網(wǎng)站尋找自己想學(xué)的內(nèi)容。

不知道出于什么原因，這個(gè)網(wǎng)站在上線(xiàn)之初就已經(jīng)被GFW給擋在墻外。怎么訪問(wèn)，相信你懂的。

獲取靈感

接下來(lái)的資源，可以幫你獲取設(shè)計(jì)靈感。多看別人家的設(shè)計(jì)，了解哪些設(shè)計(jì)可行，哪些不可行，了解不同的風(fēng)格，學(xué)習(xí)不一樣的設(shè)計(jì)方法，然后應(yīng)用在自己的設(shè)計(jì)中。

CAPPTIVATE.co

和許多傳統(tǒng)的UI設(shè)計(jì)分享站不一樣，它所提供的不僅僅是iOS 應(yīng)用的截圖，而是通過(guò)5秒鐘的視頻來(lái)展示APP中的過(guò)度效果和動(dòng)效。預(yù)覽視頻也很簡(jiǎn)單，只需要將鼠標(biāo)光標(biāo)移動(dòng)到界面上，就可以看到這些動(dòng)效。這些視頻是按照界面類(lèi)型（導(dǎo)航界面、加載過(guò)度、刷新特效等等）和動(dòng)效類(lèi)型（褪色、視差、波紋等等）來(lái)分類(lèi)。如果你正在為你的APP尋找可靠的動(dòng)效設(shè)計(jì)，那么這個(gè)網(wǎng)站你不能錯(cuò)過(guò)。

Android Niceties

Android Niceties這個(gè)網(wǎng)站將那些最漂亮的Android APP的截圖搜集到了一起，你可以在這里查看各種優(yōu)秀的APP截圖，獲取靈感。

Mobile Patterns

這個(gè)網(wǎng)站搜集了Android和iOS兩大主流平臺(tái)應(yīng)用的UI截圖，你可以通過(guò)篩選選項(xiàng)單獨(dú)瀏覽一個(gè)平臺(tái)的截圖，也可以同時(shí)瀏覽兩者。你還可以按照界面類(lèi)型來(lái)篩選，比如時(shí)間軸、圖片瀏覽、注冊(cè)流程等等。

Pttrns

Pttrns 主要展示了iOS平臺(tái)上的界面樣式，分iPhone版和iPad版。你可以在這里根據(jù)類(lèi)型來(lái)篩選截圖，比如著陸頁(yè)、個(gè)人信息、評(píng)論、列表，等等。

優(yōu)質(zhì)素材

工具

Android Asset Studio

Android Asset Studio能幫你方便快捷地整合管理你的Android項(xiàng)目所設(shè)計(jì)的素材和工具。它自帶了一系列的圖標(biāo)生成器，可以直接用它調(diào)用圖片、剪貼畫(huà)、文本圖標(biāo)等。借助Android Asset Studio可以幫你制作Launcher、Smartbar、標(biāo)簽欄、通知、通用圖標(biāo)等。

選擇合適的圖片、前貼畫(huà)或者文本圖標(biāo)之后，稍加設(shè)定就能生成圖標(biāo)或者界面，然后下載調(diào)用。這些素材會(huì)生成不同的分辨率，比如xxxhdpi、xxhdpi、xhdpi、hdpi和mdpi。

除此之外，其中還有其他的實(shí)用工具，比如Android ActionBar 樣式生成器，Android Holo色彩生成器和Device Art生成器。

Sketch Plugins

越來(lái)越多的UI設(shè)計(jì)師開(kāi)始使用Sketch來(lái)做設(shè)計(jì)。Sketch Plugins是一個(gè)搜集整理實(shí)用的Sketch插件的網(wǎng)站，幫你提升設(shè)計(jì)效率。

UI Kits

Teehan+lax

Teehan+lax是一個(gè)設(shè)計(jì)機(jī)構(gòu)，并且提供一系列免費(fèi)的工具來(lái)幫你做設(shè)計(jì)。比如他們提供iPhone和iPad版iOS7的UIKit，包括PSD和Sketch兩種格式。從iOS5時(shí)代開(kāi)始，他們就開(kāi)始隨著蘋(píng)果公司的更新進(jìn)度來(lái)更新他們的UI Kit，很快我們將會(huì)看到他們推出的iOS8 UI Kit。

Tethr

Tethr是一個(gè)免費(fèi)的iOS UI Kit，組件全面廣泛，包含了多媒體、社交、導(dǎo)航和電子商務(wù)等多個(gè)領(lǐng)域。它包含了138個(gè)模板、250個(gè)組件總計(jì)8個(gè)PSD文檔，絕對(duì)實(shí)用。

Mercury

你能從Mercury下載iOS8的矢量UI Kit，其中包含了iPhone和iPad的UI組件。

圖標(biāo)合集

Flat Icon

Flat Icon是最大的免費(fèi)矢量圖標(biāo)合集，你可以在這里下載到SVG、EPS、PSD和PNG格式的圖標(biāo)，為了方便使用，你可以在PS、AI和AE中裝上它的插件。

Android Icons

這一唯一推薦的收費(fèi)資源，因?yàn)樗_實(shí)很便宜，而且圖標(biāo)品質(zhì)非常高，絕對(duì)物超所值。Android Icons提供了一組專(zhuān)門(mén)為Andorid系統(tǒng)設(shè)計(jì)的優(yōu)質(zhì)圖標(biāo)，包含250個(gè)圖標(biāo)，每個(gè)圖標(biāo)有5個(gè)尺寸14種顏色，已制作成矢量素材，并包含友好的授權(quán)許可，售價(jià)25美元。

Pixel Love

Pixel Love是一個(gè)優(yōu)質(zhì)的免費(fèi)圖標(biāo)合集。你可以下載一組60個(gè)免費(fèi)的iOS和Android圖標(biāo)，另外還有40個(gè)免費(fèi)的社交媒體圖標(biāo)。

Icon Beast

Icon Beast 包含了一組500個(gè)免費(fèi)的iOS Tab Bar 圖標(biāo)，可以運(yùn)用在iPhone和iPad上。

Appzger Clear Icons

這組Appzger 的極簡(jiǎn)風(fēng)圖標(biāo)共計(jì)500個(gè)，并非免費(fèi)，但是你可以用多少買(mǎi)多少。整套圖標(biāo)包含不同的格式，包括PSD、PNG、SVG和CSH。

Line Icon Sets

在這里你能找到各種不同來(lái)源的免費(fèi)的線(xiàn)條構(gòu)成的圖標(biāo)集。

字體

字體用好了，能讓網(wǎng)站加分不少。一款高大上的英文字體能讓網(wǎng)站的視覺(jué)更為高大上。下面就是互聯(lián)網(wǎng)上的高品質(zhì)字體。

Font Squirrel

你在這里可以找到免費(fèi)商用的優(yōu)質(zhì)字體。

Google Webfonts

Google Fonts 是眾所周知的優(yōu)質(zhì)免費(fèi)英文字體集中地。

動(dòng)效

Facebook Pop

Facebook Pop 是一個(gè)可拓展的iOS和OSX動(dòng)效庫(kù)，你可以借助它輕松地在應(yīng)用中加入動(dòng)效。Facebook也正是借助這個(gè)庫(kù)來(lái)創(chuàng)建Facebook Paper中的動(dòng)效和過(guò)度效果的。

Canvas

Canvas 是一個(gè)iOS庫(kù)，無(wú)需編寫(xiě)代碼，你就可以從這個(gè)庫(kù)中調(diào)用動(dòng)效應(yīng)用到APP中。教程在這里。

聲效

在設(shè)計(jì)界面的時(shí)候，加入合適的聲效可能是最有趣的用戶(hù)體驗(yàn)設(shè)計(jì)。音效可以用于通知，進(jìn)入某個(gè)界面時(shí)候的提醒，或者破壞性操作（比如刪除）。

Octave

Octave 是一個(gè)免費(fèi)的聲效庫(kù)，包含了許多有趣的聲效，大多是點(diǎn)擊、蜂鳴聲，適合應(yīng)用在各種APP中。

結(jié)語(yǔ)

優(yōu)秀的素材找不完。所以，以上的免費(fèi)的設(shè)計(jì)資源只是諸多資源中的一小部分，但是這些優(yōu)秀的素材足以支撐一個(gè)移動(dòng)端設(shè)計(jì)師開(kāi)始一個(gè)優(yōu)秀的項(xiàng)目，逐步發(fā)現(xiàn)一個(gè)更大的世界。

回顧過(guò)去，展望未來(lái)：

回顧過(guò)去！什么網(wǎng)站才擔(dān)得上2014年最佳呢？
《愛(ài)不釋手！2014年最佳的20個(gè)優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì)》

展望未來(lái)！什么設(shè)計(jì)會(huì)統(tǒng)領(lǐng)2015年的網(wǎng)頁(yè)呢？
《我的征程是未來(lái)！帶你展望2015年最重要的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)》

一起來(lái)看！網(wǎng)頁(yè)設(shè)計(jì)從誕生到現(xiàn)在的歷程！
《漲姿勢(shì)！寫(xiě)給網(wǎng)頁(yè)設(shè)計(jì)師的網(wǎng)頁(yè)設(shè)計(jì)簡(jiǎn)史》

原文地址：sitepoint
優(yōu)設(shè)網(wǎng)譯者：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專(zhuān)注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線(xiàn)端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書(shū)：史上最全的設(shè)計(jì)師圖書(shū)導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量87萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
官方微信：想在手機(jī)上、被窩里獲取設(shè)計(jì)教程和各種意想不到的"福利"嗎？添加優(yōu)設(shè)哥微信號(hào)：youshege