8個視覺稿設(shè)計工具,頁面視覺和實時交互就靠它們
對于視覺設(shè)計師、交互設(shè)計師來說,他們需要做的不僅僅是設(shè)計一張張靜態(tài)的頁面和獨立的icon,他們需要將這些元素整體組合在一起,根據(jù)整體畫面感和視覺體驗來做出修改。與此同時,開發(fā)人員查看網(wǎng)站交互設(shè)計時也需要通過一定的工具。因此,一款快速、方便的視覺稿設(shè)計工具就顯得尤為重要,通過這些工具,設(shè)計師可以真實地看到網(wǎng)站呈現(xiàn)的效果,并且可以傳遞至其他同事,還可以更加便利地與用戶進(jìn)行溝通交流,查看反饋。
1、Invisionapp
InVision 是一款強大的設(shè)計原型開發(fā)工具,可以幫助設(shè)計師和設(shè)計團(tuán)隊更加高效地做原型設(shè)計。在制作原型設(shè)計的時候,InVision可以讓你創(chuàng)建互動活動,上傳設(shè)計文件并添加動畫、手勢等,便于和同事、用戶交流,獲取反饋。與此同時,InVision擁有完備的項目管理功能,幫助團(tuán)隊協(xié)作完成原型設(shè)計。
2、Mockupr
做了一個網(wǎng)站樣機?想看看它在瀏覽器中什么樣子?Mockupr需要你的圖像文件,并將其在線顯示在瀏覽器中,給你和客戶展現(xiàn)一個真實的網(wǎng)站。你的設(shè)計將會獲得自己獨特的鏈接,不會對外顯示。
3、Flinto
Flinto可以幫你創(chuàng)建可交互式的設(shè)計原型,并且可以在網(wǎng)頁和移動端設(shè)備上運行。它最大的特點就是快,無需額外的過渡,并且樣機屏幕還可以上下滾動。記住,只有30天免費哦!
4、Flinto Icon Strike!?
上傳圖標(biāo),在你的iPhone中打開鏈接,安裝圖標(biāo)。在這里,你可以在主屏幕上輕松地測試iOS圖標(biāo)設(shè)計。
5、Webflow
Webflow無需編寫代碼,你可以直接在瀏覽器中完成網(wǎng)站的視覺和交互設(shè)計并實時預(yù)覽,設(shè)計師可以隨時修改。Webflow一直在持續(xù)更新功能,包括Web字體,視頻支持,交互的狀態(tài),W3C標(biāo)準(zhǔn)化,乃至于主機托管。
6、Mockuuups
已有25000名設(shè)計師加入,可永遠(yuǎn)享受優(yōu)質(zhì)設(shè)計資源。包含iPhone、Apple Watch、Macbook、iPad各型號以及AndroidPSD樣機,不是全部免費的哦。
7、Red Pen
Red Pen是一個超級基本的Web應(yīng)用程序,可以讓你上傳文件,并與客戶和團(tuán)隊成員共享反饋信息。如果你要搜索一個非常輕量級的解決方案?(零建立時間)并且不希望訴諸電子郵件大型文件來回,你可以通過Red Pen完成。
8、PSD Covers
PSD Covers是一個免費的資源站點,不是Web應(yīng)用程序或復(fù)雜的軟件,在這里你可以下載到一套Photoshop動作,它提供PSD實體模型模板來渲染你的設(shè)計,以及高分辨率的仿3D產(chǎn)品拍攝。
作者:平面設(shè)計seven(微信公眾號:Designer-seven)
- 目前還沒評論,等你發(fā)揮!