最近已經(jīng)上傳完畢!
這篇網(wǎng)頁是為了 Balsamiq Mockups 3 而上傳的。原來的文件您可以點擊這里來觀看。
Balsamiq Mockups 支持符號的概念。一個符號是一組只有單一功能的控件。它通常用于部分用戶的界面,并出現(xiàn)在多個屏幕上。有的其他軟件稱這個特性為模板,母版頁,自定義組件或部件。
從本質(zhì)上來說,符號讓你創(chuàng)建可重用元素,你可以在不同的 Mockups 上使用這些元素。
這有兩種方法來創(chuàng)建符號,描述如下。
在 Mockups 視圖創(chuàng)建一個符號時要給你的符號組件進行分組。你可以創(chuàng)建一個新的分組或使用已經(jīng)存在的分組。下面的步驟為創(chuàng)建一個新的分組。
1.選擇你想要的組件。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-group.png" alt="image" />
2.分組你選擇的組件(選擇 Edit > Group,單擊工具欄中的組圖標,或者使用 CTRL/CMD + G)。注意控件將變成藍色,以顯示他們是一組。
3.給組命名
4.在屬性面板中單擊“轉(zhuǎn)換為符號”按鈕
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-convert.png" alt="image" />
你將會注意到選擇組會成為淺綠色。這意味著現(xiàn)在選中的是一個符號的實例,并且你可以在你的工程中重用它。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-created.png" alt="image" />
這個新的符號將顯示在 UI 庫的符號集合中,可以用在你項目中的所有模型中,這樣你可以非常容易地將它添加到任何模型當中。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-uilibrary.png" alt="image" />
提示:一旦創(chuàng)建了一個符號,就像其他控件一樣,你也可以通過使用快速添加,利用其名稱的前幾個字母來進行添加。
Balsamiq Mockups 3 是一個專用的視圖創(chuàng)建和管理的符號。使用 mockups 視圖創(chuàng)建的符號將在這里顯示,并且你也可以在這個視圖中創(chuàng)建符號。
你可以使用導航圖標并選擇符號來得到符號視圖。你會在左側(cè)的面板列表中看到任何活動的符號。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols1.png" alt="image" />
工具欄包括兩個圖標可以用來創(chuàng)建符號:一個用于創(chuàng)建一個空白畫布,另一個則用于導入。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-toolbar.png" alt="image" />
單擊新符號庫圖標可以創(chuàng)建一個新的符號庫。符號視圖顯示符號的同時,也會顯示符號庫容器。在符號視圖中你可以在創(chuàng)建之前得知他們的區(qū)別。閱讀它們的解釋。
一個符號庫是符號的集合。它能夠用來將具有類似特性的符號進行分組。當符號過多的情況時,符號庫是用來管理和組織符號的。如果你不是一個符號的專業(yè)用戶,你可以將符號保持在一個符號庫中(然后你可以添加更多的符號庫)。
符號視圖在他們符號庫中以嵌套列表的形式顯示,如下所示。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols2.png" alt="image" />
你能選擇符號庫名稱來查看其中所有的符號,或者你可以選擇某個符號的名稱來僅查看該符號。
當瀏覽一個符號時,你將會看到一個小浮動欄,其顯示鏈接到符號庫的路徑。如果你在符號里有分組,這個浮動欄將會幫你導航分組。
符號列表的頂部的圖標允許你選擇除了你選擇的符號外你是否希望看到在符號庫中的其他的符號。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-showother.png" alt="image" />
注意:一個符號所屬的符號庫會被 UI 庫和快速添加中被忽略。無論符號屬于哪個符號庫,你都將看到你的符號列表。
在符號視圖中創(chuàng)建符號,和在模型視圖中創(chuàng)建符號類似,只不過你不需要對它們分組。任何控件添加到符號中都會立即成為其中的一部分。
如上所述,你可以添加一個新的符號到現(xiàn)有的符號庫或一個新的庫。要創(chuàng)建一個新的符號,點擊符號庫右邊的 '+' 圖標。這將在那個符號庫中創(chuàng)建一個新的符號(比如,叫做 "New Symbol")。
當你創(chuàng)建一個新的符號庫,兩個示例符號會自動被創(chuàng)建來幫助你理解符號是怎么工作的。你可以隨時修改或刪除它們。
提示:你可以給符號庫本身添加控件,但是這些控件當符號在你的模型中被使用時將不會被顯示。像便簽一樣控件在添加到符號庫時能夠用于記錄符號,不需要在 UI 中顯示出來。
除了在視圖中創(chuàng)建符號,你也可以導入在先前版本的 Balsamiq 模型創(chuàng)建的符號。點擊導入符號庫按鈕來打開一個對話框,導入 BMML 格式的文件(模型中使用的格式,比如,Mockups To Go)。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols3.png" alt="image" />
導入的符號將被創(chuàng)建在一個新的符號庫。
你可以像使用其他控件一樣在模型中使用符號。你能夠從 UI 庫中添加它們,或使用快速添加在你的模型中安置符號和其他控件。
這樣的創(chuàng)建方法與先前的方法的主要的區(qū)別在于,類似于其他分組控件,符號的屬性本身是有限的。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-inuse.png" alt="image" />
當然,最大的優(yōu)勢是您所做的任何改變在你使用符號時都會被更新。請繼續(xù)閱讀,來學習如何編輯符號。
當你在模型畫布中選中一個符號,你將看到兩個符號屬性出現(xiàn)在屬性檢視視圖中: Break Apart 和 Edit Source。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-inspector.png" alt="image" />
"Break Apart" 將把符號中的空間和選中的符號本身的連接打斷,意味著它不再是一個符號(盡管原始符號完好)。你對分解后的符號的任何改變都不會在其他地方更新,你對一個符號的任何改變在它的分解處也都不會被更新。
"Edit Source" ,它會去做你期望它做的事情,它提供給你可以編輯符號的符號視圖??芍貜褪褂玫姆柕闹饕锰幨?,如果你需要作出更改,你只需要在一個地方進行更改即可,它會傳播到所有的符號實例(使用中的)中去。當你完成編輯符號時,你可以點擊畫布上的 "Back to Mockups" 按鈕。對符號的編輯將會立即顯示在你使用的模型中。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-hideother.png" alt="image" />
提示 你同樣可以通過在 UI 庫中右擊并選擇 "Edit Symbol Source" 來進行編輯符號。
一旦你已經(jīng)創(chuàng)建了一個符號,你每次使用它的時候可能都會想要做一些小小的更改。
例如想象一個你創(chuàng)建主頁或模板時的樣本,包含一個 Web 頁面的標題和導航。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-template.png" alt="image" />
你的所有網(wǎng)站頁面的標題將含有相同的字體大小和位置,但是標題文本是不同的。同樣的,你可以在導航欄中選擇哪一個頁面會被顯示。
符號通過允許你在每一次使用符號時覆蓋特定的符號屬性來實現(xiàn)這一效果。為此,首先雙擊符號的 "enter it"。雖然這個過程非常類似于編輯一個分組的內(nèi)容,但你會發(fā)現(xiàn) Mockups for Desktop 會提醒你,你所做的是正在重寫一個符號的某些屬性。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-override.png" alt="image" />
此時,你可以操控在符號中的每一個控件,就好像你在編輯一個分組。當你在重寫符號屬性時,一些操作是不能進行的,比如添加,刪除或是控件分組。如果你想要編輯所有的實例化符號,單擊 "Edit" 按鈕。
如果你的操作出現(xiàn)錯誤,你可以通過撤銷來回到上一步操作。如果你想要移除一個屬性更改的操作,并且恢復符號的默認屬性,你可以單擊在屬性視圖中的綠色的小 "x" 圖標。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-override2.png" alt="image" />
你同樣可以立即撤銷你對一個實例化符號的所有操作,只要當你選擇整個符號時,在通過屬性視圖中的 "x" 圖標來完成。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-revert.png" alt="image" />
如果你想要在多個項目中使用相同的符號,你可以將模型代碼導出到另一個項目。你同樣可以創(chuàng)建一個模板項目,該操作在 Using Symbols and Assets across Projects 中涉及到。
在符號視圖中除了可以創(chuàng)建符號和符號庫之外,它也是一個可以管理和組織你的符號的好工具。
你可以通過右側(cè)的屬性面板來給你的符號和符號庫添加標記。
當一個符號被選中時,較低部分的面板會顯示符號在使用的模型(如果有的話)。這可以用來查看你是否可以刪除你沒有在使用的符號。單擊模型名稱將會鏈接到模型視圖中的模型中。
http://wiki.jikexueyuan.com/project/balsamiq-mockups-doc/images/symbols-properties.png" alt="image" />
重命名符號或是符號庫時,你可以在左側(cè)的導航欄面板中雙擊它的名稱,或使用文本菜單。
你同樣可以使用文本菜單從你的項目中刪除符號或是符號庫。當你刪除符號庫時,就像是模型或是圖像,刪除會將它們已送至垃圾箱,在垃圾箱中你可以永久的刪除它們,或者是恢復它們。而從符號庫中刪除一個符號時,刪除意味著永久性的刪除。
從模型中刪除一個符號,就像是圖片一樣,并不意味著刪除符號,而僅僅是一個符號的實例被刪除。
克隆符號(同樣可以通過文本菜單)可以在你創(chuàng)建類似的符號或是符號庫時為你節(jié)約寶貴的時間。