• 百圖網免費素材千人群

百圖網 > 設計教程 > 軟件下載 > 設計師福利:8個提高效率的設計工具分享

設計師福利:8個提高效率的設計工具分享

damaer
damaer

2014-11-27

評論 0

瀏覽

收藏

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

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

Scrollme jQuery插件

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

先到先得!8個提高效率的設計工具分享

Avocode

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

先到先得!8個提高效率的設計工具分享

Mocha

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

先到先得!8個提高效率的設計工具分享

Responsive Nav

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

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

先到先得!8個提高效率的設計工具分享

PSD文件轉PNG工具(mac OS)

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

先到先得!8個提高效率的設計工具分享

kreate.js

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

先到先得!8個提高效率的設計工具分享

Headroom.js

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

先到先得!8個提高效率的設計工具分享

Bootstrap Live Customizer

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

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

先到先得!8個提高效率的設計工具分享

: 效率 工具 設計工具

美式足球比分迅盈