UI界面設計

2019年值得一試的5個ui設計工具

3300

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

各種工具來來去去，但是總會有一些工具永遠留存在你的電腦里。

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

Drubbbler

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

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

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

Adobe Capture

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

相較而言，Adobe Capture 比起 Adobe Color CC 更為強大，因為它借助智能手機的鏡頭，可以更好地獲取素材，無論是圖片和風景中的色彩，還是圖案、形狀、字體、材質(zhì)，都能被它抓住，轉(zhuǎn)化成為你可用的素材，并且同步到創(chuàng)意云當中，隨時被PS、AI這類工具所調(diào)用。

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

當然，它也存在一點缺陷，那就是在抓取圖案和筆刷上，你可能需要稍微摸索一下，它的學習曲線稍稍有點陡峭。但是一旦你掌握了，炫酷的設計就離你不遠了。

Khroma

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

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

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

真的很酷，值得試試。

ColorSlurp

正如同它本身的宣傳語一樣，ColorSlurp 可能確實是整個 Mac 平臺上最好用的取色和配色工具。它和很多同類型的工具有相似的地方，但是在體驗和易用性上強了很多。

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

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

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

Kami 和 Kami?2

其實配色工具有上面三款，怎么著都夠用了。接下來，我要推薦的這倆，其實是一款游戲，也是一個非常不錯的靈感工具。Kami 和 Kami 2 是同一個系列的益智游戲，游戲中你需要將同一個色彩填充整個屏幕，而屏幕上的小三角形元素會像紙張一樣被折疊起來。在游戲的過程中，你需要面對許多各不相同的炫酷模式。

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

初代作品 Kami 橫跨 iOS、Mac 和 Windows 三個平臺，而二代作品 Kami 2 是 iOS 平臺獨占的作品，但是它是完全免費的，這一點是加分項。

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

Avocode

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

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

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