很多網頁設計師都身兼界面設計以及前端代碼的職責，工作實在繁忙，所以我們經常使用一些輔助工具來加快和實現自己的項目。今天整理8個新設計工具和插件給網頁設計師們，希望大家喜歡。

超實用資源：
《這效果超火！教你創建高大上的多邊形字體》
《大福利！350M高分辨率低多邊形背景圖打包下載！》

個別插件現在用不上，可馬克到微博或印象筆記。

Scrollme jQuery插件

這是一個有點類似視差滑動特效的插件，當你頁面滑動指區域，然后會加載對應動畫。就是一邊下拉滾動一邊有動畫跟著播放一樣，具體看DEMO吧！

Avocode

一個photoshop擴展工具，主要用來預覽和檢查，很多小功能，比如點擊某圖層就能直接預覽對應CSS代碼樣式、字體、顏色、SVG等等，具體沒有測試過，因為目前是內測中，大家可以輸入自己的郵箱去獲取。

Mocha

一個運動在node.js上的測試框架。

Responsive Nav

一個自適應網站菜單，如果做兼容手機設備的網站，可以試用這個插件，只有1KB大小而已。

菜單是點擊從上方展示出來。

PSD文件轉PNG工具（mac OS）

直接把一個或多個PSD文件直接輸.jpg格式，使用方法很簡單，直接將PSD拖入PSDt.jpg.APP里面即可。

kreate.js

kreate.js插件可以快速生成DOM，適用于測試使用。

Headroom.js

當用戶向下滾動頁面時，頁面頭部將會自動隱藏。

Bootstrap Live Customizer

Bootstrap官方的自定義工具不夠強大或不好用？這個在線樣式生成工具你一會喜歡上，以后做BS架構的網頁都用它來定義樣式吧，實現太方便了，支持實時預覽，喜歡！

第一次加載有點慢，但加載完后就好了哦。

原文地址：shejidaren

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

================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
設計師需要讀的100本書：史上最全的設計師圖書導航：http://hao.uisdc.com/book/。
設計微博：擁有粉絲量71萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：