8個視覺稿設計工具

 

　　對於視覺設計師、互動設計師來說，他們需要做的不僅僅是設計一張張靜態頁面和獨立的icon，他們需要將這些元素整體組合在一起，根據整體畫面感和視覺體驗來做出修改。與此同時，開發人員查看網站互動設計時也需要通過一定的工具。因此，一款快速、方便的視覺稿設計工具就顯得尤為重要，通過這些工具，設計師可以真實地看到網站呈現的效果，並且可以傳遞至其他同事，還可以更加便利地與使用者進行溝通交流，查看反饋。

　　1、InVision

　　網站地址：www.invisionapp.com

　　InVision 是一款強大的設計原型開發工具，可以協助設計師和設計團隊更加高效地做原型設計。在製作原型設計的時候，InVision可以讓你建立互動活動，上傳設計檔案並添加動畫、手勢等，便於和同事、使用者交流，擷取反饋。與此同時，InVision擁有完備的專案管理功能，協助團隊協作完成原型設計。

　　2、Mockupr

　　網站地址：www.mockupr.com

　　做了一個網站樣機?想看看它在瀏覽器中什麼樣子?Mockupr需要你的影像檔，並將其線上顯示在瀏覽器中，給你和客戶展現一個真實的網站。你的設計將會獲得自己獨特的連結，不會對外顯示。

　　3、Flinto

　　網站地址：www.flinto.com

　　Flinto可以幫你建立可互動設計原型，並且可以在網頁和移動端裝置上運行。它最大的特點就是快，無需額外的過渡，並且樣機螢幕還可以上下滾動。記住，只有30天免費哦!

　　4、Flinto Icon Strike! 

　　網站地址： www.flinto.com/strike

　　上傳表徵圖，在你的iphone中開啟連結，安裝表徵圖。在這裡，你可以在主畫面上輕鬆地測試iOS表徵圖設計。

　　5、Webflow

　　網站地址：www.webflow.com

　　Webflow無需編寫代碼，你可以直接在瀏覽器中完成網站的視覺和互動設計並即時預覽，設計師可以隨時修改。Webflow一直在持續更新功能，包括Web字型，視頻支援，互動的狀態，W3C標準化，乃至於主機託管。

　　6、Mockuuups

　　網站地址：www.mockuuups.com

　　已有25000名設計師加入，可永遠享受優質設計資源。包含iphone、apple watch、Macbook、iPad各型號以及AndroidPSD樣機，不是全部免費的哦。

　　7、Red Pen

　　網站地址： https://redpen.io

　　Red Pen是一個超級基本的Web應用程式，可以讓你上傳檔案，並與客戶和團隊成員共用反饋資訊。如果你要搜尋一個非常輕量級的解決方案 (零建立時間)並且不希望訴諸電子郵件大型檔案來回，你可以通過Red Pen完成。

　　8、PSD Covers

　　網站地址：http://www.psdcovers.com/

　　PSD Covers是一個免費的資來源站點點，不是Web應用程式或複雜的軟體，在這裡你可以下載到一套Photoshop動作，它提供PSD實體模型模板來渲染你的設計，以及高解析度的仿3D產品拍攝。