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

軟件特色

同步

從流行的設(shè)計工具同步設(shè)計

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

重新同步以應(yīng)用設(shè)計更改

迭代您的設(shè)計，并重新同步以轉(zhuǎn)移視覺變化。您的連接器會自動適應(yīng)您更新的藝術(shù)板。

保留原型鏈接

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

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

設(shè)計工具

設(shè)計

將圖層連接到屏幕上

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

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

完全可定制的連接器

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

三個不同顏色和風(fēng)格的連接器，一個是灰色，一個是黃色，一個是藍(lán)色。

創(chuàng)建邏輯流程

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

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

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

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

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

注釋和添加上下文

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

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

一鍵應(yīng)用設(shè)備皮膚

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

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

繪制熱點

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

高亮的藍(lán)色區(qū)域標(biāo)志著手寫線框上的新熱點。

使用板塊來組織你的流程

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

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

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

David Teodorescu

DAVID TEODORESCU

高級產(chǎn)品設(shè)計師 @Fitbit

禮物

禮物

交互式和可玩的用戶流

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

輕松地進(jìn)行縮放、平移和滾動

Overflow 的縮放和平移功能讓您在敘述設(shè)計故事的同時，還能讓您的觀眾參與其中?？s小看大局，或回調(diào)關(guān)注細(xì)節(jié)。

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

開箱即用的快速原型設(shè)計

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

真正有用的鍵盤快捷鍵

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

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

發(fā)布和分享

發(fā)布和分享

在線分享您的作品

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

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

可在任何設(shè)備上播放的分享

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

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

密碼保護的分享鏈接

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

允許你在Overflow中對共享鏈接進(jìn)行密碼保護的開關(guān)亮點。

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

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

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

在任何地方嵌入用戶流

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

預(yù)覽Overflow的嵌入模塊。

打印和縫合

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

打印預(yù)覽圖標(biāo)。

導(dǎo)出為PDF和PNG格式。

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

一個文件夾的圖標(biāo)，包含PDF和圖片文件。

使用教程

1、開始設(shè)計

引入您的設(shè)計

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

上傳圖片

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

使用形狀的想法

在構(gòu)思初期，使用簡單的形狀和箭頭可視化復(fù)雜性。

2、設(shè)計

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

層數(shù)

從設(shè)計工具同步時，層將轉(zhuǎn)移并可以用于應(yīng)用連接器。

熱點地區(qū)

將自己的熱點添加到導(dǎo)入的屏幕截圖或圖像中以應(yīng)用連接器。

樣式和注釋

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

設(shè)備皮膚

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

3、當(dāng)下

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

簡報模式

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

縮放

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

鍵盤快捷鍵

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

原型模式

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

4、分享

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

5、得到反饋

使用內(nèi)置的評論功能獲取反饋并參與設(shè)計評論討論。

6、重復(fù)

重新同步您的設(shè)計

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

使用更改更新共享鏈接

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