8個視覺稿設計工具，頁面視覺和實時交互就靠它們【設計資源21】
來源：平面設計seven（微信號：Designer-seven）
對于視覺設計師、交互設計師來說，他們需要做的不僅僅是設計一張張靜態的頁面和獨立的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產品拍攝。
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
![[下載] H5手機移動項目，10月份截屏下載 ——設計師資源 16](https://file.digitaling.com/eImg/cover/20151105/20151105121332_44504.jpg)
![[下載] H5手機移動項目，11月份截屏下載 ——設計師資源 20](https://file.digitaling.com/eImg/cover/20151203/20151203213854_74726.jpg)
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）