對于初學(xué)UI設(shè)計(jì)或者交互設(shè)計(jì)的設(shè)計(jì)師，有很多知識來源于網(wǎng)絡(luò)資源的共享，有的選擇了一些UI設(shè)計(jì)培訓(xùn)機(jī)構(gòu)學(xué)習(xí)基礎(chǔ)，有的選擇了在各大網(wǎng)站上吸取知識，然而萬變不離其宗，無論從哪里學(xué)習(xí)過來的東西，吸取到才是自己的東西，在交互設(shè)計(jì)中，我們需要清楚知道不同網(wǎng)站的不同特點(diǎn)與優(yōu)勢。

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

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

里面覆蓋了很多作品，網(wǎng)頁，APP等相當(dāng)不錯(cuò)的作品，也有很多優(yōu)秀包含廣泛內(nèi)容的文章。

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

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

3.Dribbblehttps://dribbble.com/

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

4.Behancehttps://www.behance.net/（國外）

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

5.APPDesign Servedhttp://www.appdesignserved.co/（國外）

Behance旗下的一個(gè)網(wǎng)站，里面是精挑細(xì)選出來的關(guān)于APP的設(shè)計(jì)作品。人家都幫你選好了，從這些優(yōu)秀的作品中學(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ì)前輩們的奮斗史?？傊?，這是一個(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)和手工收集國內(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)。

5.趣達(dá)學(xué)院http://www.qduck.cn/

三、規(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/spe ... n/introduction.html

中文翻譯http://wiki.jikexueyuan.com/proj ... 218c51bbb2c1d7f8705

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

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

2.iOS規(guī)范

官方網(wǎng)站：https://developer.apple.com/libr ... nceptual/mobilehig/

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

四、資訊文章

1.Mediumhttps://medium.com/（國外）

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

2.UX Magazinehttp://uxmag.com/（國外）

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

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

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

五、收集靈感

1.Pinteresthttp://www.pinterest.com/

你也許知道花瓣，但我更建議你使用Pinterest。首先，Pinterest上的內(nèi)容更豐富，這是你用花瓣可能轉(zhuǎn)來轉(zhuǎn)去都是國內(nèi)的，而且質(zhì)量可能不怎么高。而Pinterest上的內(nèi)容質(zhì)量則就高多了，只要關(guān)注幾個(gè)優(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.Tumblrhttp://www.tumblr.com/（國外）

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

4.Pttrnshttp://pttrns.com/（國外）

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

5.Capptivatehttp://capptivate.co/（國外）

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

6.AppreciateUIhttp://www.appreciateui.com（國外）

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

7.Signahttp://www.signa.li/（國外）

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

8.Materialuphttp://www.materialup.com/（國外）

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

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

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

10.awwardshttp://www.awwwards.com/（國外）

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

六、問答類

1.Quorahttps://www.quora.com/

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

這些網(wǎng)站的東西很多都是用來總結(jié)參考，畢竟是別人總結(jié)出來的東西，從中吸取到東西才是最重要的。

下面是和UI設(shè)計(jì)培訓(xùn)相關(guān)的文章--移動界面UI顏色設(shè)計(jì)：http://www.qduck.cn/forum.php?mod=viewthread&tid=16854
每天對自己多一點(diǎn)點(diǎn)的UI設(shè)計(jì)培訓(xùn)，每天就增加多一點(diǎn)點(diǎn)的經(jīng)驗(yàn)。
更多的UI設(shè)計(jì)培訓(xùn)在趣達(dá)；交互設(shè)計(jì)培訓(xùn)，網(wǎng)頁設(shè)計(jì)培訓(xùn)，平面設(shè)計(jì)培訓(xùn)等等著你。

ui設(shè)計(jì)

總結(jié)

以上是生活随笔為你收集整理的UI设计网站内容大分类的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。