Balsamiq Wireframes是一款線框圖工具軟件，可以幫助用戶進(jìn)行草圖的繪畫(huà)，在軟件中可以進(jìn)行隨意的涂抹和書(shū)寫(xiě)，適合用戶在開(kāi)會(huì)時(shí)使用，畫(huà)出自己的想法并進(jìn)行討論。有需要的用戶快來(lái)下載看看吧。

軟件介紹

Balsamiq Wireframes是一款快速簡(jiǎn)便的線框圖工具軟件，專(zhuān)門(mén)用于用戶在開(kāi)會(huì)時(shí)或者平時(shí)能夠快速的畫(huà)出自己想要的草圖和理論，軟件功能強(qiáng)大，使用簡(jiǎn)單，就算是沒(méi)用過(guò)得用戶也能很快上手使用。

軟件特色

一、零學(xué)習(xí)曲線，隨時(shí)隨地提供強(qiáng)大功能

1、UI組件和圖標(biāo)

數(shù)以百計(jì)的內(nèi)置和社區(qū)生成的 UI控件和圖標(biāo)。

2、拖放簡(jiǎn)單性

知道要實(shí)現(xiàn)這些元素時(shí)，請(qǐng)放心組裝它們。

3、導(dǎo)出為PNG或PDF

通過(guò)圖像或交互式PDF在網(wǎng)絡(luò)上共享或顯示線框。

4、通過(guò)“ 快速添加”和許多鍵盤(pán)快捷鍵，可以以最快的速度針對(duì)線框進(jìn)行優(yōu)化。

5、可重用符號(hào)創(chuàng)建模板，母版以及可重用和可自定義的組件庫(kù)。

6、交互式原型

鏈接可以讓您生成用于演示或可用性測(cè)試的簡(jiǎn)單原型。

二、專(zhuān)為協(xié)作而設(shè)計(jì)

1、軟件團(tuán)隊(duì)使用Balsamiq圍繞正確的設(shè)計(jì)組合在一起：用戶體驗(yàn)設(shè)計(jì)師喜歡熟悉的鍵盤(pán)快捷鍵。產(chǎn)品經(jīng)理使用可訪問(wèn)的工具與他們分享想法。開(kāi)發(fā)人員喜歡它的速度，強(qiáng)大和令人討厭。

2、顧問(wèn)喜歡它：將它帶到客戶會(huì)議上并實(shí)時(shí)設(shè)計(jì)他們的需求。企業(yè)主自己使用它來(lái)提出想法并獲得報(bào)價(jià)。再見(jiàn)功能爬行！

三、每個(gè)人的第一個(gè) UX工具

1、創(chuàng)始人和企業(yè)主

對(duì)新產(chǎn)品或網(wǎng)站有想法嗎？抓住巴爾薩米克，充實(shí)它！與設(shè)計(jì)師和開(kāi)發(fā)人員交談時(shí)，它將幫助節(jié)省大量時(shí)間。

2、UX專(zhuān)業(yè)人士

Balsamiq是UX工具箱中的第一個(gè)工具：比寫(xiě)生簿更快，并且?guī)缀跻粯佑腥ぁＫ仁鼓鷮⒆⒁饬性贗A上，其余的可能會(huì)在以后出現(xiàn)。

3、開(kāi)發(fā)者

是在副項(xiàng)目上工作，還是不得不扮演設(shè)計(jì)師一點(diǎn)？從 Balsamiq 開(kāi)始！相信我們，它比直接在代碼中完成的速度要快得多。

4、顧問(wèn)和代理商

將Balsamiq帶入您的第一次客戶會(huì)議，并在那兒實(shí)時(shí)捕獲需求。您將節(jié)省很多麻煩。

5、產(chǎn)品經(jīng)理和業(yè)務(wù)分析師

與客戶會(huì)面引發(fā)了一個(gè)偉大的新功能的想法？在將其引入團(tuán)隊(duì)之前，先在Balsamiq中繪制草圖。一幅圖片值一千字。

6、任何進(jìn)入U(xiǎn)X的人

Balsamiq工作室是一個(gè)完美的第一UX工具對(duì)學(xué)生興趣的進(jìn)入U(xiǎn)X或任何人。到目前為止，它是最平易近人的，可帶您80％達(dá)到專(zhuān)業(yè)水平。

軟件功能

Balsamiq線框編輯器界面由五個(gè)主要區(qū)域組成：工具欄，UI庫(kù)，畫(huà)布，導(dǎo)航器面板和屬性面板。每個(gè)都在下面描述。

1、工具列

工具欄包含一系列圖標(biāo)，用于在用戶界面的其他區(qū)域執(zhí)行操作。

第一組圖標(biāo)如下所述。

顯示/隱藏左面板

以縮略圖網(wǎng)格查看線框

創(chuàng)建一個(gè)新的線框

線框動(dòng)作（重命名等）并在線框之間導(dǎo)航（隱藏左面板時(shí)顯示）

轉(zhuǎn)到下一個(gè)或上一個(gè)線框（隱藏左側(cè)面板時(shí)顯示）

工具欄中心的圖標(biāo)組用于常用的畫(huà)布功能。這些可能是您從文本編輯器或其他繪圖工具中習(xí)慣的操作，例如復(fù)制，粘貼，分組，對(duì)齊和縮放。最后一個(gè)圖標(biāo)用于切換標(biāo)記（在此處閱讀有關(guān)標(biāo)記的信息）。

最右邊的工具欄的最后部分包含“ 快速添加”工具，UI庫(kù)切換圖標(biāo)，“ 注釋”面板，“ 屬性檢查器”和“ 項(xiàng)目信息面板”，以及進(jìn)入全屏演示模式的圖標(biāo)。

工具欄的頂部顯示了項(xiàng)目的名稱，您可以雙擊該名稱以重命名（或使用應(yīng)用程序菜單選項(xiàng)）。

2、快速添加工具

快速添加工具是將UI控件添加到線框的最快方法。要使用快速添加，請(qǐng)?jiān)诳焖偬砑虞斎肟騼?nèi)單擊（或按/或+輸入）。

在UI控件或圖標(biāo)的名稱中輸入幾個(gè)字母，“快速添加”將為您顯示建議列表。使用鼠標(biāo)或箭頭鍵向下滾動(dòng)列表，然后單擊或按ENTER將控件或圖標(biāo)添加到畫(huà)布上。您還可以使用SHIFT+ENTER將控件放置在鼠標(biāo)光標(biāo)在畫(huà)布上的位置。

例如，鍵入“bu”將顯示一個(gè)包含“按鈕”，“按鈕欄”，“幫助按鈕”，“單選按鈕”和“圓形按鈕”的列表。另一方面，鍵入“hel”僅返回“幫助按鈕”。按此ESC鍵可使列表消失。

提示：熟悉快速添加后，您可以隱藏UI庫(kù)，僅使用快速添加將UI元素添加到線框。這樣可以最大化您的畫(huà)布面積和速度。

3、UI庫(kù)

UI庫(kù)或用戶界面控件庫(kù)是工具欄正下方的一長(zhǎng)串用戶界面控件。它列出了包括的所有UI控件類(lèi)型以及Assets，Icon和Symbols。UI庫(kù)的主要目的是允許您將UI控件添加到畫(huà)布，但是您也可以使用它來(lái)查看可行的方法并為線框獲取靈感。

要將新的UI控件添加到畫(huà)布上，請(qǐng)選擇要添加的控件類(lèi)型，然后將其拖動(dòng)到下面的畫(huà)布上，或者雙擊即可將其放置在畫(huà)布上。

可以通過(guò)以下幾種方式來(lái)打開(kāi)和關(guān)閉UI庫(kù)：?jiǎn)螕簟翱焖偬砑印笨蛴覀?cè)的圖標(biāo)，使用鍵盤(pán)快捷鍵

或從應(yīng)用程序菜單中選擇“視圖”>“UI庫(kù)”。

4、帆布

這是編輯器的主要工作區(qū)域，您的UI線框?qū)⒃谄渲邪l(fā)揮作用。向其中添加UI控件后，就可以移動(dòng)它們，調(diào)整它們的大小并對(duì)其進(jìn)行調(diào)整，直到準(zhǔn)備好UI線框?yàn)橹?。?qǐng)參閱添加和安排UI控件以了解更多信息。

畫(huà)布隨著應(yīng)用程序窗口的增長(zhǎng)和縮小，因此您可以根據(jù)需要為更大的線框騰出空間。畫(huà)布的最大尺寸為10000x10000像素。

注意：如果您使用的是小屏幕或非常大的線框，則可能需要閱讀本部分的“隱藏面板”以為畫(huà)布留出更多空間。

5、導(dǎo)航器面板

左側(cè)的導(dǎo)航器面板顯示項(xiàng)目中的線框，資產(chǎn)或符號(hào)的列表。當(dāng)前選定的對(duì)象突出顯示。

您可以通過(guò)在導(dǎo)航器面板中按住CTRL或SHIFT單擊來(lái)選擇多個(gè)對(duì)象。線框和資產(chǎn)可以作為純文本列表或縮略圖預(yù)覽查看。

您可以通過(guò)單擊面板上方的導(dǎo)航器切換圖標(biāo)來(lái)隱藏導(dǎo)航器面板

6、鍵盤(pán)快捷鍵：

隱藏它會(huì)在工具欄（如上所示）中顯示其他圖標(biāo)，用于在線框或資產(chǎn)之間進(jìn)行導(dǎo)航（取決于選擇的是哪個(gè)）。可以通過(guò)將鼠標(biāo)光標(biāo)放在導(dǎo)航器面板和畫(huà)布之間的直線上并向左或向右拖動(dòng)來(lái)調(diào)整面板的大小。您可以雙擊分隔線以將其重置為默認(rèn)寬度。

您可以使用鍵盤(pán)通過(guò)CTRL+TAB或在導(dǎo)航器中單擊一個(gè)并使用↑和來(lái)在線框或資產(chǎn)之間跳轉(zhuǎn)↓。

可以通過(guò)在導(dǎo)航器面板中上下拖動(dòng)線框來(lái)對(duì)其進(jìn)行重新排序。例如，在導(dǎo)出為PDF時(shí)，這很有用。關(guān)閉并重新打開(kāi)項(xiàng)目時(shí)，即使在另一臺(tái)計(jì)算機(jī)上打開(kāi)，也會(huì)記住線框的順序。

使用層次結(jié)構(gòu)

導(dǎo)航器面板還提供了層次結(jié)構(gòu)，可以更好地組織線框。

要使用它，請(qǐng)選擇要用作子級(jí)的線框，然后按TAB。子線框?qū)⒎胖迷谄渖系木€框下方的樹(shù)層次結(jié)構(gòu)中。

然后，您可以使用父線框左側(cè)的箭頭來(lái)顯示和隱藏其下方的線框。

要將其恢復(fù)到最高級(jí)別，請(qǐng)使用SHIFT+TAB。下面的動(dòng)畫(huà)顯示了實(shí)際使用中的嵌套線框。

上下文菜單操作

上下文菜單也可用于在導(dǎo)航器面板中打開(kāi)的對(duì)象。您可以右鍵單擊所選對(duì)象，也可以單擊將鼠標(biāo)懸停在所選對(duì)象上時(shí)出現(xiàn)的小箭頭以打開(kāi)菜單。

該菜單的內(nèi)容取決于所選對(duì)象的類(lèi)型（線框，資產(chǎn)，符號(hào)或廢紙））而異，但通常包含諸如重命名，移至廢紙，和重復(fù)等選項(xiàng)。在“線框”視圖中，它還包含用于處理替代項(xiàng)的操作。

重命名線框

重命名線框可以通過(guò)上下文菜單或在導(dǎo)航器面板中雙擊線框的名稱來(lái)完成。與線框鏈接時(shí)，鏈接線框名稱更改會(huì)自動(dòng)更新。

使用說(shuō)明

一、下載安裝軟件。

二、點(diǎn)擊左上角新增一個(gè)新的板塊，通過(guò)拖動(dòng)上方的線框就能繪制出自己想要的效果。