Be cool #2 InVision 製作mood board和brand board

前 言

今天介紹一下國內可能比較少見但是設計圈已經挺熱的設計工具：InVision

這個紅的比較艷麗的方塊 In 2016年我就用這個耍過原型交互圖（配合 craft ），當時還沒有 mood board 和 brand board 的功能，但是僅僅原型交互已經滿足我幾乎全部的需求。

但是當時梯子不是很穩，用起來的體驗不佳，說白了就是很卡，後來就轉墨刀和 Zeplin 了。

如今，In 已經加入了眾多功能，也擁抱了AI（Brand.ai），最終目的很明確就是想做 設計系統管理工具 ? Design System Manager（Digital Product Design, Workflow & Collaboration | InVision）。

這是大勢所趨，眾多與設計和產品有關的功能集結在一個強大的系統之中，一邊有系統地規劃整個工作的流程，一邊聚合世界各地的設計資源。

工具能優化人類工作效率，讓工作變成一件很酷的體驗。

情緒板

符合某種情緒意境或關鍵詞的圖片，黏貼而成的畫板。多用於品牌或體驗設計。

現在因為 App UI 相關的產品越來越多了，所以數字產品類也能做情緒板，在最初沒有定方案的時候用非常有效，腦洞之後選取關鍵詞後進行。

找一到兩張符合產品氣質的攝影，選取色值進行設計，再尋找同類型主色相似的 UI 圖，前期基本就不需要打開 sketch 好嘛！

目前沒梯子看分享鏈接圖片可能會出不來，建議配備 Chrome 插件 Fireshot 將整個頁面截圖下來進行備份，不過有條件的團隊就不需要了。

故事板

即為體驗板， In 的界面有點像寫日誌的形式。

每張圖可以設置寬度比例，除了攝影圖還能放手繪的分鏡頭，可以說 OK了。

Brand board

品牌的設計規範，In 支持上傳文件提供團隊下載。

去試一下吧！