這 5 款工具，讓設(shè)計師工作效率提升 200%！（七）?

大家好，我是和你們聊設(shè)計的花生~

又到了為大家推薦效率工具的時候啦，今天要推的 5 個效率工具分別是：

• 讓字體動起來！Ae 小白也能用的動效神器 Space Type Generator
• 存圖必備！一鍵批量保存網(wǎng)頁圖片的插件 ImageAssistant
• 源文件開放！免費的高質(zhì)量網(wǎng)頁模板網(wǎng)站 Web Page Design
• 超方便！漸變陰影生成器 CSS Shadow Gradients
• 想做可視化設(shè)計？這些寶藏工具不容錯過！

錯過上期的小伙伴看這里

Space Type Generator

「網(wǎng)址直達(dá)」 https://spacetypegenerator.com/

Space type generator 是國外大神 Kiel D. Mutschelknaus 開發(fā)的一款空間字體動效生成器。生成器內(nèi)包含 14 種字體特效和 6 種預(yù)設(shè)樣式，還提供顏色、字體、視角、角度等多種調(diào)節(jié)選項，可以生出豐富多樣的字體動效，對不會 Ae 的小伙伴十分友好。唯一的缺點就是目前還不支持中文字體輸入，但是作為海報或 PPT 的裝飾元素也是非常不錯~

圖片來源： https://www.youtube.com/watch?v=qCPkeT3DQVU

圖片來源： https://www.theverge.com

想深入了解 Space type generator 使用方法的小伙伴可以點擊下方鏈接進(jìn)入視頻學(xué)習(xí)：

「使用視頻」 https://www.youtube.com/watch?v=qCPkeT3DQVU （需梯子）

開發(fā)者自己也是一位優(yōu)秀的字體動效設(shè)計師，想看更多字體動效靈感的小伙伴可以關(guān)注他：

「開發(fā)者 Instagram 主頁」 https://www.instagram.com/kiel.d.m/ （需梯子）

ImageAssistant

「插件下載及功能說明」 https://www.pullywood.com/ImageAssistant/

ImageAssistant 是用于嗅探、分析、篩選、下載網(wǎng)頁圖片的插件，適用 Chrome、Firefox、360 等多款瀏覽器。其中「圖片篩選」功能可以將圖片按分辨率進(jìn)行排序，或者指定類型及大小進(jìn)行篩選，另外還提供尺寸漏斗選項，小于設(shè)定值的圖片會直接被忽略，能大大提高我們篩選圖片的速度。

Web Page Design

「網(wǎng)址直達(dá)」 https://webpagedesign.io/

Web page design 是一個專門提供精美網(wǎng)頁模板的網(wǎng)站，模板包含科技、金融、美妝 、服飾、餐飲、醫(yī)療等多個領(lǐng)域，提供 Figma 和 Xd 格式的源文件，下載后可以再次編輯。這些模板可以用作個人學(xué)習(xí)和商單設(shè)計，但是不能被二次售賣，也不可以被冠以個人原創(chuàng)的名義。

「下載方式」點擊卡片進(jìn)入詳情頁，右上角有「download now」的選項，點擊后填寫自己的郵箱信息就可以下載了。

CSS Shadow Gradients

「網(wǎng)址直達(dá)」 https://alvarotrigo.com/shadow-gradients/

CSS Shadow Gradients 是一位外國小哥álvaro Trigo 自己開發(fā)的雙色漸變陰影生成器。網(wǎng)站首頁上方的面板可以調(diào)節(jié)漸變的偏移位置、擴散范圍、模糊程度、方向、不透明度和顏色占比；下方有很多預(yù)設(shè)的漸變色卡，點擊色塊就能在色板中調(diào)整顏色。所有的調(diào)整變化都能實時顯示在所有的色卡上，便捷直觀。

使用方法：在上方的設(shè)置面板中調(diào)整好漸變樣式，然后在下方小色卡中修改顏色，完成后點擊小色卡右上角的「COPY CSS」，復(fù)制參數(shù)即可使用。

可視化神器推薦

可視化設(shè)計越來越成為備受關(guān)注的領(lǐng)域，優(yōu)設(shè)也有很多相關(guān)優(yōu)秀文章為大家分享可視化設(shè)計的規(guī)范、經(jīng)驗和干貨資源，今天為大家推薦其中一些超好用的可視化設(shè)計效率神器。

首先是可視化大神「灰色執(zhí)照」開發(fā)的效率工具 NB MAP、NB PIE 和 NB 3D Charts，簡單易上手，最終呈現(xiàn)的效果也非常不錯，最最重要的就是完全免費。

另一個就是專攻可視化設(shè)計的優(yōu)秀設(shè)計師「Mr.小六」，他出過 2 篇可視化設(shè)計神器推薦，里面都是非常實用的工具，想學(xué)可視化設(shè)計的小伙伴一定不要錯過~

好了以上就是今天的推薦，希望對大家有所幫助。如果你有想要推薦/尋找的效率工具，歡迎在評論區(qū)提出，我們會第一時間給出回應(yīng)。我是花生，下期見~