月底發(fā)設(shè)計圈干貨幾乎成為了優(yōu)設(shè)的傳統(tǒng)了~和以前一樣，這次的文章搜羅了近期網(wǎng)絡(luò)上各式各樣的干貨和免費素材，每次都會有的UIKit和圖標(biāo)集是設(shè)計師永遠的朋友，開發(fā)者喜歡的開發(fā)框架以及模板也從未爽約，最后還有幾篇頗為不錯的文章和案例，如果你英文還湊合的話，搭配詞典和翻譯工具也可以明白作者的善意。希望每月的干貨能一次滿足你幾個愿望！

Retina UI Kit

這是一套為高分辨率屏幕所準(zhǔn)備的UIKit，控件涉及多媒體、博客、天氣等多種類型的UI控件，你甚至可以用到APP設(shè)計中。

LowPoly 背景大禮包

五顏六色的背景圖，標(biāo)志性的幾何外觀，包羅萬象的內(nèi)容，如果你喜歡LowPoly，那么這個超大的背景圖包絕對無法錯過。

如果你想親自動手：《PS新手教程！教你快速繪制精致有格調(diào)的馬賽克背景》

Creative Portfolio PSD Template

得益于這套高效的作品展示模板，你可以快速設(shè)計出漂亮的個人展示站。

Flat Office Desk for Sketch

這是一套使用Sketch制作出來的插畫，電腦、臺燈、書籍等桌面常見的元素被納入到這套插畫中，借助這個模板，你可以快速制作出適用于多種場景的插畫。

給你選擇Sketch的理由：《巔峰對決！新晉神器SKETCH VS. 經(jīng)典老炮PHOTOSHOP》

Package Box Mockup

一套風(fēng)格時尚的包裝設(shè)計模板，在用PS編輯它們的時候，記得巧用智能對象。

Technology Poster Template

這是一套富有科技感的海報模板，模板包含了所有圖標(biāo)，格式覆蓋了AI、InDesign和Photoshop，我想你會善用這些模板的。

Cubism.js: 時間序列可視化

這套插件是由著名設(shè)計團隊Square帶來的，有了它你可以將D3時間序列可視化，將來自Graphite、Cube或者其他來源的數(shù)據(jù)可視化。

這可是設(shè)計趨勢哦：
·《2015年熱門趨勢！初探信息可視化的流程+方法（上）》
·《2015年熱門趨勢！初探信息可視化的流程+方法（下）》

Overscroll.js

這套JS代碼還是蠻實用的，插入代碼后，當(dāng)用戶滾動頁面超過特定高度之后，再顯示加載后續(xù)的內(nèi)容。不過有個缺陷——它只是適用于iOS和Mac平臺。

Conditioner.js

通過設(shè)置各種環(huán)境變量，幫你實現(xiàn)加載和上傳你項目的不同功能組件，可以設(shè)置地很簡單，也可以弄的非常復(fù)雜，一切看你~

Social Share Kit

這是一套以CSS和JS呈現(xiàn)的有趣社交分享工具，包含了相關(guān)的按鈕、圖標(biāo)、分享計數(shù)工具、彈出框和粘滯按鈕工具欄。

Jest: 無痛JS單元測試

這個JS單元測試工具是基于Jasmine Test Framework 構(gòu)建的，它可以讓事情更簡單無痛。

一組抓人眼球的粗體英文字體

醒目的英文粗體字是海報設(shè)計中的重要組成部分，這個40組英文粗體字的合集就是幫你搞定這部分工作的。

中文字體怎么辦？看這里：《超實用！有哪些活潑而高端且不俗套的中文字體？》

Timber Font

這是一款包含兩種不同外觀的有趣字體，大小寫隨意切換。

Fonesia Font

Fonesia 是一款易于閱讀的優(yōu)質(zhì)字體，包含三種不同字重，完整的字型，無憂使用。

35 Map Pin Icons

這是一組矢量的地圖針圖釘圖標(biāo)合集，個人和商用均可。下下來唄，說不定馬上可以用上。

Flat Security Icons

這是一組安全相關(guān)的圖標(biāo)合集，現(xiàn)代的外觀確保了這套圖標(biāo)可以適用于絕大多數(shù)的項目，絕對值得收藏一份。

Jam.py Framework

如果你想為網(wǎng)站或者桌面端創(chuàng)建一套數(shù)據(jù)庫應(yīng)用，那么Jam.py 絕對是你的菜，它提供了一套不錯的解決方案。

Aurelia

這是一套現(xiàn)代化的JS客戶端框架，旨在讓你的工作更加便捷，將經(jīng)理投放在更加重要的創(chuàng)新項目上。

Montage.js HTML5 Framework

這套框架可以幫你快速構(gòu)建適用于所有設(shè)備的單頁網(wǎng)站，這套框架的設(shè)計理念經(jīng)過了時間的考驗，可以放心使用。

Web Font Load: 一次安裝所有的Google網(wǎng)頁字體

這個工具本身的介紹已經(jīng)就很霸氣了：一次安裝所有的Google網(wǎng)頁字體。這套腳本可以幫你一次性將1500多個Google 網(wǎng)頁字體安裝到你的Mac或者Linux上去。

也許這篇文章是你的菜：《網(wǎng)頁設(shè)計新趨勢：我所知道的關(guān)于WEB字體的一切》

BrowserSync: Synchronised Browser Testing

這是一款極好的瀏覽器同步測試工具，測試過程中你會看到多個瀏覽器的變化，實時加載的效果，負載狀況等等。你還可以跟蹤頁面滾動、點擊等多種行為的運行狀態(tài)。

GoodUI 說明

這個網(wǎng)站包含了數(shù)十條技巧說明，教你如何創(chuàng)建漂亮且真正有用的UI，并且用實際項目和案例現(xiàn)身說法。

Simbyone Newsletter Builder

這是一套整潔的可視化郵件創(chuàng)建工具，可以幫你創(chuàng)建漂亮的通訊稿和郵件，你還可以下載HTML格式的版本單獨保存。

Modulator: 創(chuàng)建屬于你的字體

顧名思義，Modulator 可以幫你創(chuàng)造屬于自己的字體，可控的參數(shù)和特性多達十幾種，絕對可以打造出獨一無二的字體，希望你能喜歡。

UX 項目清單

這個名為UX項目清單的工具可以幫你將你的項目所設(shè)計的用戶體驗設(shè)計的每個條目羅列出來，通過合理的管理監(jiān)測將用戶體驗設(shè)計最大化。

原型設(shè)計工具

這是一篇關(guān)于原型工具的文章，在這篇文章你總能找到一款適合你的項目的原型工具。這篇文章會隨著工具們的更新而不斷調(diào)整修改，可以長期收藏哦。

不容錯過的原型設(shè)計發(fā)展史：《姿勢大漲！你了解線框圖和原型的過去、現(xiàn)在與將來嗎？》

CSS User Avatars

這是一套頗為不錯的表情合集，是用純粹的CSS寫的，如果你正在為自己的網(wǎng)站找可用的表情合集的話，這應(yīng)該就是你要的東西~

Webfont Demo

這套演示Demo展示了網(wǎng)頁字體的各種可能性，各種著名的英文字體以七種不同的樣式展現(xiàn)出來。

CSS Day/Night Toggle Switch

這是用CSS寫的一對晝夜模式切換開關(guān)，真的是純CSS創(chuàng)建的哦！

Gorgeous Website Template PSD

這是一套雅致的網(wǎng)站PSD模板，干凈的布局，大氣的背景，值得收藏~

Seven: Portfolio Template

這是一款名為Seven的作品展示模板，可以在PS中編輯，整體風(fēng)格整潔時尚。其中包含了免費的谷歌字體和免費預(yù)覽圖的下載鏈接。

Website Documentation PSD Template

創(chuàng)建一套符合邏輯內(nèi)容豐富的文檔頁面絕對是非常費神的，這主要是因為數(shù)據(jù)和內(nèi)容極大。這套清爽的模板邏輯清晰，能幫你節(jié)省不少精力。

Material Design Exploration: NBA Scores

這是一次頗有意義的探索：如果使用Material Design的設(shè)計規(guī)范來設(shè)計NBA的APP會是什么樣子呢？這套設(shè)計稿，會給你答案。

The Shape of Materials to Come

這個網(wǎng)站展示了Material Design的動畫可以做到哪些效果，能實現(xiàn)什么功能。這里所有的效果都基于最基本的四個動畫，而這些不一樣的動效被實現(xiàn)到菜單、輸入框等各種不同的UI元素之上，幫你開腦洞。

5 Creative Uses of Favicons

Favicon 是網(wǎng)站設(shè)計的重要組成部分，這篇文章就詳細講述了充分運用Favicon的5種方法。

此外還有一篇使用文章推薦給你：《設(shè)計小測試！教你制作完美的FAVICON圖標(biāo)(附神器)》

Responsible Social Share Links

這邊文章詳細講述了如何為網(wǎng)站添加社交分享鏈接而又不影響加載速度，如何避免影響用戶體驗的JS和其他額外的請求。

How to Tell Good Hand-Lettering From the Wannabes

三位排版設(shè)計領(lǐng)域的大師在這篇文章中探討了近年手繪字體排版的熱潮是如何延伸到網(wǎng)頁設(shè)計領(lǐng)域的，如果你也是愛好者，請不要錯過這篇文章，你會從中了解到正確設(shè)計手繪排版的方法。

網(wǎng)頁設(shè)計案例: Brian Hoff Design

動效和響應(yīng)式設(shè)計都是網(wǎng)頁設(shè)計的熱點，Brian Hoff的這個網(wǎng)站是一個非常值得學(xué)習(xí)的案例，設(shè)計師展示了這個包含許多較大控件的網(wǎng)站，是如何借助動效打造優(yōu)秀的用戶體驗的。

網(wǎng)頁設(shè)計案例: Hello Monday

這個名為Hello Monday的網(wǎng)站，旨在將眾所周知最糟糕的周一徹底扭轉(zhuǎn)過來。這個團隊想通過展示過去和世界頂級品牌合作的優(yōu)秀案例，讓你忘記糟糕的周一。

三月往期干貨合集：

《囤免費福利了！優(yōu)設(shè)三月份熱門高質(zhì)量PSD免費下載》
《干貨必收！高質(zhì)量APPLE WATCH展示模板+GUI免費下載》
《順豐模板速遞！三月第二波優(yōu)質(zhì)好用的展示模板免費下載》
《自己動手來建站！20個高質(zhì)量的最新網(wǎng)站模板免費下載》

原文地址：onextrapixel
優(yōu)設(shè)譯者：@陳子木

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請尊重版權(quán)和譯者成果，轉(zhuǎn)摘請附上優(yōu)設(shè)鏈接，違者必究。謝謝各位編輯同仁配合。

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是國內(nèi)人氣最高的網(wǎng)頁設(shè)計師學(xué)習(xí)平臺，專注分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程。
【特色推薦】
設(shè)計師需要讀的100本書：史上最全的設(shè)計師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計微博：擁有粉絲量92萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：