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

軟件特色

同步

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

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

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

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

保留原型鏈接

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

三個(gè)箭頭連接Sketch、Figma和Adobe XD到Overflow。

設(shè)計(jì)工具

設(shè)計(jì)

將圖層連接到屏幕上

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

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

完全可定制的連接器

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

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

創(chuàng)建邏輯流程

用形狀來(lái)說(shuō)明決策樹和條件流。

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

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

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

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

注釋和添加上下文

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

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

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

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

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

繪制熱點(diǎn)

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

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

使用板塊來(lái)組織你的流程

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

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

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

David Teodorescu

DAVID TEODORESCU

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

禮物

禮物

交互式和可玩的用戶流

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

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

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

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

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

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

真正有用的鍵盤快捷鍵

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

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

發(fā)布和分享

發(fā)布和分享

在線分享您的作品

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

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

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

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

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

密碼保護(hù)的分享鏈接

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

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

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

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

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

在任何地方嵌入用戶流

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

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

打印和縫合

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

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

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

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

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

使用教程

1、開始設(shè)計(jì)

引入您的設(shè)計(jì)

溢出與Adobe XD和Photoshop，Sketch和Figma無(wú)縫集成，以簡(jiǎn)化過(guò)程。

上傳圖片

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

使用形狀的想法

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

2、設(shè)計(jì)

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

層數(shù)

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

熱點(diǎn)地區(qū)

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

樣式和注釋

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

設(shè)備皮膚

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

3、當(dāng)下

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

簡(jiǎn)報(bào)模式

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

縮放

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

鍵盤快捷鍵

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

原型模式

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

4、分享

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

5、得到反饋

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

6、重復(fù)

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

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

使用更改更新共享鏈接

在整個(gè)過(guò)程中保持相同的共享鏈接保持更新，以便團(tuán)隊(duì)和利益相關(guān)者之間只有一個(gè)真實(shí)的來(lái)源。