- 綠色版查看
- 綠色版查看
- 綠色版查看
- 綠色版查看
- 綠色版查看
Balsamiq Wireframes軟件特色
一、零學習曲線,隨時隨地提供強大功能
1、UI組件和圖標
數以百計的內置和社區生成的 UI控件和圖標。
2、拖放簡單性
知道要實現這些元素時,請放心組裝它們。
3、導出為PNG或PDF
通過圖像或交互式PDF在網絡上共享或顯示線框。
4、通過“ 快速添加”和許多鍵盤快捷鍵,可以以最快的速度針對線框進行優化。
5、可重用符號創建模板,母版以及可重用和可自定義的組件庫。
6、交互式原型
鏈接可以讓您生成用于演示或可用性測試的簡單原型。
二、專為協作而設計
1、軟件團隊使用Balsamiq圍繞正確的設計組合在一起:用戶體驗設計師喜歡熟悉的鍵盤快捷鍵。產品經理使用可訪問的工具與他們分享想法。開發人員喜歡它的速度,強大和令人討厭。
2、顧問喜歡它:將它帶到客戶會議上并實時設計他們的需求。企業主自己使用它來提出想法并獲得報價。再見功能爬行!
三、每個人的第一個 UX工具
1、創始人和企業主
對新產品或網站有想法嗎?抓住巴爾薩米克,充實它!與設計師和開發人員交談時,它將幫助節省大量時間。
2、UX專業人士
Balsamiq是UX工具箱中的第一個工具:比寫生簿更快,并且幾乎一樣有趣。它迫使您將注意力集中在IA上,其余的可能會在以后出現。
3、開發者
是在副項目上工作,還是不得不扮演設計師一點?從 Balsamiq 開始!相信我們,它比直接在代碼中完成的速度要快得多。
4、顧問和代理商
將Balsamiq帶入您的第一次客戶會議,并在那兒實時捕獲需求。您將節省很多麻煩。
5、產品經理和業務分析師
與客戶會面引發了一個偉大的新功能的想法?在將其引入團隊之前,先在Balsamiq中繪制草圖。一幅圖片值一千字。
6、任何進入UX的人
Balsamiq工作室是一個完美的第一UX工具對學生興趣的進入UX或任何人。到目前為止,它是最平易近人的,可帶您80%達到專業水平。
Balsamiq Wireframes功能介紹
Balsamiq線框編輯器界面由五個主要區域組成:工具欄,UI庫,畫布,導航器面板和屬性面板。每個都在下面描述。
1、工具列
工具欄包含一系列圖標,用于在用戶界面的其他區域執行操作。
第一組圖標如下所述。
顯示/隱藏左面板
以縮略圖網格查看線框
創建一個新的線框
線框動作(重命名等)并在線框之間導航(隱藏左面板時顯示)
轉到下一個或上一個線框(隱藏左側面板時顯示)
工具欄中心的圖標組用于常用的畫布功能。這些可能是您從文本編輯器或其他繪圖工具中習慣的操作,例如復制,粘貼,分組,對齊和縮放。最后一個圖標用于切換標記(在此處閱讀有關標記的信息)。
最右邊的工具欄的最后部分包含“ 快速添加”工具,UI庫切換圖標,“ 注釋”面板,“ 屬性檢查器”和“ 項目信息面板”,以及進入全屏演示模式的圖標。
工具欄的頂部顯示了項目的名稱,您可以雙擊該名稱以重命名(或使用應用程序菜單選項)。
2、快速添加工具
快速添加工具是將UI控件添加到線框的最快方法。要使用快速添加,請在快速添加輸入框內單擊(或按/或+輸入)。
在UI控件或圖標的名稱中輸入幾個字母,“快速添加”將為您顯示建議列表。使用鼠標或箭頭鍵向下滾動列表,然后單擊或按ENTER將控件或圖標添加到畫布上。您還可以使用SHIFT+ENTER將控件放置在鼠標光標在畫布上的位置。
例如,鍵入“bu”將顯示一個包含“按鈕”,“按鈕欄”,“幫助按鈕”,“單選按鈕”和“圓形按鈕”的列表。另一方面,鍵入“hel”僅返回“幫助按鈕”。按此ESC鍵可使列表消失。
提示:熟悉快速添加后,您可以隱藏UI庫,僅使用快速添加將UI元素添加到線框。這樣可以最大化您的畫布面積和速度。
3、UI庫
UI庫或用戶界面控件庫是工具欄正下方的一長串用戶界面控件。它列出了包括的所有UI控件類型以及Assets,Icon和Symbols。UI庫的主要目的是允許您將UI控件添加到畫布,但是您也可以使用它來查看可行的方法并為線框獲取靈感。
要將新的UI控件添加到畫布上,請選擇要添加的控件類型,然后將其拖動到下面的畫布上,或者雙擊即可將其放置在畫布上。
可以通過以下幾種方式來打開和關閉UI庫:單擊“快速添加”框右側的圖標,使用鍵盤快捷鍵
或從應用程序菜單中選擇“視圖”>“UI庫”。
4、帆布
這是編輯器的主要工作區域,您的UI線框將在其中發揮作用。向其中添加UI控件后,就可以移動它們,調整它們的大小并對其進行調整,直到準備好UI線框為止。請參閱添加和安排UI控件以了解更多信息。
畫布隨著應用程序窗口的增長和縮小,因此您可以根據需要為更大的線框騰出空間。畫布的最大尺寸為10000x10000像素。
注意:如果您使用的是小屏幕或非常大的線框,則可能需要閱讀本部分的“隱藏面板”以為畫布留出更多空間。
5、導航器面板
左側的導航器面板顯示項目中的線框,資產或符號的列表。當前選定的對象突出顯示。
您可以通過在導航器面板中按住CTRL或SHIFT單擊來選擇多個對象。線框和資產可以作為純文本列表或縮略圖預覽查看。
您可以通過單擊面板上方的導航器切換圖標來隱藏導航器面板
6、鍵盤快捷鍵:
隱藏它會在工具欄(如上所示)中顯示其他圖標,用于在線框或資產之間進行導航(取決于選擇的是哪個)??梢酝ㄟ^將鼠標光標放在導航器面板和畫布之間的直線上并向左或向右拖動來調整面板的大小。您可以雙擊分隔線以將其重置為默認寬度。
您可以使用鍵盤通過CTRL+TAB或在導航器中單擊一個并使用↑和來在線框或資產之間跳轉↓。
可以通過在導航器面板中上下拖動線框來對其進行重新排序。例如,在導出為PDF時,這很有用。關閉并重新打開項目時,即使在另一臺計算機上打開,也會記住線框的順序。
使用層次結構
導航器面板還提供了層次結構,可以更好地組織線框。
要使用它,請選擇要用作子級的線框,然后按TAB。子線框將放置在其上的線框下方的樹層次結構中。
然后,您可以使用父線框左側的箭頭來顯示和隱藏其下方的線框。
要將其恢復到最高級別,請使用SHIFT+TAB。下面的動畫顯示了實際使用中的嵌套線框。
上下文菜單操作
上下文菜單也可用于在導航器面板中打開的對象。您可以右鍵單擊所選對象,也可以單擊將鼠標懸停在所選對象上時出現的小箭頭以打開菜單。
該菜單的內容取決于所選對象的類型(線框,資產,符號或廢紙))而異,但通常包含諸如重命名,移至廢紙,和重復等選項。在“線框”視圖中,它還包含用于處理替代項的操作。
重命名線框
重命名線框可以通過上下文菜單或在導航器面板中雙擊線框的名稱來完成。與線框鏈接時,鏈接線框名稱更改會自動更新。
Balsamiq Wireframes適用人群
1、創始人和企業主
對新產品或網站有想法嗎?抓住巴爾薩米克,充實它!與設計師和開發人員交談時,它將幫助節省大量時間。
2、UX專業人士
Balsamiq是UX工具箱中的第一個工具:比寫生簿更快,并且幾乎一樣有趣。它迫使您將注意力集中在IA上,其余的可能會在以后出現。
3、開發人員
在進行輔助項目還是需要扮演設計師一點?從Balsamiq開始!相信我們,它比直接在代碼中完成的速度要快得多。
4、顧問和代理商
帶Balsamiq參加您的第一次客戶會議,并在那兒實時捕獲需求。您將節省很多麻煩。
5、產品經理和業務分析師
與客戶的會議引發了一個偉大的新功能的想法?在將其引入團隊之前,先在Balsamiq中繪制草圖。一幅圖片值一千字。
6、接觸UX的任何人
Balsamiq是學生或有興趣接觸UX的人的理想的第一個UX工具。到目前為止,它是最平易近人的,可帶您80%達到專業水平。
Balsamiq Wireframes安裝步驟
1、在華軍軟件網下載Balsamiq Wireframes官方版并解壓,得到Balsamiq Wireframes 4.0.28.exe安裝程序,雙擊exe文件運行安裝,選擇只為我安裝或者是全部用戶
2、進入安裝界面,點擊install開始安裝
3、Balsamiq Wireframes官方版軟件正在安裝,我們耐心等待
4、安裝完成,退出向導
Balsamiq Wireframes使用方法
一、運行軟件,進入軟件主界面。
二、點擊左上角新增一個新的板塊,通過拖動上方的線框就能繪制出自己想要的效果。
Balsamiq Wireframes更新日志
1.修復BUG,新版體驗更佳
2.更改了部分頁面
華軍小編推薦:
Balsamiq Wireframes,良心出品,保證性能,小編親測,相信小編的童鞋可以試驗一下!我華軍軟件園還有更多好用的軟件Adobe Illustrator CC、AutoCad 2020、美圖秀秀、ps下載中文版免費cs6、圖片工廠 官方正式版!
您的評論需要經過審核才能顯示
有用
有用
有用