由于我是自學(xué)UI設(shè)計(jì)，所以我的大多數(shù)知識(shí)都是從網(wǎng)絡(luò)獲取?，F(xiàn)在做一個(gè)階段性的總結(jié)，總結(jié)一些我平時(shí)瀏覽的網(wǎng)站。這里特別說(shuō)明一下，以下的網(wǎng)站有的是國(guó)外網(wǎng)站，有的網(wǎng)站可能訪問(wèn)速度慢，所以學(xué)會(huì)“科學(xué)上網(wǎng)”才能更好地學(xué)習(xí)知識(shí)。

一、綜合類網(wǎng)站

這類網(wǎng)站的內(nèi)容很廣泛，有圖文教程、素材下載、經(jīng)驗(yàn)文章等等。

1.優(yōu)設(shè)網(wǎng) http://www.uisdc.com/

每天必看，網(wǎng)站內(nèi)容含了WEB/平面/APP設(shè)計(jì)等等，有圖文教程、打包素材下載、經(jīng)驗(yàn)文章。我特別喜歡網(wǎng)站里分享的文章，有關(guān)于交互設(shè)計(jì)的，關(guān)于如何自學(xué)設(shè)計(jì)的，也有設(shè)計(jì)前輩們的奮斗史?？傊@是一個(gè)收藏夾里必定有的網(wǎng)站。

2.學(xué)UI網(wǎng) http://www.uisdc.com/

學(xué)UI網(wǎng)主要集中在WEB、APP這一塊，內(nèi)容也涉及教程、素材、文章之類的。也是每天必看的網(wǎng)站，這里特別推薦一些網(wǎng)站里的APP截圖包 http://www.xueui.cn/design/app-screenshot，截止到目前為止，一共有53個(gè)APP的截圖包，包括iOS和Android的主流分辨率。

3.設(shè)計(jì)達(dá)人 http://www.shejidaren.com/

同優(yōu)設(shè)網(wǎng)，主要原創(chuàng)和手工收集國(guó)內(nèi)外高質(zhì)量網(wǎng)頁(yè)設(shè)計(jì)文章、優(yōu)秀設(shè)計(jì)素材，內(nèi)容以高質(zhì)量為主。

4.25學(xué)堂 http://www.25xt.com/

“專注移動(dòng)APP設(shè)計(jì)、APP產(chǎn)品和APP創(chuàng)業(yè)”。網(wǎng)站的內(nèi)容都是與APP有關(guān)。

二、作品展示網(wǎng)站

1.站酷  http://www.zcool.com.cn/

這個(gè)不多說(shuō)了，要學(xué)習(xí)設(shè)計(jì)都應(yīng)該了解的一個(gè)網(wǎng)站，里面的作品覆蓋插畫(huà)、網(wǎng)頁(yè)、APP等等。當(dāng)然還有許多優(yōu)秀的文章。

2.UI中國(guó)  http://www.htnj110.cn/

從名字可以看出，UI中國(guó)的作品主要以UI為主，移動(dòng)APP、手機(jī)主題、icon等等。同時(shí)里面也有許多學(xué)習(xí)專題，里面有小編收集好的文章，方便大家學(xué)習(xí)。

3.Dribbble https://dribbble.com/（國(guó)外）

國(guó)外頂尖的設(shè)計(jì)社區(qū)，匯集全世界頂尖的設(shè)計(jì)師的作品，作品覆蓋各個(gè)領(lǐng)域，icon、APP、網(wǎng)頁(yè)等等。是學(xué)習(xí)和臨摹的好去處。

4.Behance https://www.behance.net/（國(guó)外）

同樣是國(guó)外的頂尖設(shè)計(jì)交流社區(qū)，作品也是覆蓋各個(gè)領(lǐng)域。網(wǎng)站有中文，方便英語(yǔ)不好的同學(xué)。（不過(guò)我得插一句，設(shè)計(jì)師懂英語(yǔ)，會(huì)讓你學(xué)得更快，更多?。?b>如果要研究作品或是學(xué)習(xí)，我的建議是多瀏覽Behance，而不是dribbble。就拿APP設(shè)計(jì)來(lái)說(shuō)，dribbble上大多數(shù)是單頁(yè)或是還在創(chuàng)作中的作品，并不完整。而B(niǎo)ehance上的大多數(shù)是完整的作品，一些作品里還展示了設(shè)計(jì)過(guò)程，有些還會(huì)有文字描述（當(dāng)然是英文的），如設(shè)計(jì)師是怎么思考的，如何設(shè)計(jì)出這個(gè)作品的。這比從單頁(yè)作品里學(xué)到的東西更多。

5.APP  Design Served http://www.appdesignserved.co/（國(guó)外）

Behance旗下的一個(gè)網(wǎng)站，里面是精挑細(xì)選出來(lái)的關(guān)于APP的設(shè)計(jì)作品。人家都幫你選好了，從這些優(yōu)秀的作品中學(xué)習(xí)吧！

三、資訊文章

1.Medium https://medium.com/（國(guó)外）

類似一個(gè)博客網(wǎng)站，里面有許多優(yōu)質(zhì)的內(nèi)容，當(dāng)然也少不了關(guān)于設(shè)計(jì)的分享。關(guān)注關(guān)鍵詞，就可以找到一些相關(guān)文章。不得不說(shuō)，不會(huì)英語(yǔ)真的很吃虧啊！

2.UX Magazine http://uxmag.com/（國(guó)外）

uxmag提供了許多關(guān)于用戶體驗(yàn)的資源，大家可以自行探索。

3.UX Booth http://www.uxbooth.com（國(guó)外）

用戶體驗(yàn)、交互設(shè)計(jì)師的交流社區(qū)

四、收集靈感

1.Pinterest http://www.pinterest.com/（國(guó)外）

你也許知道花瓣，但我更建議你使用Pinterest。首先，Pinterest上的內(nèi)容更豐富，這是你用花瓣可能轉(zhuǎn)來(lái)轉(zhuǎn)去都是國(guó)內(nèi)的，而且質(zhì)量可能不怎么高。而Pinterest上的內(nèi)容質(zhì)量則就高多了，只要關(guān)注幾個(gè)優(yōu)質(zhì)的畫(huà)板，你就可以源源不斷地吸取國(guó)外優(yōu)秀的設(shè)計(jì)，拿來(lái)為自己所用。當(dāng)然為了更好地體驗(yàn)Pinterest，還是得學(xué)會(huì)“科學(xué)上網(wǎng)”。因?yàn)橛械牟杉赡芤驗(yàn)楦鞣N各樣的原因訪問(wèn)不了，所以還是備好梯子吧！

2.花瓣 http://huaban.com/

不多說(shuō)，你懂的。但我要吐槽的是，花瓣Android客戶端真的很久，很久，很久沒(méi)更新了！而且很難用。隔壁iPhone客戶端都更新了，哎......

3.Tumblr http://www.tumblr.com/（國(guó)外）

湯不熱，你懂的。輕博客網(wǎng)站，善用關(guān)鍵詞。

4.Pttrns http://pttrns.com/（國(guó)外）

移動(dòng)應(yīng)用截圖網(wǎng)站。有iPhone、iPad、Android，甚至連Apple Watch都有。

5.Capptivate http://capptivate.co/（國(guó)外）

動(dòng)效展示網(wǎng)站。還有iPhone客戶端，隨時(shí)隨地瀏覽優(yōu)秀的動(dòng)效設(shè)計(jì)。

6.AppreciateUI http://www.appreciateui.com（國(guó)外）

移動(dòng)應(yīng)用截圖展示網(wǎng)站，有icon和界面。iPhone客戶端要12軟妹幣！

7.Signa http://www.signa.li/（國(guó)外）

想要設(shè)計(jì)Android味兒的應(yīng)用，來(lái)這個(gè)網(wǎng)站就沒(méi)錯(cuò)了。網(wǎng)站內(nèi)容里關(guān)于Android應(yīng)用、icon、動(dòng)效的設(shè)計(jì)。設(shè)計(jì)風(fēng)格當(dāng)然是Material Design了。

8.Materialup http://www.materialup.com/（國(guó)外）

同Signa，想研究如何設(shè)計(jì)一款漂亮地，符合Android味兒的應(yīng)用，從這兩個(gè)網(wǎng)站汲取靈感就夠了。

9.iOSup http://www.ios.uplabs.io/（國(guó)外）

與materialup是同一個(gè)團(tuán)隊(duì)的杰作。上面收集了關(guān)于iOS與Mac的優(yōu)秀設(shè)計(jì)，icon，APP，動(dòng)效等等，應(yīng)有盡有。還有免費(fèi)/收費(fèi)的素材下載，感覺(jué)像發(fā)現(xiàn)了寶藏一樣有木有。iOSup是之后才上線的，我也是最近才看到。

10.awwards http://www.awwwards.com/（國(guó)外）

網(wǎng)頁(yè)設(shè)計(jì)的優(yōu)秀的網(wǎng)站，學(xué)習(xí)APP設(shè)計(jì)的同時(shí)也要看看其他領(lǐng)域優(yōu)秀的設(shè)計(jì)，這樣才不會(huì)讓自己變得狹隘。

11.Icon Matrix http://iconmatrix.sharpmark.net/

Smartisan OS風(fēng)格的icon圖標(biāo)收集網(wǎng)站。我個(gè)人是非常喜歡這種風(fēng)格，我對(duì)擬物化和扁平化的風(fēng)格態(tài)度一直就是：蘿卜白菜各有所愛(ài)。你喜歡短發(fā)姑娘，我喜歡長(zhǎng)發(fā)姑娘，這都是再正常不過(guò)的事。何必爭(zhēng)來(lái)爭(zhēng)去，哪個(gè)風(fēng)格代表未來(lái)。

五、規(guī)范類

1.Android規(guī)范

為了區(qū)別于iOS APP，Google發(fā)布了Material Design。這種設(shè)計(jì)風(fēng)格包含網(wǎng)頁(yè)和APP。所以，如果是要設(shè)計(jì)Android風(fēng)格的應(yīng)用，就必須學(xué)習(xí)Material Design的設(shè)計(jì)規(guī)范。

官方網(wǎng)站 http://www.google.com/design/spec/material-design/introduction.html

中文翻譯 http://wiki.jikexueyuan.com/project/material-design/#32383424973c9218c51bbb2c1d7f8705

PS：我看了一下中文翻譯，里面也有遺漏的地方，比如少了一些圖。官方網(wǎng)站在九月更新了一些內(nèi)容，而中文翻譯只翻譯到了7月份。所以，最好是中英文對(duì)照看。這里再次強(qiáng)調(diào)一下英語(yǔ)的重要性，如果你英語(yǔ)稍微好一些，就可以比那些等中文翻譯的人懂得多一些，當(dāng)那些人在看中文翻譯的時(shí)候，你可能早就利用獲取到的信息進(jìn)行設(shè)計(jì)了。

最后，也要感謝翻譯的團(tuán)隊(duì)，謝謝他們無(wú)私地奉獻(xiàn)！

2.iOS規(guī)范

官方網(wǎng)站：https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/

中文翻譯：由于iOS的中文翻譯有很多，大家可以自行尋找。同樣地，建議中英文對(duì)照看。

六、問(wèn)答類

1.Quora https://www.quora.com/

2.知乎 http://www.zhihu.com/

我對(duì)問(wèn)答類網(wǎng)站的態(tài)度是，答案畢竟是人家寫(xiě)出來(lái)的，如果想要深入研究的話，還是得自己多看書(shū)，多查資料，自己整理一遍才有用。