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

一、綜合類網(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ì)前輩們的奮斗史?？傊?，這是一個收藏夾里必定有的網(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個APP的截圖包，包括iOS和Android的主流分辨率。

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

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

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

“專注移動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/

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

2.UI中國  http://www.ui.cn/

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

3.Dribbble https://dribbble.com/（國外）

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

4.Behance https://www.behance.net/（國外）

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

5.APP  Design Served http://www.appdesignserved.co/（國外）

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

三、資訊文章

1.Medium https://medium.com/（國外）

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

2.UX Magazine http://uxmag.com/（國外）

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

3.UX Booth http://www.uxbooth.com（國外）

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

四、收集靈感

1.Pinterest http://www.pinterest.com/（國外）

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

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

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

3.Tumblr http://www.tumblr.com/（國外）

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

4.Pttrns http://pttrns.com/（國外）

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

5.Capptivate http://capptivate.co/（國外）

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

6.AppreciateUI http://www.appreciateui.com（國外）

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

7.Signa http://www.signa.li/（國外）

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

8.Materialup http://www.materialup.com/（國外）

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

9.iOSup http://www.ios.uplabs.io/（國外）

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

10.awwards http://www.awwwards.com/（國外）

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

五、規(guī)范類

1.Android規(guī)范

為了區(qū)別于iOS APP，Google發(fā)布了Material Design。這種設(shè)計(jì)風(fēng)格包含網(wǎng)頁和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月份。所以，最好是中英文對照看。這里再次強(qiáng)調(diào)一下英語的重要性，如果你英語稍微好一些，就可以比那些等中文翻譯的人懂得多一些，當(dāng)那些人在看中文翻譯的時候，你可能早就利用獲取到的信息進(jìn)行設(shè)計(jì)了。

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

2.iOS規(guī)范

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

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

六、問答類

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

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

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