Balsamiq Wireframes是线框一款用戶界麵設計軟件
，可以扶植用戶設計客戶端界麵，图软可以設計網站界麵，免费您可以在軟件增補很多控件，线框擁穿著高級控件，图软例如數據網格 ，免费问道端游外挂站點地圖 
，线框樹狀窗格，图软數據網格控件的免费功能類似於許多其他基於文本的控件。它使用逗號作為列分隔符，线框並使用換行作為行 ，图软一些控件具有更強大的免费文本編輯功能
 ，您可以選擇是线框否在屬性檢查器中將第一行顯示為標題行，以及指定行高，图软行顏色和網格線，免费可以使用與其他文本控件相同的語法將“數據網格”中的文本設置為粗體，斜體等格式
 ，Balsamiq線框允許您為每個“數據網格”列指定單獨的寬度和對齊選項，這裏小編推薦的是Balsamiq Wireframes破解版，需要的摯友就下載吧 ！

軟件功能

　　Balsamiq線框編輯器界麵由五個主要地方組成：工具欄 ，UI庫 ，畫布，導航器麵板和屬性麵板。每個都在下麵描述 。

　　1、工具列

　　工具欄包含一係列圖標 ，用於在用戶界麵的其他地方執行操作 。

　　第一組圖標如下所述。

　　顯示/躲避左麵板

　　以縮略圖網格查校驗線框

　　創建一個新的線框

　　線框動作（重命名等）並在線框之間導航（躲避左麵板時顯示）

　　轉到下一個或上一個線框（躲避左側麵板時顯示）

　　工具欄中心的圖標組用於常用的畫布功能。這些可能是您從文本編輯器或其他製圖工具中習慣的操作 ，例如複製，粘貼，分組，對齊和縮放。最後一個圖標用於切換標記（在此處閱讀有關標記的信息）。

　　最右邊的工具欄的最後部分包含“ 快速增補”工具
，UI庫切換圖標，“ 注釋”麵板
，“ 屬性檢查器”和“ 項目信息麵板”
，以及進入全屏演示模式的圖標 。

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

　　2、快速增補工具

　　快速增補工具是將UI控件增補到線框的最快計劃。要使用快速增補，請在快速增補輸入框內單擊（或按/或+輸入）。

　　在UI控件或圖標的问道辅助v49平台名稱中輸入幾個字母 ，“快速增補”將為您顯示建議列表 。使用鼠標或箭頭鍵向下滾動列表，然後單擊或按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單擊來選擇多個對象。線框和資產可以作為純文本列表或縮略圖預覽查校驗。问道全棉辅助官网

　　您可以通過單擊麵板上方的導航器切換圖標來躲避導航器麵板

新版特色

　　編輯Balsamiq雲項目

　　這是人們多年來一直要求的 ，終於到了。使用Balsamiq Wireframes for Desktop，您可以登錄Balsamiq Cloud並訪問您所有基於雲的項目 。

　　新的全屏模式

　　根據從上一版本中學到的知識  ，我們花了很多時間對全屏演示模式鋪開現代化改造。新版本具有更高的可定製性，更適合用戶測試 ，並且使用起來感覺更好。

　　強大的評論係統

　　對我們的網絡應用程序最大的要求之一就是最終將其返回到桌麵。現在 ，您可以向項目增補評論和標注，然後讓您的協作家直接對其鋪開感謝。

　　與線框集成

　　Wireframes to Go是我們社區驅動的自定義控製站點。如果您發現自己除了我們提供的控件之外還需要其他控件，那麽您很有可能會在這裏找到它
！

　　使用Balsamiq桌麵線框，您可以直接從編輯器訪問和導入這些控件。

　　和更多...

　　列出所有差異需要一段時間。強烈要求使用較大的畫布或高分辨率的SVG PDF導出之類的功能 ，但它們並不能帶來很大的回響。Balsamiq台式機線框有很多新功能
，但您應該有賓至如歸的感覺 。

安裝計劃

　　1
、打開Balsamiq Wireframes 4.0.28.exe軟件直接安裝

　　2、點擊install就可以安裝軟件

　　3、提示軟件的安裝進度 ，等待安裝落成就可以了

　　4、如圖所示 ，軟件已經大捷安裝到你的電腦 ，點擊落成

　　5、將補丁BalsamiqWireframesCommon.dll複製到安裝地址替換就可以破解軟件

使用會談明

　　1、增補線框

　　使用圖標將新的線框增補到您的項目 
。

　　2 、增補控件

　　使用QuickAdd碰見和增補控件
，或切換Ul庫以將控件拖到畫布上。

　　3 、碰見符號模板

　　想要從模板起始還是找到更多可用於線框的控件 ？ 使用WireframesToGo碰見符號和模板 。

　　4
、可以直接將需要使用的項目拖動到軟件界麵 ，從而設置線框參數

　　5、軟件提供很多符號 ，可以增補Android 、ico、IOS圖標到項目

　　6、小編不會使用這款軟件所以就不多介紹了，如果你需要學習Balsamiq Wireframes就點擊扶植

官方教程

　　增補UI控件

　　要將UI控件增補到模型中，莫名辅助1.60问道莫名1.60辅助請雙擊或拖動UI庫中的控件 ，或在“快速增補”工具中鍵入關鍵字。

　　您還可以使用複製和粘貼或重複命令（CTRL/ ⌘+ D）複製畫布上已有的控件。ALT/ OPTION+拖動還將複製控件，並允許您使用鼠標放置它們。

　　選擇UI控件

　　有幾種不同的計劃可以選擇UI控件。如果您熟悉圖形軟件，這些也就不足為奇了。

　　單擊UI控件將其選中

　　拖動一個包含許多UI控件的矩形將其選中

　　SHIFT+單擊控件將其增補到選擇中

　　CTRL/ ⌘+單擊選定控件上的將其從選擇中刪除

　　按借宿ALT可忽略鼠標後麵的項目並拖動選擇

　　要選擇另一個控件後麵的控件，請在頂部控件上單擊鼠標右鍵以彈出一個菜單，該菜單允許您選擇它後麵的控件。

　　移動UI控件

　　選擇一個或多個UI控件後
，有幾種不同的計劃可以在畫布上移動它 。

　　您可以用鼠標拖動它（按借宿SHIFT以保持原始水平或垂直位置）

　　您可以使用鍵盤的↑↓←→按鍵一次“微移”一個像素

　　您可以按借宿SHIFT鍵盤上的↑↓←→鍵，以更大的步長（10像素）移動它

　　您可以使用以下所示的對齊工具來移動控件，使其在一個方向上對齊

　　捕捉和智能指南

　　當您在畫布上移動對象時 ，編輯器會嚐試使用智能向導來建議相對於畫布上其他對象的對齊方式 。這使對齊更加輕易 ，並使線框通常校驗起來更幹淨
。

　　如果要暫時禁用此功能，可以在移動或調整大小時按借宿CTRL/ ⌘，然後將隔絕捕捉 。

　　調整UI控件的大小

　　調整所選控件的大小很輕易 。您可以抓借宿選擇矩形的任何邊緣或角落並拖動它。

　　如果要在從角落拖動時限製比例，請在拖動時按借宿SHIFT。

　　您也可以使用鍵盤來調整所選控件的大小 。CTRL/ ⌘+ ALT+ ↑↓←→以1px的增量調整大小，CTRL/ ⌘+ ALT+ SHIFT+ ↑↓←→以10px的增量調整大小。

　　將某些控件調整為“自然大小”的另一種計劃是使用屬性檢查器中的“自動調整大小”功能。

　　若要調整一個或多個控件的大小以匹配另一個控件的大小（寬度或高度相同） ，可以使用“編輯”菜單中的“調整為...”功能。

　　選擇多個控件，然後使用此選項調整所有選定控件的大小
，以匹配選擇中最窄 ，最寬 ，最短或最高的控件。

　　對齊UI控件

　　您可以通過選擇多個控件並單擊鼠標右鍵以調出下麵所示的菜單來對齊和分配（間隔）控件。

　　選擇多個控件時 ，屬性檢查器中將顯示相同的選項。

　　分層UI控件

　　您可以對控件鋪開分層 ，就好像它們是樣機畫布上的紙一樣 。為此，請選擇要分層的控件
，然後通過右鍵單擊菜單或“ 屬性”檢查器選擇四個分層命令之一
：“置於最前”，“向前” ，“向後發送”和“向後發送”
。问道1.60全功能问道免费辅助鍵盤快捷方式也可用。

　　鎖定UI控件

　　鎖定控件在畫布上的位置對於希校驗保留在原位的背景控件很有用。您可以通過選擇控件並從上下文菜單中選擇“鎖定（控件名稱）”，或單擊工具欄中的鎖定圖標來鎖定控件。

　　結果，控件的位置將被鎖定，您將無法選擇控件。

　　但是 ，您仍然可以通過在單擊它的同時按CTRL/ ⌘來選擇它。這使您可以編輯控件（通過按ENTER或雙擊）或從Property Inspector中更改其屬性。

　　要解鎖控件，請在鼠標光標懸停在控件上時右鍵單擊它，或單擊工具欄中的鎖定圖標
。

　　刪除UI控件

　　要從樣機畫布中刪除某些UI控件 ，請選擇它們並按下DELETE鍵 。或者，您可以從“編輯”菜單中選擇“刪除”
。

　　旋轉UI控件

　　某些 UI控件可以通過“ 屬性”檢查器旋轉（例如 ，標簽，圖像和圖標控件），但許多不能。如果您習慣了通用製圖工具
，這可能會令人驚訝。此限製是有意的，而不是由於編程繁雜性（從技術上來會談不難增補） 。

　　我們之所以不擁穿著旋轉所有控件 ，是因為我們認為在90％的情況下，線框並不需要
 。實際上 ，增補旋轉任何控件的能力可能會導致線框非常艱辛 ，即使開發團隊無法實施也是如此。

　　如果您認為需要旋轉任何其他控件 ，請在此論壇主題中告知我們 ，我們將討論是否將其增補在一起 。一種解決計劃是旋轉製圖應用程序中的控件，然後將其導入為圖像。

　　分組UI控件

　　有時您可能希校驗對某些控件鋪開分組
，以更好地對齊它們或一次移動它們。要對一組控件鋪開分組
，請選擇它們並按鍵盤上的CTRL/ ⌘+ G或使用“編輯”菜單或工具欄中的“分組”命令 。控件將顏色更改為紫色，以指示它們已分組 。分組後，控件在移動或對齊時將表現為一個。要取消組合控件，請按鍵盤上的CTRL/ ⌘+ SHIFT+ G或使用菜單或工具欄中的取消組合命令。

　　您可以雙擊一個組以“輸入”並編輯其內容 。一個小的浮動麵包屑欄將指示您正在編輯組，並允許您從組中導航出來（也可以使用ESC）
。可以嵌套組，如下所示。

　　您可以通過屬性檢查器為組命名。當您有很多組並且在編輯其內容時需要“知道您的位置”時，這將很有扶植 。創建Symbols時 ，命名組也很有用
。

　　裁剪組和圖像

　　可以裁剪（蒙版）一組控件以僅顯示其中的選定部分。選擇一個組後，“ 屬性”檢查器中將顯示一個裁剪圖標。單擊它以編輯組的可見地方。

　　以下視頻會談明了如何使用此功能 。

　　注意
：要裁剪單個控件 ，請將其選中並分組（是的，隻有一個元素的組）。然後，您將可以對其鋪開裁剪
。

　　您還可以使用裁切工具創建圖像精靈，例如，對於創建按鈕狀態變量很有用。該視頻演示了如何在Balsamiq中使用“ sprite”圖像使用單個圖像創建多個圖標 。

　　“製圖”基本控件

　　您可以通過在按借宿字母鍵的同時用鼠標“繪製”三個控件來將它們增補到畫布。要在畫布上快速繪製一個矩形，請按借宿R並拖動鼠標。T相反，按借宿不放將繪製一段文本，Y並將裸露一行文本。

　　增補這些控件後  ，您可以使用轉換菜單輕快地將它們轉換為其他控件 。

　　編輯控件

　　一旦你增補的控件到編輯器畫布您可以通過編輯它們直接輸入到他們，並通過在改變其性質屬性麵板上的權利。兩者將在下麵描述。

　　通過屬性檢查器編輯屬性

　　“屬性”檢查器是應用程序右側的麵板，允許您設置一些常用屬性，例如對齊方式
，位置和大小以及特定於某些控件的設置（選擇狀態 ，文本屬性  ，顏色等）。在查校驗線框，資產和Symbol時可用 。

　　通過單擊屬性檢查器上方的切換圖標（鍵盤快捷鍵CTRL/ ⌘+ ;或ALT/ OPTION+ ENTER）  ，可以顯示和躲避屬性檢查器。躲避時
 ，也可以通過右鍵單擊控件並選擇“屬性...”來顯示它 。

　　如果選擇了多個控件 ，它將顯示所有所選控件共有的屬性以及對齊和分布的選項。

　　通過文本自定義控件

　　許多UI控件（例如Button，Label或DataGrid）中都包含文本。要編輯文本
，請雙擊控件並起始輸入。或者 ，如果您選擇了控件，隻需單擊ENTER或F2起始編輯。要提交您鍵入的文本，隻需單擊您鍵入的文本字段以外的任何地方
，或單擊ENTER或CTRL/ ⌘+ ENTER
。如果要丟棄剛剛鋪開的文本更改，請點擊ESC 。

　　一些控件使用某些字符作為分隔符。例如 ，要在選項卡欄中創建多個選項卡，請用逗號分隔它們。

　　或者 ，空格字符分隔標簽雲控件中的標簽。其他一些控件（例如“ 樹窗格”）完全使用其他字符。在這種情況下 ，控件的默認文本包括有關如何使用它的會談明。

　　在“標簽”或“段落”控件中編輯文本時 ，您會在編輯框的右下角校驗到一個小數字 。這是字符數 ，可用於文案寫作或其他目的。

　　基本格式

　　文字樣式

　　您可以使用以下表示法來僅格式化控件文本的某些部分。

　　對於斜體，請使用_this notation_

　　對於鏈接 ，請使用[此符號]

　　以粗體顯示，請使用

*

　　對於殘疾人，請使用-此符號-

　　對於下劃線 ，請使用＆this符號＆

　　對於刪除線 ，請使用此符號〜

　　對於顏色，請使用{color：＃FF0000}這種表示法{color}。

　　對於字體大小 ，請使用{size：16}此符號{size}

　　以上所有語法均適用於由空格分隔的單詞 ，並且下劃線將在單詞內起作用  。

　　注意：

　　1.上麵的＃FF0000是十六進製格式的顏色 ，就像HTML一樣 。該宏可以使用或不使用英鎊符號。您還可以使用某些顏色名稱（綠色，黃色等），計劃是將鼠標移到“屬性”檢查器中的調色板中的顏色上。

　　2.有關如何將[鏈接的文本]轉換為指向網站或其他線框的有效鏈接，請參見下一部分。

　　3. 除斜體和刪除線外 ，此格式語法也適用於在“ 注釋”麵板中 輸入的文本 。

　　例如，下麵是上述文本在Paragraph控件中的屏幕截圖 ：

　　快捷鍵幾乎可以在任何有意義的地方使用，您可以將它們組合在一起 ，因此要使用[_this_]或_ [this] _來使斜體鏈接。

　　一些控件（如段落或標簽）使您可以通過“屬性檢查器”麵板“取消粗體”文本。如果這樣做 ，您*的*單詞將保持粗體 。某些控件默認情況下使用粗體文本 ，因此這些控件中的粗體文本不會有所不同。

　　如果您想將這些特殊格式的字符顯示為實際文本 ，則可以使用\ * ，\ _ ，\-，\ [和\]來對*，_ ，- ，[和]字符鋪開轉義，因此，如果要編寫“ “ [is] some text”，並且不希校驗“ is”成為鏈接 ，隻需鍵入“ this \ [is \] some text”。

　　換行符

　　大多數控件都允許您插入換行符以將文本從一行換行到下一行。您可以通過在要換行的文本前麵寫\ r來實現。請參見下麵的示例，其中在單選按鈕控件的第二項中使用了換行符  。

　　項目符號列表

　　在段落控件中，可以在文本前麵加上連字符或星號
，後跟空格 ，從而創建項目符號列表。

　　* item 1 * item 2 - item 3 - item 4

　　使文本中的鏈接實際起作用

　　如果您使用上麵的鏈接符號（例如[this is a link]） ，則可以使用markdown語法將鏈接格式的文本轉換為實際的鏈接。

　　為此，請在鏈接文本之後緊接在括號中增補鏈接目標。鏈接目標可以是URL或同一文件夾中另一個模型的名稱。以下所有格式均有效 。

　　網址：

　　[Google Home Page](google.com) [Google Home Page](www.google.com) [Google Home Page](http://www.google.com) [Google Home Page](https://google.com)

　　同一項目中的線框 ：

　　[Features Page](features)

　　以此方式增補鏈接也會使它們也顯示在“屬性”檢查器中，如下所示 
。

　　本文

　　結果是

　　您可以鏈接特定的文本字符串以及整個控件。

　　注意 ：如果整個控件都已鏈接，則文本鏈接將被禁用。如果隨後取消整個控件的鏈接 ，則將返回以前的文本鏈接 。

　　更多宏

　　洛雷姆

　　在段落或文本地方中鍵入lorem以使用我們的Lorem Ipsum裸露器 。

　　玩

　　{樣機名稱}

　　在Label，Text，Title或Subtitle控件中鍵入{mockup-name}（全部小寫）以顯示當前的模型名稱。

　　占位符文字

　　創建占位符文本的另一種選擇，除了Lorem存有文本裸露器
 ，是使用文本行和文本座控製UI資源庫中

　　注意：有關直接在畫布上繪製這些控件的信息，以了解如何真正快速增補它們 
。

　　您可以隨時編輯它們並輸入一些文本，或者隻需雙擊每個控件即可將它們轉換為真實文本，如下所示。

　　玩

　　轉換控件類型

　　許多控件可以轉換為其他控件。當線框中已經有內容但想要使用其他控件類型而不重新鍵入內容時（例如，將文本輸入更改為組合框），這將很有用 。

　　隻需單擊一個控件，然後在“屬性”檢查器中打開該控件名稱旁邊的上下文菜單，即可查校驗所選控件可以轉換為哪些控件類型。選擇您想要將其轉換為的控件 ，或使用碰見來碰見它。

　　您可以使用快捷鍵CTRL+ 快速轉換控件T，以在畫布中心彈出轉換菜單。

　　以下是創建列寬的詳細信息：

　　您必須在表的最後一行增補特殊的文本行作為文本的最後一行
，並且必須用{}大括號括起來

　　對於每個列，如果希校驗該列盡可能小以適合該列中的文本
，請使用0或一個數字

　　數字指定列的相對大小，因此{2,1}表示“在此兩列

　　網格中使第一列的大小是第二列的兩倍 。或者{70,20,10}表示“在此三列網格中 ，使第一列的寬度為整個表格的70％，第二列的20％ 
，第三列的10％為整個表格的寬度 。

　　您可以組合數字和零，例如{1,0,4}

　　如果要單獨對齊列，請在數字後立即增補L ，C或R
，例如：{0R，2L
，1}
，這意味著“在此3列網格中
，使第1列盡可能小，並始終將其向右對齊，第二個是第三個的兩倍，並始終向左對齊，然後使用數據網格的對齊方式（來自屬性檢查器）來決定如何對齊第三列。”

　　在數據網格中使用圖標和選擇控件

　　數據網格擁穿著標題中使用以下文本的排序圖標：

　　升序：^

　　降序：v

　　數據網格使用以下文本在表格單元格中擁穿著單個複選框或單選按鈕：

　　複選框 ：[]或[]

　　選中的複選框：[x]或[v]或[o]或[*]或[X]或[V]或[O]

　　不確定複選框 ：[-]或[=]

　　單選按鈕
：（）或（）

　　選定的單選按鈕：[x）或（v）或（o）或（*）或（X）或（V）或（O）

　　不確定的單選按鈕：（-）或[=]

　　在數據網格中創建行返回

　　有時您想在表格單元格中創建行返回。為此 ，您可以使用“ \ r”創建行返回 。

　　站點地圖控件

　　您可以使用“站點地圖”控件從文本輪廓創建簡易的站點地圖。

　　通過雙擊或選擇並按來編輯站點地圖控件ENTER。編輯大綱以創建父子關係 。每行代表站點地圖中的一個框（或頁麵/節點）
。使用連字符在父級下方縮進子級框
。這是一個例子：

　　Home - Products -- Product 1 -- Product 2 - About Us\rCompany - Support - Blog

　　使用Property Inspector，可以將鏈接增補到地圖中的節點，並更改地圖的文本屬性和方向（垂直或水平）。

　　這是上麵的輪廓在垂直方向上的樣子（默認）
：

　　...並且在水平方向上
：

　　自動裸露站點地圖

　　在“ 屬性”檢查器中用於更改方向的選項旁邊是一個按鈕  ，該按鈕使您可以根據“ 導航器麵板”中線框的順序和結構自動填充站點地圖  。

　　每次單擊“從項目填充”項目時 ，站點地圖城市更新以反映當前的項目結構 。

　　如果您使用父子層次結構 ，則子線框將在站點地圖中顯示為子節點 ，如下所示。

　　鏈接將增補到站點地圖中的每個節點，並指向項目中相應的線框。

　　注釋和選項

　　單樹擁穿著：站點地圖希校驗第一行是最高的父樹，並且其中隻有一個可以存在
，因為它僅構成一棵樹。如果要裸露多棵樹 ，隻需增補更多站點地圖控件 。

　　多行文本：您可以使用\ r在類似這樣的框中的文本上創建行返回：About \ rUs

　　您無法調整站點地圖的大小 ，但是如果您無法在畫布上查校驗整個地圖，則可以嚐試更改方向或在單獨的站點地圖中顯示鋪開的節點之一 ，如下所示。

　　樹窗格

　　通過樹窗格控件 ，您可以創建對象的分層列表 ，類似於在文件資源管理器或垂直導航麵板中校驗到的內容。

　　您可以在列表中的項目旁邊顯示常用圖標 ，例如文件夾，文件和其他類型的鋪開/折疊符號  。

　　雙擊以編輯文本，您將校驗到如何使用它（“ f”代表隔絕的文件夾 ，“ F”代表打開的文件夾，等等）。

　　注意：確保在圖標指示符和其後的文本之間增補空格（例如，“ F文件夾名稱”，而不是“ Ffolder名稱”）。

　　要縮進項目，請對要縮進的層次結構中的每個級別使用空格或點（“。”）。