優(yōu)秀的Web設(shè)計(jì)師總會(huì)跟隨著最新的設(shè)計(jì)趨勢(shì)，掌控最新的設(shè)計(jì)工具，不斷進(jìn)化的設(shè)計(jì)工具和服務(wù)會(huì)讓日常的設(shè)計(jì)更加便捷。數(shù)以百計(jì)的設(shè)計(jì)博客和網(wǎng)站每天會(huì)更新設(shè)計(jì)相關(guān)的文章，分享技巧，介紹新工具，它們也設(shè)計(jì)師的重要信息來(lái)源。所以，今天的文章目的就很明確了：新工具，新服務(wù)，還有干貨云集的設(shè)計(jì)博客，海量福利趕緊來(lái)收！

| 更多界面開(kāi)發(fā)的資源和下載請(qǐng)移步用戶界面專題

當(dāng)你的設(shè)計(jì)項(xiàng)目即將交付給客戶的時(shí)候，你確定所有的問(wèn)題都解決了么？UX Checklist 是一個(gè)專業(yè)的用戶體驗(yàn)相關(guān)的清單，你可以對(duì)著它查看你的項(xiàng)目所在的階段，是否完成了所有的事情。

這是一款姓名生成器，內(nèi)含45個(gè)不同國(guó)家和地區(qū)，幫你搞定DEMO中的。

我們?cè)?jīng)推薦過(guò)Font Awesome 這款矢量圖標(biāo)字體，你可以在CSS中直接調(diào)用，極為省心。

這是一款生成社交相關(guān)圖標(biāo)的工具。

這里聚合了許多為網(wǎng)頁(yè)設(shè)計(jì)師和開(kāi)發(fā)者準(zhǔn)備的資源，千萬(wàn)不要錯(cuò)過(guò)。

Window Resizer 可以用來(lái)模擬不同尺寸不同分辨率的屏幕。

這個(gè)網(wǎng)站聚合了許多有趣的HTML5頁(yè)案例，值得收藏長(zhǎng)期學(xué)習(xí)。

沒(méi)有時(shí)間到處搜索設(shè)計(jì)新聞和資源？直接訂閱 Html5 Weekly 就可以一次搞定這個(gè)事情。

這個(gè)網(wǎng)站搜集了許多來(lái)自Dribbble 的免費(fèi)資源，包括模板、UI、著陸頁(yè)和動(dòng)效。

這是一個(gè)數(shù)碼愛(ài)好者所創(chuàng)建的網(wǎng)頁(yè)設(shè)計(jì)相關(guān)的社區(qū)。

這個(gè)網(wǎng)站搜集了許多免費(fèi)優(yōu)質(zhì)的網(wǎng)頁(yè)設(shè)計(jì)資源，包括模板、UI和各種插件。

這個(gè)站也都是免費(fèi)的資源，多為UI、圖標(biāo)和視覺(jué)稿。

在這個(gè)網(wǎng)站你可以瀏覽到移動(dòng)端設(shè)計(jì)的案例，獲取諸如UIKit貨UI元素這樣的資源。

如果你想制作出優(yōu)秀的扁平風(fēng)界面設(shè)計(jì)，不妨試試這款Color Picker。如果你想設(shè)計(jì)出優(yōu)秀的扁平風(fēng)配色方案，那么你需要看的是這篇文章：Best Color Palettes

UI Cloud 是世界上最大的界面設(shè)計(jì)數(shù)據(jù)庫(kù)，其中涵蓋了大量的UI元素、UIKit可供下載，還有許多設(shè)計(jì)稿供你尋求靈感。

這里也是網(wǎng)頁(yè)設(shè)計(jì)資源的集散地，你在這里可以發(fā)現(xiàn)大量的代碼、模板、視覺(jué)稿、UIKits、UI元素、導(dǎo)航設(shè)計(jì)等素材。

缺少靈感？不知道怎么用網(wǎng)站？Site Inspire 將會(huì)幫你重新恢復(fù)狀態(tài)！網(wǎng)站還可以根據(jù)類別、平臺(tái)和風(fēng)格篩選你需要的素材。

從不同的來(lái)源搜集整理了大量的jQuery插件，并按照UI、媒體、輸入、導(dǎo)航、動(dòng)畫和特效進(jìn)行了分類。

無(wú)需多言，網(wǎng)頁(yè)設(shè)計(jì)師必備的圖片占位符插件。

網(wǎng)頁(yè)設(shè)計(jì)師必知的網(wǎng)站系列，世界上最優(yōu)秀的網(wǎng)站都在這里。

值得收藏的干貨網(wǎng)站之一，文章、插件、框架一個(gè)都不會(huì)少！

什么樣的設(shè)計(jì)才算的上是好的UI？在GoodUI的網(wǎng)站你可以看到許多相關(guān)的技巧和指導(dǎo)。

這個(gè)也是郵件推送服務(wù)，訂閱之后能每周收到一組響應(yīng)式設(shè)計(jì)相關(guān)的文章合集。

你可以在 Codrops 發(fā)現(xiàn)許多關(guān)于網(wǎng)頁(yè)開(kāi)發(fā)、設(shè)計(jì)、實(shí)用插件的教程，此外這個(gè)網(wǎng)站最有價(jià)值的地方在于它還有許多關(guān)于如何提出解決方案、設(shè)計(jì)思路相關(guān)的文章。絕壁值得收藏。

Trianglify 是一款可以生成漂亮的三角形素材的工具，它還可以生成SVG或者CSS的背景。

CSS Tricks其實(shí)是一個(gè)為前端而生的網(wǎng)站，其中內(nèi)容并不只是CSS，你在這里可以找到大量的代碼片段、教程、論壇和各種樂(lè)于分享知識(shí)的人。

Notepad++ 是著名的代碼編輯器，網(wǎng)站管理員必備神器之一，對(duì)于多種不同的編程/腳本語(yǔ)言有良好的支持。

如果你只需要一款靈感獲取工具，那么Enboard絕對(duì)不會(huì)讓你后悔。這個(gè)工具中包含了超過(guò)500份不同的資源，類型橫跨博客、文章、框架、圖標(biāo)、靈感設(shè)計(jì)、播客，它們的共同特征就是兩個(gè)字，干貨。

Kraken 是一款圖片優(yōu)化APP，有損優(yōu)化的情況下可以讓圖片壓縮達(dá)90%，而無(wú)損處理模式則會(huì)保留所有的細(xì)節(jié)。

UI Faces 是一款頭像合集，在設(shè)計(jì)視覺(jué)稿的時(shí)候非常好用~

Noun Project 中搜集了超過(guò)十萬(wàn)圖標(biāo)素材，并且都是基于CC協(xié)議分發(fā)的。你可以在這里下載到PNG和SVG格式的素材。Mac用戶還可以還可以下載一款名為Noun的相關(guān)應(yīng)用（10美元/月），它可以和Adobe系列軟件聯(lián)動(dòng)。

Templated 是一個(gè)涵蓋了800多款CSS和HTML5代碼的大合集。

Tuts+ 里全是網(wǎng)頁(yè)設(shè)計(jì)師所需要的技巧和教程。

來(lái)自世界各個(gè)角落關(guān)于開(kāi)發(fā)和設(shè)計(jì)的新聞與技巧在這個(gè)網(wǎng)站交匯。這個(gè)網(wǎng)站推出的經(jīng)典設(shè)計(jì)/開(kāi)發(fā)類圖書已經(jīng)非常 之多了，值得學(xué)習(xí)。

SitePoint 搜集整合了網(wǎng)絡(luò)上最好最優(yōu)秀的網(wǎng)頁(yè)設(shè)計(jì)開(kāi)發(fā)相關(guān)的文章，其中針對(duì)設(shè)計(jì)師、開(kāi)發(fā)者、自由職業(yè)者和企業(yè)用戶進(jìn)行了分類和針對(duì)性地處理。

原文地址：
優(yōu)設(shè)譯者：

| 更多界面開(kāi)發(fā)的資源和下載請(qǐng)移步用戶界面專題