每天都有新的設(shè)計(jì)工具和素材誕生，當(dāng)你搜索各種工具的時(shí)候，選擇多得讓人眼花繚亂。許多工具看起來不錯(cuò)，但是當(dāng)你注冊了下載了，最終卻很少使用。那些真正優(yōu)秀的工具則不同，它們真正深入到設(shè)計(jì)師的實(shí)際需求當(dāng)中，成為日常設(shè)計(jì)和工作中經(jīng)常被用到的部分。

今天這個(gè)工具列表絕對是脫水干貨，它們都是近幾年火起來，并且有著獨(dú)到價(jià)值的設(shè)計(jì)工具和服務(wù)，雖然其中有些是收費(fèi)的工具，但是依然具有免費(fèi)的版本。相信它們會(huì)成為你目前設(shè)計(jì)工具的有效補(bǔ)充~

1. Adobe Spark

Adobe Spark 是Adobe 所推出的一款輕量級在線Web應(yīng)用，它是用來創(chuàng)建有設(shè)計(jì)感的元素，幫你輕松快速地制作符合社交媒體推廣和營銷的漂亮宣傳圖。Adobe Spark 內(nèi)置了炫酷的排版、圖片和文字組合，只需要準(zhǔn)備好基本的素材，在Adobe Spark 的幫助下可以快速輸出看起來高端大氣上檔次的營銷圖片！

特點(diǎn)：免費(fèi)，如果你是Adobe創(chuàng)意云用戶，還有一些額外的福利。

2. WebGradients

2017年最火的趨勢之一，就是漸變了。設(shè)計(jì)出時(shí)尚又好看的漸變可以說是設(shè)計(jì)師的剛需，而WebGradients 就是為此而生的漸變工具。

這個(gè)網(wǎng)站包含了180種不同的線性漸變效果，你可以在網(wǎng)站的任何地方采用這些漸變的配色，只需要復(fù)制其中的CSS3代碼或者下載一個(gè)PNG格式的圖片就行了。另外，還有Sketch 和PS版本的素材。

特點(diǎn)：免費(fèi)

3. Figma

Figma 是一款原型設(shè)計(jì)協(xié)作應(yīng)用，它最大的好處在于你可以直接在瀏覽器中完成整個(gè)設(shè)計(jì)工作，無需上傳、下載，也不會(huì)遭遇各種報(bào)錯(cuò)。Figma 還提供演示模式，通過專用的共享鏈接，你還可以將進(jìn)行中的設(shè)計(jì)分享給客戶和相關(guān)的人員。

特點(diǎn)：免費(fèi)的新手帳號，12美元起步的團(tuán)隊(duì)付費(fèi)版

4. Font Map

尋找特定的字體可能是一件非常麻煩的事情，而IDEO 干脆設(shè)計(jì)了一個(gè)字體地圖，你可以一目了然地在上面看到750種不同的字體，其中展示的字母可以根據(jù)你的輸入來進(jìn)行調(diào)整。如果你感覺某個(gè)字體符合你的想法，點(diǎn)擊它就能跳轉(zhuǎn)到這一字體在Google Fonts 中的頁面。

特點(diǎn)：免費(fèi)，但是全都是英文字體。

5. Unsplash

Unsplash 可能是近年來素質(zhì)最高、口碑最好的免費(fèi)圖庫網(wǎng)站，其中圖片攝影風(fēng)格不落俗套，相當(dāng)大氣，易于使用還免費(fèi)可商用，不少開發(fā)者還在此基礎(chǔ)上開發(fā)了一些圖庫相關(guān)的API，可謂是圖庫服務(wù)中的新貴~

特點(diǎn)：免費(fèi)，大氣！

6. Calligraphr

有時(shí)候找不到合適的字體是一件很煩人的事情，不過作為設(shè)計(jì)師的你，倒是可以將想要的字體字形畫在紙上，這個(gè)時(shí)候，Calligraphr 這款應(yīng)用就非常有用了！它能快速地將你的手寫的字母符號轉(zhuǎn)化為一套字體，運(yùn)用在設(shè)計(jì)項(xiàng)目中。

特點(diǎn)：可以免費(fèi)地一次轉(zhuǎn)一種字體

7. Vectr

對于喜歡設(shè)計(jì)矢量圖形的設(shè)計(jì)師而言，Vectr 這款工具應(yīng)該很容易上手。和傳統(tǒng)的工具不同，Vectr 是一款優(yōu)秀的跨平臺(tái)工具，可以在桌面端運(yùn)行，也可以在運(yùn)動(dòng)運(yùn)行，你可以在其中設(shè)計(jì)LOGO，卡片，小冊子，甚至網(wǎng)站原型和PPT。Vectr 最優(yōu)秀的地方在于，它可以實(shí)時(shí)共享！

【基礎(chǔ)牢靠才能搞得定好設(shè)計(jì)】

1. 《劃重點(diǎn)！在為可穿戴設(shè)備設(shè)計(jì)時(shí)這11點(diǎn)超重要！》
2. 《對比這10個(gè)注意事項(xiàng)，你的網(wǎng)頁文字排版達(dá)標(biāo)了么？》
3. 《從這些工具開始，在設(shè)計(jì)時(shí)更科學(xué)地搞定配色》
4. 《講真，如今的好設(shè)計(jì)還是離不開數(shù)據(jù)的支持》
5. 《想讓設(shè)計(jì)更走心？你得學(xué)會(huì)用共情來驅(qū)動(dòng)設(shè)計(jì)》
6. 《學(xué)會(huì)插畫的這四種玩法，能讓你的UI體驗(yàn)更優(yōu)異》
7. 《這樣做引導(dǎo)，幫你的用戶快速熟悉手勢交互》
8. 《懸浮按鈕要怎么設(shè)計(jì)才能帶來好體驗(yàn)？》
9. 《怎樣借助故事板做好用戶體驗(yàn)設(shè)計(jì)？》

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

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

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

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com 是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺效果。

設(shè)計(jì)導(dǎo)航：國內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com