標籤: Wireframe 頁1

Canva- 好用的線上圖片設計工具
網路資源

Canva- 好用的線上圖片設計工具

Canva 是一個好用的線上圖片設計工具,網站本身提供了許多的樣板,包含 PPT 簡報、FB 貼文、影片、平面設計... 等,也可以在上面編輯 UI 以及和夥伴協同作業,目前已經是做設計及社群相關的火熱線上平台,還沒用過的一定要來試試看。

Mockplus- 線上 UI 規劃的另一個選擇
網路資源

Mockplus- 線上 UI 規劃的另一個選擇

Mockplus 是一個 Mockup 繪製線上工具,並可製作頁面間連結的關係,比較不一樣的是他有內建一些互動效果可以直接拖曳使用,給有需要的朋友試試看。

Excalidraw- 開源免費的手繪風格流程圖繪製工具
網路資源

Excalidraw- 開源免費的手繪風格流程圖繪製工具

Excalidraw 是一個開源免費的線上手繪風格流程圖與圖表繪製工具網站,而且支援多人協作。

MockFlow- 好用的線上 wireframe、Sitemap、Mockup工具
網路資源

MockFlow- 好用的線上 wireframe、Sitemap、Mockup工具

現在專案工具真的是百家爭鳴,MockFlow 是可以線上協作 Wireframe、Sitemap 與 Mockup的工具,免費可以開啟一個 UI 專案、3 個頁面,雖然是遠遠不及 figma,但還是可以參考看看。

Draw.io- 好用的跨平台線上圖表工具
網路資源

Draw.io- 好用的跨平台線上圖表工具

Draw.io 提供了方便的線上圖表繪製功能,你可以在上面建制流程圖、sitemap、系統架構圖之類的圖表,也提供了樣板供你使用及參考。

Figma- 好用的免費線上 UI 協作神器
網路資源

Figma- 好用的免費線上 UI 協作神器

Figma 是這幾年熱門的線上 UI 設計與原型協作工具,可以透過網頁的介面就能設計出各種裝置的 UI,還可以直接和其他使用者協作,另外再完成後還能直接看到 UI 上面的相關數據,像是間距、顏色、字體大小等等,如果有網站或 UI 規劃的需求還沒有用過的,絕對推薦來使用看看。

Cacoo- 好用的線上開發協作工具
網路資源

Cacoo- 好用的線上開發協作工具

Cacoo 是一個好用的線上開發協作工具,無論是site maps、wire frames、UML或流程圖等圖表,都可以輕鬆上手。

whimsical 可製作 Flow Chart、Wireframe、Mind Map 等的線上方便協作工具
網路資源

whimsical 可製作 Flow Chart、Wireframe、Mind Map 等的線上方便協作工具

網站的開發者在規劃的階段,應該都會有一個需要溝通想法的過程,這個階段我們可能會透過 Flow Chart 或 Wireframe 來溝通內容,這邊來介紹一個好用的線上協作的網站:whimsical。