在一個(gè)熱愛色彩的UI設(shè)計(jì)師眼里，這6款新工具不容錯(cuò)過

編者按：我們經(jīng)常會(huì)推薦各式各樣的工具，但是什么樣的工具推薦最有意義呢？在我看來，除了工具本身各種顯而易見的功能和屬性之外，最重要的，還是它得經(jīng)過驗(yàn)證，經(jīng)過實(shí)戰(zhàn)洗禮。今天的文章中所要推薦的工具，是設(shè)計(jì)師 Punit Chawla 歷時(shí)一個(gè)月，專門挑選了一大批新興的設(shè)計(jì)工具，逐漸篩選之后，留存在他電腦中的6款精選工具。不過，可能是和職業(yè)喜好有關(guān)，Punit 所推薦的工具當(dāng)中有一半和配色有關(guān)，但是總體上來說，這些工具都值得嘗試哦~

各種工具來來去去，但是總會(huì)有一些工具永遠(yuǎn)留存在你的電腦里。

對(duì)于這些新工具，經(jīng)過一個(gè)多月的嘗鮮、體驗(yàn)和實(shí)戰(zhàn)使用之后，能夠剩下6款值得長期留存在我的電腦當(dāng)中，還是挺讓我高興的。我希望我所篩選出來的這6款工具最終也能讓你在進(jìn)行UI/UX 設(shè)計(jì)的時(shí)候事半功倍！

Drubbbler

其實(shí)現(xiàn)在 Dribbble 的用戶越來越多了，所以，專門服務(wù)于 Dribbble 設(shè)計(jì)師的工具也慢慢多起來了。今年我偶然間發(fā)現(xiàn)這款工具之后，就逐漸喜歡上它了。

由于Dribbble 本身的平臺(tái)限制，設(shè)計(jì)師在上傳自己作品的時(shí)候，限制還蠻多的。而這款名為 Drubbbler 的工具就是專門為完善 Dribbble 服務(wù)而誕生的，它幫助設(shè)計(jì)師更好的管控發(fā)布作品的頻率，一站式添加標(biāo)簽、標(biāo)題、描述和作品。對(duì)于很多需要在 Dribbble 上發(fā)布作品的設(shè)計(jì)師而言，它比原生的發(fā)布編輯器更便捷。

當(dāng)然，它的缺陷也很明顯，Drubbbler 最多只允許上傳800 x 600的圖片，格式只能是 png、jpeg 和 gif，并不支持上傳視頻，這一點(diǎn)還沒有跟上 Dribbble 本身的需求。

Adobe Capture

這款工具應(yīng)該脫胎于最早的 Adobe Kuler，之后 Kuler 在桌面端演變成為 Adobe Color CC，成為了創(chuàng)意云軟件中的一員，而移動(dòng)端上則進(jìn)化為另外一個(gè)更為獨(dú)立的工具——Adobe Capture 。

相較而言，Adobe Capture 比起 Adobe Color CC 更為強(qiáng)大，因?yàn)樗柚悄苁謾C(jī)的鏡頭，可以更好地獲取素材，無論是圖片和風(fēng)景中的色彩，還是圖案、形狀、字體、材質(zhì)，都能被它抓住，轉(zhuǎn)化成為你可用的素材，并且同步到創(chuàng)意云當(dāng)中，隨時(shí)被PS、AI這類工具所調(diào)用。

你所需要做的，就是將它對(duì)準(zhǔn)你所感興趣的東西，然后選取你要抓取的素材和內(nèi)容，同步即可。這款A(yù)PP 在 iOS 和安卓上都有，絕對(duì)免費(fèi)。

當(dāng)然，它也存在一點(diǎn)缺陷，那就是在抓取圖案和筆刷上，你可能需要稍微摸索一下，它的學(xué)習(xí)曲線稍稍有點(diǎn)陡峭。但是一旦你掌握了，炫酷的設(shè)計(jì)就離你不遠(yuǎn)了。

Khroma

Khroma 也并不是一款非常著名的工具，并且它仍然處于測試階段。但是，在我嘗試了諸多工具之后，認(rèn)為它是非常值得擁有的一款。

我當(dāng)初是在 Awwwards 的博客當(dāng)中偶然碰到有人推薦它，真正開始使用之后，才逐漸意識(shí)到我撿到寶了。這款工具將配色和人工智能結(jié)合到一起，它能夠逐漸熟悉和了解你對(duì)于色彩的品味，并且基于你的偏好來給你推薦配色方案。除了這個(gè)基本的功能以外，Khroma 還會(huì)使用文本、圖片和海報(bào)來幫你直觀地測試配色方案在實(shí)際設(shè)計(jì)中的使用效果，包括時(shí)下流行的漸變，它也比其他絕大多數(shù)的工具要好用！

不過，另外一方面，你想獲得這樣的便利也需要付出一定的代價(jià)——Khroma 了解你的前提，是你必須「投喂」給它足夠的信息。一開始，你得選取50種你所喜歡的色彩，用來訓(xùn)練 AI。完成這個(gè)步驟之后，你會(huì)發(fā)現(xiàn)配色的世界一馬平川。

真的很酷，值得試試。

ColorSlurp

正如同它本身的宣傳語一樣，ColorSlurp 可能確實(shí)是整個(gè) Mac 平臺(tái)上最好用的取色和配色工具。它和很多同類型的工具有相似的地方，但是在體驗(yàn)和易用性上強(qiáng)了很多。

ColorSlurp 正如同它的名字所描述的那樣，當(dāng)它在屏幕上選取顏色的時(shí)候，會(huì)發(fā)出有趣的聲音。為了在激烈的配色工具的世界中競爭，ColorSlurp 的免費(fèi)版就具備了頗為強(qiáng)大的功能，而它的進(jìn)階版還會(huì)給你提供單獨(dú)的深色模式、高級(jí)設(shè)置和20種不同的色彩格式，提供給更苛刻的某些 Pro 用戶。

如果你使用的是帶有 Touch Bar 的Macbook Pro的話，那么你就更幸福了，ColorSlurp 還支持 Touch Bar，你可以借助它更快更好地選取色彩。

當(dāng)然，在為期一個(gè)月的使用過程中，我發(fā)現(xiàn)它唯一的不足在于，它還有一些小的Bug，有時(shí)候會(huì)崩潰，不過瑕不掩瑜，我依然非常推薦。

Kami 和 Kami?2

其實(shí)配色工具有上面三款，怎么著都?jí)蛴昧恕＝酉聛恚乙扑]的這倆，其實(shí)是一款游戲，也是一個(gè)非常不錯(cuò)的靈感工具。Kami 和 Kami 2 是同一個(gè)系列的益智游戲，游戲中你需要將同一個(gè)色彩填充整個(gè)屏幕，而屏幕上的小三角形元素會(huì)像紙張一樣被折疊起來。在游戲的過程中，你需要面對(duì)許多各不相同的炫酷模式。

來自這家公司的游戲在視覺上都非常驚艷，Kami 和 Kami 2 則是旗下產(chǎn)品中最為成功的系列，因?yàn)閮?yōu)秀所以出了續(xù)作。作為設(shè)計(jì)師，我們幾乎可以從每一個(gè)關(guān)卡中獲取靈感，無論是色彩、布局還是圖案，可以說都是上佳的參考。

初代作品 Kami 橫跨 iOS、Mac 和 Windows 三個(gè)平臺(tái)，而二代作品 Kami 2 是 iOS 平臺(tái)獨(dú)占的作品，但是它是完全免費(fèi)的，這一點(diǎn)是加分項(xiàng)。

另外，我關(guān)注了 State of Game 這個(gè)團(tuán)隊(duì)的帳號(hào)，他們?nèi)缃裾谡心?D設(shè)計(jì)師，為他們的下一個(gè)游戲作品籌劃，可以說非常值得期待了。

Avocode

Avocode 的功能算是跨越出了設(shè)計(jì)領(lǐng)域，它能夠?qū)⒛愕脑O(shè)計(jì)稿最終轉(zhuǎn)化為代碼。同類工具雖然不少，但是能夠優(yōu)秀成 Avocode 這樣的并不多，它同時(shí)支持 PS、AI、XD 和 Sketch 四個(gè)主流的設(shè)計(jì)工具，設(shè)計(jì)稿拖進(jìn)去，HTML和CSS 代碼輸出出來。在它的編輯器當(dāng)中，你可以進(jìn)行更加細(xì)致的修改，比如針對(duì)單個(gè)UI元素和控件進(jìn)行審查和調(diào)整，而且還有超多輔助性的功能幫你完善所有的這一切。

如果你正在設(shè)計(jì)移動(dòng)端的應(yīng)用，這款工具將會(huì)是你極大的助力。你可以選擇直接在他們的網(wǎng)站上完成操作，也可以下載 Windows、Mac 和 Linux 平臺(tái)上的應(yīng)用，在本地進(jìn)行修改。無論是個(gè)人使用，還是團(tuán)隊(duì)協(xié)作，功能都已經(jīng)完善了。

接下來，該說說缺陷了。這款工具試用期只有14天。之后你可以根據(jù)是個(gè)人使用還是團(tuán)隊(duì)使用，購買相應(yīng)的套餐即可。如果你正試圖尋找免費(fèi)的工具，那么它就不適合了。

結(jié)語

工具好用不好用，真正需要它的人最知道。如果這些工具正好切入到你的需求上，那么不妨嘗試一下，說不定它和你的電腦、工作需求正好很搭呢？