編者按：今天推薦的這20個頂級資源，包括靈感/配色/排版最新的工具、UI 設計和UX 設計能用到的配合神器和素材，建議收藏。

上期回顧：《月末福利！20個最受歡迎的頂級設計資源大放送》

靈感

設計是一條孤獨的路，無論你是在家里，辦公室，咖啡館還是任何一個你喜歡的地方。你都需要一些時間去獲得創意和靈感。當我還不知道用Noizio（一款白噪音的app）去將我的設計空間從外部世界隔離開的時候，我都是在Spotify上聽音樂和播客。

Sublime.fyi

企業家、設計師和行業領袖們鼓舞人心的想法。簡單的概念和很棒的背景音樂。

Designer Hangout

如果你不是這個組織的一員，說真的，你業余時間都干嘛去了？？？不開玩笑了，這是我參加的最好的設計師團體之一。這7000+的設計師都有自己的故事可以講，你可以跟他們建立聯系。從點評你的設計，到友好的交談和幫助你使用工具，在這里你可以找到各個領域的天才。

99% Invisible

你見過一個小房子被一個巨大的購物中心包圍么？想知道它背后的故事？冰淇淋車的音樂怎么樣？這個博客分析了那些你可能根本想不到的事物背后的思考。

演示

有的時候創建一個完美的作品已經花掉了你全部的精力了，但是現在你還必須要學會展示它。這里有一些資源能幫助你更好的做到這點。

Smartmockups

快去拿這些產品的效果圖去打動董事會，他們不知道為什么都很喜歡第一人稱視角的圖片。

Devices by Facebook

Facebook重繪了很多流行的設備所以他們可以被用在Origamy和Framer中，這些設備可以幫助你以一個清爽的方式展示你的設計。

HTML5 templates

沒錯，他們都是免費的。是的，你可以用它們來做任何事情。并且，他們會為你節省大量的時間，和一些錢。

UI設計

界面設計相關的資源對于很多設計領域來說是黃油和面包一樣的存在，反正我是這么堅信的。在這部分永遠都不嫌資料太多。

Mo.js

讓這些流暢美麗的動效去愉悅你的眼睛，這里還有許多教程讓你可以從頭開始。

Cubic Bezier

這個網站可以幫助你通過控制運動曲線來定制自己的動畫。

Living Styleguide

簡單的方式去為你的品牌創造和維持一個風格，它還可以被轉成CSS元素等，你可以調整它們直到你滿意。

Craft by Invision

我現在已經離不開它了，它和Sketch現在已經是我的主要工具，我已經適應它并且愛上它了。它可以無縫適配你的多個屏幕，原型線框圖用它來做非常完美，即使做起高保真圖來也不含糊喲。

Shared text styles

這是一個sketch上很有用的插件可以配合著Craft使用。

SVGOMG

這是個極好的資源將使你的SVG代碼更易讀。

Loading.io

一個加載動畫生成網站，如果你需要為你的app，網站或者項目創建一個加載動畫，那么去這里吧，你可以生成一個你最喜歡的。有SVG、CSS和GIF導出功能。

Puzzles

圖標，屏幕和iOS 10的UI元素。所有都是矢量化的。

UX相關

用戶體驗是一項需要很多不同學科支持的技術。為了更好的配合我們的工作，有這樣的學科的在線工具來幫助我們，使我們的工作更快捷，高效，和輕松。

Aspects

一個幫助你換算屏幕比例的工具。

UX Checklist

當你創建并開始了一個UX項目，你必須得保證你在這個過程中不忘記任何事情。UX checklist會幫助你列舉出你正在進行著的步驟。這將幫助你贏的一些晚上的睡眠時間。

Printable devices

灰模原型常常需要制作者具備一些視覺方面的幫助，不然你只能一張一張的畫。幸運的是，有人有同樣的感覺，并且做了一些事情。把它們打印在紙上你就可以開始畫原型啦。

Pttrns

基準測試應用程序是一個偉大的成功，對于設計師來說，這個資源是特別寶貴的，當你想在其他應用程序檢查特定元素是如何工作的時候（尤其是如果這些應用程序是不能用于你的國家）。

視覺

當我開始設計的時候總是使用圖案、網格等資源，這些是我們設計的基本元素。無論我做什么，我都有大量的資源去方便我創造一個令人愉悅的視覺元素。

Visual Center

視覺中心和實際的圖片中心可不一樣...但是別擔心，我最近找到了一個幫助你尋找真正視覺中心的資源。

Free stock images & videos

這里的資源比所有你知道的免費資源（例如unsplash等）還要多得多。

Color Wheel

Adobe CC的色輪是一個相當棒的資源，色彩無處不在，一定要下一個Adobe capture到你的手機上，這能幫你獲得一些很棒的靈感。

排版

我相信沒有哪個設計師不愛排版的，我們甚至可以直接從文字中創造出藝術來。我已經記不清我對自己說了多少次：我已經有足夠多的字體了。

Type Terms

Type Terms將教會你排版背后的全部秘密，或者至少它可以幫助你區分那些好的字體和差的字體。無論你是為你的app，網站還是品牌，選擇一個合適的字體都是一件非常重要的事情。

Type Anything

如果你為了你下一個網站建設而使用谷歌字體，那么你可能會有興趣使用這個資源。它將會幫助你進行字體搭配。

其它

Bonsai

一個幫助自由職業者和企業聯系起來的網站，可以幫助你自動生成一些合同啊文件啥的。這些都是設計師們最頭疼的事情。

User research and testing

一個UXdesign.cc的資源列表，我最喜歡的資源之一。

Service design toolkit

這是一個非常棒的，容易使人上癮的資源。這里有很多關于用戶研究的模板，下載它們然后用在自己的項目里吧。

歡迎關注譯者的微信公眾號：

原文地址：blog.prototypr.io

【優設網 原創文章 投稿郵箱：yuan@uisdc.com】

================關于優設網================
"優設網uisdc.com"是國內人氣最高的網頁設計師學習平臺，專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量150萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com