Overflow是非常實用的專為設計師量身定做的領先的用戶流程圖軟件，現(xiàn)在可以在Windows上使用了。Overflow使構建美麗的用戶流和吸引人的設計演示變得毫不費力，從Adobe XD、Figma、Sketch和Photoshop同步您的設計，感興趣的朋友不要錯過了。

軟件特色

同步

從流行的設計工具同步設計

Overflow集成了Adobe XD和Photoshop、Sketch和Figma，讓您可以快速無縫地同步您的設計。

重新同步以應用設計更改

迭代您的設計，并重新同步以轉移視覺變化。您的連接器會自動適應您更新的藝術板。

保留原型鏈接

在你的設計工具中添加的原型鏈接可以選擇作為連接器轉移到Overflow中，讓你在創(chuàng)建用戶流程時有一個先機。

三個箭頭連接Sketch、Figma和Adobe XD到Overflow。

設計工具

設計

將圖層連接到屏幕上

從藝術板上的任何圖層拖動連接器。當從設計工具同步時，所有圖層都會被轉移，而不需要創(chuàng)建熱點。

一個連接器從一個屏幕的圖層開始，到另一個屏幕結束。

完全可定制的連接器

改變連接器以匹配您的品牌標識或個人風格。你可以編輯顏色、起止點、標簽等。

三個不同顏色和風格的連接器，一個是灰色，一個是黃色，一個是藍色。

創(chuàng)建邏輯流程

用形狀來說明決策樹和條件流。

一個決策樹從一個菱形開始，根據(jù)用戶的登錄狀態(tài)，有兩種可能的結果。

使用樣式加快你的工作速度

Overflow樣式編輯器可以讓你通過全局更新連接器、文本、形狀和設備皮膚的樣式來保持設計的一致性。

一個下拉菜單，有不同的文本樣式可供選擇。

注釋和添加上下文

使用文字和形狀來增加你的演示文稿的細節(jié)，讓你的聽眾更直觀地了解。

一系列不同的形狀和文本字段，以及 "輸入一些東西 "的信息。

一鍵應用設備皮膚

通過使用設備皮膚來包裝您的藝術板，以提高可展示性和一致性。Overflow會自動檢測最適用于常用設備的皮膚。

兩個相同的設計屏幕并排，右邊一個用iPhone皮膚包裝。

繪制熱點

通過繪制熱點在導入的屏幕截圖上標記交互區(qū)域，并將連接器應用到其他屏幕。

高亮的藍色區(qū)域標志著手寫線框上的新熱點。

使用板塊來組織你的流程

創(chuàng)建任何規(guī)模的用戶流程圖。將它們組織成子流程，并將它們分割成多個板塊，以便于演示和導航。

Overflow的側邊欄，顯示了一個有兩個獨立板塊的演示。

它是創(chuàng)建用戶流的首選，可以幫助你直觀地講述背后的故事。高度可定制化，使用起來極其方便。

David Teodorescu

DAVID TEODORESCU

高級產品設計師 @Fitbit

禮物

禮物

交互式和可玩的用戶流

通過點擊交互式區(qū)域和連接器，或使用方便的鍵盤快捷鍵，在屏幕之間輕松導航。

輕松地進行縮放、平移和滾動

Overflow 的縮放和平移功能讓您在敘述設計故事的同時，還能讓您的觀眾參與其中。縮小看大局，或回調關注細節(jié)。

Overflow的演示模式界面采用輕主題。

開箱即用的快速原型設計

不費吹灰之力就能將您的設計以快速原型的形式呈現(xiàn)出來。

真正有用的鍵盤快捷鍵

通過方便的鍵盤快捷鍵，讓你成為自己演示文稿的大師，讓你可以瀏覽、切換演示模式和應用不同的縮放級別。

Overflow的原型模式界面為深色主題。

發(fā)布和分享

發(fā)布和分享

在線分享您的作品

將你的用戶流量上傳到Overflow云端，并獲得一個分享鏈接，你可以發(fā)送給任何人。收件人不需要安裝Overflow應用。

Overflow的分享模塊，顯示完成的分享鏈接。

可在任何設備上播放的分享

您的分享鏈接可以在任何設備上播放--臺式機、筆記本電腦、平板電腦、手機。你所需要的只是一個網頁或手機瀏覽器。

在平板電腦和手機屏幕內并排播放同樣的Overflow演示。

密碼保護的分享鏈接

你可以選擇對共享鏈接進行密碼保護，以提高安全性。

允許你在Overflow中對共享鏈接進行密碼保護的開關亮點。

在流行的協(xié)作工具中分享

溢出式演示可以在流行的協(xié)作工具中共享和查看，如Sla ck、Jira、Confluence、Dropbox等。

流行的協(xié)作工具標識的網格，如Slac k、JIRA和Dropbox。

在任何地方嵌入用戶流

將您的Overflow演示文稿嵌入到網站、博客上，幾乎可以在任何地方在線播放。

預覽Overflow的嵌入模塊。

打印和縫合

將您的用戶流程圖打印在任何尺寸的紙上或多張紙上，并將它們拼接在一起，以便在墻上展示。

打印預覽圖標。

導出為PDF和PNG格式。

以PDF或PNG格式導出整個用戶流程或單個板塊。老式的？也許吧......但有時您可能需要這樣做!

一個文件夾的圖標，包含PDF和圖片文件。

使用教程

1、開始設計

引入您的設計

溢出與Adobe XD和Photoshop，Sketch和Figma無縫集成，以簡化過程。

上傳圖片

使用現(xiàn)有應用程序或網站的屏幕截圖或任何其他圖像來建立用戶流。

使用形狀的想法

在構思初期，使用簡單的形狀和箭頭可視化復雜性。

2、設計

重新排列屏幕并將它們連接在一起以創(chuàng)建用戶流程圖。

層數(shù)

從設計工具同步時，層將轉移并可以用于應用連接器。

熱點地區(qū)

將自己的熱點添加到導入的屏幕截圖或圖像中以應用連接器。

樣式和注釋

為圖表添加樣式和注釋，以在整個演示文稿中保持品牌一致性。

設備皮膚

只需單擊一下即可應用設備外觀。溢出會根據(jù)屏幕大小自動檢測適當?shù)脑O備。

3、當下

以一種引人入勝的交互式方式顯示您的用戶流程圖。

簡報模式

單擊屏幕和連接器，將您的觀眾帶入您的用戶歷程。

縮放

縮小以查看大圖，或返回以專注于特定細節(jié)。

鍵盤快捷鍵

利用鍵盤快捷鍵或鼠標手勢更有效地呈現(xiàn)。

原型模式

切換到原型模式以使用自動生成的快速原型進行演示。

4、分享

在Overflow Cloud上發(fā)布，并將公共或受密碼保護的共享鏈接發(fā)送給您的同行或利益相關者。

5、得到反饋

使用內置的評論功能獲取反饋并參與設計評論討論。

6、重復

重新同步您的設計

考慮反饋，在設計中進行必要的更改，然后再次同步。所有屏幕均得到更新，連接器保持不變。

使用更改更新共享鏈接

在整個過程中保持相同的共享鏈接保持更新，以便團隊和利益相關者之間只有一個真實的來源。