Balsamiq Wireframes是一款快速簡便的線框圖工具軟件,專門用于用戶在開會時或者平時能夠快速的畫出自己想要的草圖和理論,軟件功能強(qiáng)大,使用簡單,就算是沒用過得用戶也能很快上手使用,有需要的可以下載。
軟件特色
一、零學(xué)習(xí)曲線,隨時隨地提供強(qiáng)大功能
1、UI組件和圖標(biāo)
數(shù)以百計的內(nèi)置和社區(qū)生成的 UI控件和圖標(biāo)。
2、拖放簡單性
知道要實現(xiàn)這些元素時,請放心組裝它們。
3、導(dǎo)出為PNG或PDF
通過圖像或交互式PDF在網(wǎng)絡(luò)上共享或顯示線框。
4、通過“ 快速添加”和許多鍵盤快捷鍵,可以以最快的速度針對線框進(jìn)行優(yōu)化。
5、可重用符號創(chuàng)建模板,母版以及可重用和可自定義的組件庫。
6、交互式原型
鏈接可以讓您生成用于演示或可用性測試的簡單原型。
二、專為協(xié)作而設(shè)計
1、軟件團(tuán)隊使用Balsamiq圍繞正確的設(shè)計組合在一起:用戶體驗設(shè)計師喜歡熟悉的鍵盤快捷鍵。產(chǎn)品經(jīng)理使用可訪問的工具與他們分享想法。開發(fā)人員喜歡它的速度,強(qiáng)大和令人討厭。
2、顧問喜歡它:將它帶到客戶會議上并實時設(shè)計他們的需求。企業(yè)主自己使用它來提出想法并獲得報價。再見功能爬行!
三、每個人的第一個 UX工具
1、創(chuàng)始人和企業(yè)主
對新產(chǎn)品或網(wǎng)站有想法嗎?抓住巴爾薩米克,充實它!與設(shè)計師和開發(fā)人員交談時,它將幫助節(jié)省大量時間。
2、UX專業(yè)人士
Balsamiq是UX工具箱中的第一個工具:比寫生簿更快,并且?guī)缀跻粯佑腥ぁK仁鼓鷮⒆⒁饬性贗A上,其余的可能會在以后出現(xiàn)。
3、開發(fā)者
是在副項目上工作,還是不得不扮演設(shè)計師一點(diǎn)?從 Balsamiq 開始!相信我們,它比直接在代碼中完成的速度要快得多。
4、顧問和代理商
將Balsamiq帶入您的第一次客戶會議,并在那兒實時捕獲需求。您將節(jié)省很多麻煩。
5、產(chǎn)品經(jīng)理和業(yè)務(wù)分析師
與客戶會面引發(fā)了一個偉大的新功能的想法?在將其引入團(tuán)隊之前,先在Balsamiq中繪制草圖。一幅圖片值一千字。
6、任何進(jìn)入UX的人
Balsamiq工作室是一個完美的第一UX工具對學(xué)生興趣的進(jìn)入UX或任何人。到目前為止,它是最平易近人的,可帶您80%達(dá)到專業(yè)水平。
功能介紹
Balsamiq線框編輯器界面由五個主要區(qū)域組成:工具欄,UI庫,畫布,導(dǎo)航器面板和屬性面板。每個都在下面描述。
1、工具列
工具欄包含一系列圖標(biāo),用于在用戶界面的其他區(qū)域執(zhí)行操作。
第一組圖標(biāo)如下所述。
顯示/隱藏左面板
以縮略圖網(wǎng)格查看線框
創(chuàng)建一個新的線框
線框動作(重命名等)并在線框之間導(dǎo)航(隱藏左面板時顯示)
轉(zhuǎn)到下一個或上一個線框(隱藏左側(cè)面板時顯示)
工具欄中心的圖標(biāo)組用于常用的畫布功能。這些可能是您從文本編輯器或其他繪圖工具中習(xí)慣的操作,例如復(fù)制,粘貼,分組,對齊和縮放。最后一個圖標(biāo)用于切換標(biāo)記(在此處閱讀有關(guān)標(biāo)記的信息)。
最右邊的工具欄的最后部分包含“ 快速添加”工具,UI庫切換圖標(biāo),“ 注釋”面板,“ 屬性檢查器”和“ 項目信息面板”,以及進(jìn)入全屏演示模式的圖標(biāo)。
工具欄的頂部顯示了項目的名稱,您可以雙擊該名稱以重命名(或使用應(yīng)用程序菜單選項)。
2、快速添加工具
快速添加工具是將UI控件添加到線框的最快方法。要使用快速添加,請在快速添加輸入框內(nèi)單擊(或按/或+輸入)。
在UI控件或圖標(biāo)的名稱中輸入幾個字母,“快速添加”將為您顯示建議列表。使用鼠標(biāo)或箭頭鍵向下滾動列表,然后單擊或按ENTER將控件或圖標(biāo)添加到畫布上。您還可以使用SHIFT+ENTER將控件放置在鼠標(biāo)光標(biāo)在畫布上的位置。
例如,鍵入“bu”將顯示一個包含“按鈕”,“按鈕欄”,“幫助按鈕”,“單選按鈕”和“圓形按鈕”的列表。另一方面,鍵入“hel”僅返回“幫助按鈕”。按此ESC鍵可使列表消失。
提示:熟悉快速添加后,您可以隱藏UI庫,僅使用快速添加將UI元素添加到線框。這樣可以最大化您的畫布面積和速度。
3、UI庫
UI庫或用戶界面控件庫是工具欄正下方的一長串用戶界面控件。它列出了包括的所有UI控件類型以及Assets,Icon和Symbols。UI庫的主要目的是允許您將UI控件添加到畫布,但是您也可以使用它來查看可行的方法并為線框獲取靈感。
要將新的UI控件添加到畫布上,請選擇要添加的控件類型,然后將其拖動到下面的畫布上,或者雙擊即可將其放置在畫布上。
可以通過以下幾種方式來打開和關(guān)閉UI庫:單擊“快速添加”框右側(cè)的圖標(biāo),使用鍵盤快捷鍵
或從應(yīng)用程序菜單中選擇“視圖”>“UI庫”。
4、帆布
這是編輯器的主要工作區(qū)域,您的UI線框?qū)⒃谄渲邪l(fā)揮作用。向其中添加UI控件后,就可以移動它們,調(diào)整它們的大小并對其進(jìn)行調(diào)整,直到準(zhǔn)備好UI線框為止。請參閱添加和安排UI控件以了解更多信息。
畫布隨著應(yīng)用程序窗口的增長和縮小,因此您可以根據(jù)需要為更大的線框騰出空間。畫布的最大尺寸為10000x10000像素。
注意:如果您使用的是小屏幕或非常大的線框,則可能需要閱讀本部分的“隱藏面板”以為畫布留出更多空間。
5、導(dǎo)航器面板
左側(cè)的導(dǎo)航器面板顯示項目中的線框,資產(chǎn)或符號的列表。當(dāng)前選定的對象突出顯示。
您可以通過在導(dǎo)航器面板中按住CTRL或SHIFT單擊來選擇多個對象。線框和資產(chǎn)可以作為純文本列表或縮略圖預(yù)覽查看。
您可以通過單擊面板上方的導(dǎo)航器切換圖標(biāo)來隱藏導(dǎo)航器面板
6、鍵盤快捷鍵:
隱藏它會在工具欄(如上所示)中顯示其他圖標(biāo),用于在線框或資產(chǎn)之間進(jìn)行導(dǎo)航(取決于選擇的是哪個)??梢酝ㄟ^將鼠標(biāo)光標(biāo)放在導(dǎo)航器面板和畫布之間的直線上并向左或向右拖動來調(diào)整面板的大小。您可以雙擊分隔線以將其重置為默認(rèn)寬度。
您可以使用鍵盤通過CTRL+TAB或在導(dǎo)航器中單擊一個并使用↑和來在線框或資產(chǎn)之間跳轉(zhuǎn)↓。
可以通過在導(dǎo)航器面板中上下拖動線框來對其進(jìn)行重新排序。例如,在導(dǎo)出為PDF時,這很有用。關(guān)閉并重新打開項目時,即使在另一臺計算機(jī)上打開,也會記住線框的順序。
使用層次結(jié)構(gòu)
導(dǎo)航器面板還提供了層次結(jié)構(gòu),可以更好地組織線框。
要使用它,請選擇要用作子級的線框,然后按TAB。子線框?qū)⒎胖迷谄渖系木€框下方的樹層次結(jié)構(gòu)中。
然后,您可以使用父線框左側(cè)的箭頭來顯示和隱藏其下方的線框。
要將其恢復(fù)到最高級別,請使用SHIFT+TAB。下面的動畫顯示了實際使用中的嵌套線框。
上下文菜單操作
上下文菜單也可用于在導(dǎo)航器面板中打開的對象。您可以右鍵單擊所選對象,也可以單擊將鼠標(biāo)懸停在所選對象上時出現(xiàn)的小箭頭以打開菜單。
該菜單的內(nèi)容取決于所選對象的類型(線框,資產(chǎn),符號或廢紙))而異,但通常包含諸如重命名,移至廢紙,和重復(fù)等選項。在“線框”視圖中,它還包含用于處理替代項的操作。
重命名線框
重命名線框可以通過上下文菜單或在導(dǎo)航器面板中雙擊線框的名稱來完成。與線框鏈接時,鏈接線框名稱更改會自動更新。
使用方法
一、下載安裝軟件。
二、點(diǎn)擊左上角新增一個新的板塊,通過拖動上方的線框就能繪制出自己想要的效果。