對于設(shè)計師和開發(fā)者而言，好工具和好想法同樣重要。我們常說“工欲善其事，必先利其器”，所以在項目開始之初，有必要弄清楚有哪些事情任務(wù)需要完成，而哪些成熟的工具可以有針對性地搞定這些問題。隨著如今網(wǎng)站開發(fā)需求的細化，越來越多項目衍生工具開始誕生，這些新工具通常會相當?shù)鼐哂嗅槍π裕�它們逐步成熟之后，會很好地反哺到其他的項目�?/p>

　　這次的設(shè)計與開發(fā)工具的精選當中，有幾個可能就是在這樣的背景下誕生的。這10款工具乍一看一般，但是在特定的項目中可能會大放異彩。

　　01. UI Interactions

　　這款名為UI Interactions 的工具實際上是一個款UI流程圖庫，它幫你整理出交互稿的圖庫，這些梳理好的交互流程可以很好地幫你做做UI設(shè)計的決策。

　　這些被整理好的UI交互合集可以持續(xù)不斷地給你輸送靈感，如果其中某個設(shè)計深得你心，你可以直接點擊選取獲得相應(yīng)的源代碼，并且合集中還會為你推薦類似的實現(xiàn)方法。

　　02. CanIUse Embed

　　Can I Use 是一個著名的前端開發(fā)類的信息支持網(wǎng)站，不同瀏覽器的各種支持細節(jié)會在網(wǎng)站上更新，可供查詢。Ire Aderinokun 所提供的這段腳本可以讓你輕松的獲取Caniuse.com的最新更新信息。

　　03. Microsoft Flow

　　IFTTT是“if this then that”的縮寫，事實上是讓你的網(wǎng)絡(luò)行為能夠引發(fā)連鎖反應(yīng)、讓你使用更為方便地將不同的功能與服務(wù)連通起來。而微軟的Microsoft Flow 就是官方提供的一項IFTTT服務(wù)，你可以借助它連通不同的APP和服務(wù)來提升你的整個工作流程，舉個例子，你可以創(chuàng)建這樣一個流程：當你的Github更新一個新的問題的時候，就會自動向Slack 發(fā)送一條通知。又或者，當你從特定的人那里收到一封郵件的時候，就向你的手機發(fā)送一條通知短信。

　　IFTTT服務(wù)出現(xiàn)的年頭也不短了，各家服務(wù)各有特色，支持也各部形同，這次微軟家的支持應(yīng)該不差，你可以用來試試。

　　04. Resource Cards

　　如果你是剛剛進入網(wǎng)頁設(shè)計領(lǐng)域不久的新人，那么你有必要了解一下進行這項工作的過程中，有哪些工具、素材是可以使用，讓你事半功倍的。而Resource Cards 就是幫你搞定這個事情的：所有的素材、工具和教程都被清晰地分成不同的類別，不論你是要設(shè)計原型、編寫代碼還是使用Photoshop來做設(shè)計，都能從中找到相應(yīng)的教程和資源。

　　05. Inspire by CanvasFlip

　　想體驗新的APP又不想挨個安裝、注冊、登錄和測試?不妨試試 Inspire 。CanvasFlip 出品的這款工具是一款原型工具，并且內(nèi)置了UX測試模塊。Inspire 堪稱是原型領(lǐng)域的Dribbble，它可以展示用戶體驗流程，主要針對移動端應(yīng)用原型設(shè)計，并且是直接在瀏覽器中運行。無需安裝大量的應(yīng)用程序，直接運行、測試就可以了。

　　06. Alloy

　　Alloy 是一款全新的網(wǎng)絡(luò)瀏覽器，它可以根據(jù)你所執(zhí)行的任務(wù)來組織標簽頁，所以，相比于將一大堆標簽頁都開著，Alloy 來的更加便捷：不同的標簽頁根據(jù)任務(wù)屬性和相關(guān)性被整合到了一起，使用的時候更加清晰明了。當你在執(zhí)行特定任務(wù)的時候，不同頁面間的切換會更加有條理，也更加清晰，不會出現(xiàn)混亂的情況。

　　07. Boxy SVG

　　如果你此刻電腦上沒有安裝AI和Sketch，或者是壓根不想打開它們，那么你可以使用矢量圖形編輯工具Boxy SVG來編輯圖形。Boxy SVG 是一款跨平臺的矢量圖形編輯工具，只要你有瀏覽器就可以運行了，不需要安裝，還可以借助網(wǎng)絡(luò)導入Google Fonts 字體，各種圖形變幻、路徑編輯也都手到擒來，是個相當順手的替代工具。

　　08. React UIkit components