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

Retina UI Kit

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

LowPoly 背景大禮包

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

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

Creative Portfolio PSD Template

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

Flat Office Desk for Sketch

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

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

Package Box Mockup

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

Technology Poster Template

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

Cubism.js: 時(shí)間序列可視化

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

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

Overscroll.js

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

Conditioner.js

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

Social Share Kit

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

Jest: 無(wú)痛JS單元測(cè)試

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

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

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

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

Timber Font

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

Fonesia Font

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

35 Map Pin Icons

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

Flat Security Icons

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

Jam.py Framework

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

Aurelia

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

Montage.js HTML5 Framework

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

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

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

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

BrowserSync: Synchronised Browser Testing

這是一款極好的瀏覽器同步測(cè)試工具，測(cè)試過(guò)程中你會(huì)看到多個(gè)瀏覽器的變化，實(shí)時(shí)加載的效果，負(fù)載狀況等等。你還可以跟蹤頁(yè)面滾動(dòng)、點(diǎn)擊等多種行為的運(yùn)行狀態(tài)。

GoodUI 說(shuō)明

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

Simbyone Newsletter Builder

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

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

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

UX 項(xiàng)目清單

這個(gè)名為UX項(xiàng)目清單的工具可以幫你將你的項(xiàng)目所設(shè)計(jì)的用戶體驗(yàn)設(shè)計(jì)的每個(gè)條目羅列出來(lái)，通過(guò)合理的管理監(jiān)測(cè)將用戶體驗(yàn)設(shè)計(jì)最大化。

原型設(shè)計(jì)工具

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

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

CSS User Avatars

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

Webfont Demo

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

CSS Day/Night Toggle Switch

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

Gorgeous Website Template PSD

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

Seven: Portfolio Template

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

Website Documentation PSD Template

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

Material Design Exploration: NBA Scores

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

The Shape of Materials to Come

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

5 Creative Uses of Favicons

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

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

Responsible Social Share Links

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

How to Tell Good Hand-Lettering From the Wannabes

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

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

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

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

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

三月往期干貨合集：

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

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

本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，請(qǐng)尊重版權(quán)和譯者成果，轉(zhuǎn)摘請(qǐng)附上優(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"是國(guó)內(nèi)人氣最高的網(wǎng)頁(yè)設(shè)計(jì)師學(xué)習(xí)平臺(tái)，專注分享網(wǎng)頁(yè)設(shè)計(jì)、無(wú)線端設(shè)計(jì)以及PS教程。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量92萬(wàn)的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過(guò)掃描下方二維碼快速添加：